/* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ #respond textarea, .eltdf-style-form textarea, #respond input[type='text'], input[type='text'], input[type='email'], input[type='password'], .post-password-form input[type='password'], .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-quiz { width: 100%; margin: 0 0 32px; padding: 12px 21px; font-family: inherit; font-size: 12px; line-height: 31px; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; color: #999; background-color: transparent; border: 1px solid #e1e1e1; border-radius: 0; outline: 0; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } #respond textarea:focus, .eltdf-style-form textarea:focus, #respond input:focus[type='text'], input:focus[type='text'], input:focus[type='email'], input:focus[type='password'], .wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-number:focus, .wpcf7-form-control.wpcf7-date:focus, .wpcf7-form-control.wpcf7-textarea:focus, .wpcf7-form-control.wpcf7-select:focus, .wpcf7-form-control.wpcf7-quiz:focus { color: #333333; border-color: #17436f; } #respond textarea::-webkit-input-placeholder, .eltdf-style-form textarea::-webkit-input-placeholder, #respond input[type='text']::-webkit-input-placeholder, input[type='text']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, .post-password-form input[type='password']::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-text::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-number::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-date::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-textarea::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-select::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-quiz::-webkit-input-placeholder { color: inherit; } #respond textarea:-moz-placeholder, .eltdf-style-form textarea:-moz-placeholder, #respond input:-moz-placeholder[type='text'], input:-moz-placeholder[type='text'], input:-moz-placeholder[type='email'], input:-moz-placeholder[type='password'], .wpcf7-form-control.wpcf7-text:-moz-placeholder, .wpcf7-form-control.wpcf7-number:-moz-placeholder, .wpcf7-form-control.wpcf7-date:-moz-placeholder, .wpcf7-form-control.wpcf7-textarea:-moz-placeholder, .wpcf7-form-control.wpcf7-select:-moz-placeholder, .wpcf7-form-control.wpcf7-quiz:-moz-placeholder { color: inherit; opacity: 1; } #respond textarea::-moz-placeholder, .eltdf-style-form textarea::-moz-placeholder, #respond input[type='text']::-moz-placeholder, input[type='text']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='password']::-moz-placeholder, .post-password-form input[type='password']::-moz-placeholder, .wpcf7-form-control.wpcf7-text::-moz-placeholder, .wpcf7-form-control.wpcf7-number::-moz-placeholder, .wpcf7-form-control.wpcf7-date::-moz-placeholder, .wpcf7-form-control.wpcf7-textarea::-moz-placeholder, .wpcf7-form-control.wpcf7-select::-moz-placeholder, .wpcf7-form-control.wpcf7-quiz::-moz-placeholder { color: inherit; opacity: 1; } #respond textarea:-ms-input-placeholder, .eltdf-style-form textarea:-ms-input-placeholder, #respond input:-ms-input-placeholder[type='text'], input:-ms-input-placeholder[type='text'], input:-ms-input-placeholder[type='email'], input:-ms-input-placeholder[type='password'], .wpcf7-form-control.wpcf7-text:-ms-input-placeholder, .wpcf7-form-control.wpcf7-number:-ms-input-placeholder, .wpcf7-form-control.wpcf7-date:-ms-input-placeholder, .wpcf7-form-control.wpcf7-textarea:-ms-input-placeholder, .wpcf7-form-control.wpcf7-select:-ms-input-placeholder, .wpcf7-form-control.wpcf7-quiz:-ms-input-placeholder { color: inherit; } /* mixins styles - end */ /*------------------------------------------------------------------ * This is main css file for theme. It is broken into following sections: * 1. Global styles and reset * 2. Widgets styles * 3. Plugins styles * 4. Blog styles * 5. Footer styles * 6. Header styles * 7. Side area styles * 8. Search styles * 9. Title area styles * 10. Shortcodes styles * 11. Custom Post Types styles -------------------------------------------------------------------*/ /*------------------------------------------------------------------ * Color codes * Accent color: #17436f * Background: #fff * Content: #676767 * Header h1: #333333 * Header h2: #333333 * Header h3: #333333 * Header h4: #333333 * Header h5: #333333 * Header h6: #676767 * Header Background: #ffffff * Footer Top Background: #333333 * Footer Bottom Background: #333333 * a (standard): #17436f * a (hover): #17436f */ /* ========================================================================== 1. Global styles and reset ========================================================================== */ /* #Reset default styles - start ========================================================================== */ 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, font, 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; outline: none; } article, aside, details, figcaption, figure, footer, header, nav, section { display: block; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; border: medium none; vertical-align: middle; } table th { border: 0; padding: 5px 7px; text-align: center; } table td { padding: 5px 10px; text-align: center; } a img { border: none; } img, .wp-caption { max-width: 100%; height: auto; } iframe { max-width: 100%; } /* #Reset default styles - end ========================================================================== */ /* #General styles that are used in our theme - start * Here are defined global styles on body element, on container elements that hold every page, * headings and links, inputs, core wp styles and default pagination styles ========================================================================== */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear:after { clear: both; content: ""; display: block; } html { overflow-y: scroll !important; /* for vertical split screen slider shortcode on touch devices */ } body { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 27px; font-weight: 300; color: #676767; background-color: #fff; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; } h1 { font-size: 60px; color: #4e4e4e; line-height: 1.2em; } h2 { font-size: 40px; line-height: 1.275em; } h3 { font-size: 34px; line-height: 1.2em; } h4 { font-size: 30px; line-height: 1.2em; } h5 { font-size: 22px; line-height: 1.22em; } h6 { font-size: 16px; } h1, h6 { font-weight: 700; letter-spacing: 0.1em; } h2, h3, h4, h5 { font-weight: 600; letter-spacing: 0.05em; } h2, h3, h4, h5, h6 { color: #333333; } h1, h2, h3, h4, h5, h6 { margin: 20px 0; font-family: "Crimson Text", cursive; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #17436f; } a, p a { color: #333333; text-decoration: none; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } a:hover, p a:hover { color: #17436f; } p { margin: 10px 0; } input[type='submit'] { -webkit-appearance: none; } ul, ol { list-style-position: inside; margin: 15px 0; } ul ul, ol ol, ol ul, ul ol { margin: 0; padding: 0 0 0 15px; } pre { background-color: #fff; padding: 15px; max-width: 100%; white-space: pre-wrap; word-wrap: break-word; margin: 15px 0; } dt { font-size: 15px; font-weight: bold; margin-bottom: 10px; } dd { margin-bottom: 15px; } sub, sup { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sub { top: 0.5ex; } sup { bottom: 0.5ex; } .wp-caption-text { margin: 0; font-style: italic; } table { width: 100%; } table thead tr, table tbody tr { border: 1px solid #c9c9c9; } table tbody th { border-right: 1px solid #c9c9c9; } blockquote { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 10px 0; padding: 0; quotes: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #17436f; font-size: 18px; line-height: 32px; font-style: italic; font-weight: 400; } blockquote > * { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; margin: 0; display: inline; } blockquote:before, blockquote:after { content: '"'; } blockquote cite { font-style: normal; font-weight: 400; } /* Webkit */ ::-moz-selection { background: #17436f; color: #fff; } ::selection { background: #17436f; color: #fff; } /* Gecko/Mozilla */ ::-moz-selection { background: #17436f; color: #fff; } .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { opacity: 1; } .alignleft { display: inline; float: left; margin: 0 20px 20px 0; } .alignright { display: inline; float: right; margin: 0 0 20px 20px; } .aligncenter { clear: both; display: block; margin: 10px auto; } .alignwide { margin-left: auto; margin-right: auto; clear: both; } @media only screen and (max-width: 1024px) { .alignwide { width: 100%; max-width: 100%; } } .alignfull { position: relative; left: -1rem; width: calc(100% + (2 * 1rem)); max-width: calc(100% + (2 * 1rem)); clear: both; } @media only screen and (max-width: 1024px) { .alignfull { left: calc(-12.5% - 75px); width: calc(125% + 150px); max-width: calc(125% + 150px); margin-top: calc(2 * 1rem); margin-bottom: calc(2 * 1rem); } } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .eltdf-wrapper { position: relative; left: 0; z-index: 1000; -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); } .eltdf-wrapper .eltdf-wrapper-inner { width: 100%; overflow: hidden; } .eltdf-content { position: relative; margin-top: 0; z-index: 100; background-color: #fff; /*this is needed because of the uncovering footer*/ } .eltdf-boxed { overflow: hidden !important; /* this is because content jumping while using accordion and display:inline-block on 'body.eltdf-boxed .eltdf-wrapper' */ } .eltdf-boxed .eltdf-wrapper { display: inline-block; vertical-align: middle; width: 100%; background-size: cover; } .touch .eltdf-boxed .eltdf-wrapper { background-repeat: repeat; } .eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner { width: 1160px; overflow: visible; margin: auto; } .eltdf-boxed .eltdf-content { overflow: hidden; } .eltdf-boxed .eltdf-footer-inner { width: 1160px; margin: auto; } .eltdf-boxed .eltdf-page-header .eltdf-sticky-header, .eltdf-boxed .eltdf-page-header .eltdf-fixed-wrapper.fixed { width: 1160px; left: auto; } .eltdf-paspartu-enabled .eltdf-wrapper { padding: 10px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-paspartu-enabled.eltdf-top-paspartu-disabled .eltdf-wrapper { padding-top: 0 !important; } .eltdf-paspartu-enabled .eltdf-page-header .eltdf-fixed-wrapper.fixed { left: 10px; width: calc(100% - 20px); } .eltdf-paspartu-enabled .eltdf-sticky-header { left: 10px; width: calc(100% - 20px); } .eltdf-paspartu-enabled .eltdf-mobile-header.mobile-header-appear .eltdf-mobile-header-inner { left: 10px; width: calc(100% - 20px); } .eltdf-paspartu-enabled.eltdf-fixed-paspartu-enabled.admin-bar .eltdf-wrapper:before { top: 32px; } .eltdf-paspartu-enabled.eltdf-fixed-paspartu-enabled .eltdf-wrapper:before, .eltdf-paspartu-enabled.eltdf-fixed-paspartu-enabled .eltdf-wrapper:after { content: ''; position: fixed; left: 0; width: 100%; height: auto; padding-top: inherit; background-color: inherit; z-index: 99999; } .eltdf-paspartu-enabled.eltdf-fixed-paspartu-enabled .eltdf-wrapper:before { top: 0; } .eltdf-paspartu-enabled.eltdf-fixed-paspartu-enabled .eltdf-wrapper:after { bottom: 0; } .eltdf-paspartu-enabled.eltdf-fixed-paspartu-enabled .eltdf-page-header .eltdf-fixed-wrapper.fixed { margin-top: 10px; } .eltdf-paspartu-enabled.eltdf-fixed-paspartu-enabled .eltdf-sticky-header.header-appear { margin-top: 10px; } .eltdf-paspartu-enabled.eltdf-fixed-paspartu-enabled .eltdf-mobile-header.mobile-header-appear .eltdf-mobile-header-inner { margin-top: 10px; } .eltdf-smooth-transition-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; background-color: #fff; } .eltdf-container { position: relative; padding: 0; width: 100%; z-index: 100; } .eltdf-container:before { content: " "; display: table; } .eltdf-container:after { content: " "; display: table; clear: both; } .eltdf-container-inner { width: 1100px; margin: 0 auto; } .eltdf-full-width { position: relative; z-index: 100; } .eltdf-content .eltdf-content-inner > .eltdf-container > .eltdf-container-inner, .eltdf-content .eltdf-content-inner > .eltdf-full-width > .eltdf-full-width-inner { padding-top: 130px; } @media only screen and (min-width: 1400px) { .eltdf-grid-1300 .eltdf-grid, .eltdf-grid-1300 .eltdf-container-inner, .eltdf-grid-1300 .eltdf-row-grid-section { width: 1300px; } .eltdf-grid-1300.eltdf-boxed .eltdf-footer-inner, .eltdf-grid-1300.eltdf-boxed .eltdf-wrapper-inner { width: 1380px; } .eltdf-grid-1300.eltdf-boxed .eltdf-page-header .eltdf-sticky-header, .eltdf-grid-1300.eltdf-boxed .eltdf-page-header .eltdf-fixed-wrapper.fixed { width: 1380px; left: auto; } } @media only screen and (min-width: 1300px) { .eltdf-grid-1200 .eltdf-grid, .eltdf-grid-1200 .eltdf-container-inner, .eltdf-grid-1200 .eltdf-row-grid-section { width: 1200px; } .eltdf-grid-1200.eltdf-boxed .eltdf-footer-inner, .eltdf-grid-1200.eltdf-boxed .eltdf-wrapper-inner { width: 1250px; } .eltdf-grid-1200.eltdf-boxed .eltdf-page-header .eltdf-sticky-header, .eltdf-grid-1200.eltdf-boxed .eltdf-page-header .eltdf-fixed-wrapper.fixed { width: 1250px; left: auto; } } @media only screen and (min-width: 1200px) { .eltdf-grid-1000 .eltdf-grid, .eltdf-grid-1000 .eltdf-container-inner, .eltdf-grid-1000 .eltdf-row-grid-section { width: 1000px; } .eltdf-grid-1000.eltdf-boxed .eltdf-footer-inner, .eltdf-grid-1000.eltdf-boxed .eltdf-wrapper-inner { width: 1050px; } .eltdf-grid-1000.eltdf-boxed .eltdf-page-header .eltdf-sticky-header, .eltdf-grid-1000.eltdf-boxed .eltdf-page-header .eltdf-fixed-wrapper.fixed { width: 1050px; left: auto; } } @media only screen and (min-width: 1024px) { .eltdf-grid-800 .eltdf-grid, .eltdf-grid-800 .eltdf-container-inner, .eltdf-grid-800 .eltdf-row-grid-section { width: 800px; } .eltdf-grid-800.eltdf-boxed .eltdf-footer-inner, .eltdf-grid-800.eltdf-boxed .eltdf-wrapper-inner { width: 850px; } .eltdf-grid-800.eltdf-boxed .eltdf-page-header .eltdf-sticky-header, .eltdf-grid-800.eltdf-boxed .eltdf-page-header .eltdf-fixed-wrapper.fixed { width: 850px; left: auto; } } /* #General styles that are used in our theme - end ========================================================================== */ @-webkit-keyframes preload-background { from { background-position: 0 0; } to { background-position: 100% 0; } } @keyframes preload-background { from { background-position: 0 0; } to { background-position: 100% 0; } } .eltdf-preload-background { background: transparent url("../img/preload_pattern.png") repeat scroll inherit !important; -webkit-animation-name: preload-background; -webkit-animation-duration: 40s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: preload-background; animation-duration: 40s; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0s; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ } .eltdf-grid { width: 1100px; margin: 0 auto; } .eltdf-vertical-align-containers { position: relative; height: 100%; width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-vertical-align-containers.eltdf-25-50-25 .eltdf-position-left, .eltdf-vertical-align-containers.eltdf-25-50-25 .eltdf-position-right { width: 25%; } .eltdf-vertical-align-containers.eltdf-25-50-25 .eltdf-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .eltdf-vertical-align-containers.eltdf-33-33-33 .eltdf-position-left, .eltdf-vertical-align-containers.eltdf-33-33-33 .eltdf-position-center, .eltdf-vertical-align-containers.eltdf-33-33-33 .eltdf-position-right { width: 33.33%; } .eltdf-vertical-align-containers.eltdf-33-33-33 .eltdf-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .eltdf-vertical-align-containers.eltdf-50-50 .eltdf-position-left, .eltdf-vertical-align-containers.eltdf-50-50 .eltdf-position-right { width: 50%; } .eltdf-vertical-align-containers.eltdf-33-66 .eltdf-position-left { width: 33.33%; } .eltdf-vertical-align-containers.eltdf-33-66 .eltdf-position-right { width: 66.66%; } .eltdf-vertical-align-containers.eltdf-66-33 .eltdf-position-left { width: 66.66%; } .eltdf-vertical-align-containers.eltdf-66-33 .eltdf-position-right { width: 33.33%; } .eltdf-vertical-align-containers .eltdf-position-left { position: relative; float: left; z-index: 2; height: 100%; } .eltdf-vertical-align-containers .eltdf-position-center { height: 100%; width: 100%; position: absolute; left: 0; text-align: center; z-index: 1; } .eltdf-vertical-align-containers .eltdf-position-right { position: relative; float: right; z-index: 2; height: 100%; text-align: right; } .eltdf-vertical-align-containers .eltdf-position-left-inner, .eltdf-vertical-align-containers .eltdf-position-center-inner, .eltdf-vertical-align-containers .eltdf-position-right-inner { vertical-align: middle; display: inline-block; } .eltdf-vertical-align-containers .eltdf-position-right.eltdf-has-widget .eltdf-position-right-inner { height: 100%; } .eltdf-vertical-align-containers .eltdf-position-left:before, .eltdf-vertical-align-containers .eltdf-position-center:before, .eltdf-vertical-align-containers .eltdf-position-right:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; margin-right: 0; /* adjusts for spacing before it was -3px */ } /* ========================================================================== #Row styles - start ========================================================================== */ .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } .vc_row .wpb_gmaps_widget .wpb_wrapper { padding: 0; background-color: transparent; } .eltdf-row-grid-section { position: relative; width: 1100px; margin: 0 auto; z-index: 20; } .eltdf-content-aligment-left { text-align: left; } .eltdf-content-aligment-center { text-align: center; } .eltdf-content-aligment-right { text-align: right; } @media only screen and (max-width: 1280px) { .eltdf-disabled-bg-image-bellow-1280 { background-image: none !important; } } @media only screen and (max-width: 1024px) { .eltdf-disabled-bg-image-bellow-1024 { background-image: none !important; } } @media only screen and (max-width: 768px) { .eltdf-disabled-bg-image-bellow-768 { background-image: none !important; } } @media only screen and (max-width: 680px) { .eltdf-disabled-bg-image-bellow-680 { background-image: none !important; } } @media only screen and (max-width: 480px) { .eltdf-disabled-bg-image-bellow-480 { background-image: none !important; } } .eltdf-parallax-row-holder { position: static; padding: 0; background-repeat: no-repeat; background-color: transparent; background-position: center 0; background-attachment: fixed; overflow: hidden; } @media only screen and (max-width: 1024px) { .eltdf-parallax-row-holder { height: auto !important; min-height: 200px !important; background-position: center top !important; background-attachment: scroll; background-size: cover; } } /* ========================================================================== #Row styles - end ========================================================================== */ /* ========================================================================== #VC Revolution Slider styles - begin ========================================================================== */ .eltdf-rev-has-paspartu { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100vh; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .admin-bar .eltdf-rev-has-paspartu { height: calc(100vh - 32px); } .eltdf-rev-has-paspartu.eltdf-side-paspartu-disabled { padding-left: 0 !important; padding-right: 0 !important; } .eltdf-rev-has-paspartu.eltdf-paspartu-tiny { padding: 10px; } .eltdf-rev-has-paspartu.eltdf-paspartu-tiny.eltdf-top-paspartu-disabled { padding-top: 0; } .eltdf-rev-has-paspartu.eltdf-paspartu-tiny.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 10px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-tiny.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 42px) !important; } .eltdf-rev-has-paspartu.eltdf-paspartu-tiny .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 20px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-tiny .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 52px) !important; } .eltdf-rev-has-paspartu.eltdf-paspartu-small { padding: 20px; } .eltdf-rev-has-paspartu.eltdf-paspartu-small.eltdf-top-paspartu-disabled { padding-top: 0; } .eltdf-rev-has-paspartu.eltdf-paspartu-small.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 20px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-small.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 52px) !important; } .eltdf-rev-has-paspartu.eltdf-paspartu-small .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 40px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-small .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 72px) !important; } .eltdf-rev-has-paspartu.eltdf-paspartu-normal { padding: 30px; } .eltdf-rev-has-paspartu.eltdf-paspartu-normal.eltdf-top-paspartu-disabled { padding-top: 0; } .eltdf-rev-has-paspartu.eltdf-paspartu-normal.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 30px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-normal.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 62px) !important; } .eltdf-rev-has-paspartu.eltdf-paspartu-normal .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 60px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-normal .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 92px) !important; } @media only screen and (max-width: 680px) { .eltdf-rev-has-paspartu.eltdf-paspartu-normal { padding: 20px; } .eltdf-rev-has-paspartu.eltdf-paspartu-normal.eltdf-top-paspartu-disabled { padding-top: 0; } .eltdf-rev-has-paspartu.eltdf-paspartu-normal.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 20px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-normal.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 52px) !important; } .eltdf-rev-has-paspartu.eltdf-paspartu-normal .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 40px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-normal .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 72px) !important; } } .eltdf-rev-has-paspartu.eltdf-paspartu-large { padding: 50px; } .eltdf-rev-has-paspartu.eltdf-paspartu-large.eltdf-top-paspartu-disabled { padding-top: 0; } .eltdf-rev-has-paspartu.eltdf-paspartu-large.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 50px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-large.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 82px) !important; } .eltdf-rev-has-paspartu.eltdf-paspartu-large .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 100px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-large .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 132px) !important; } @media only screen and (max-width: 680px) { .eltdf-rev-has-paspartu.eltdf-paspartu-large { padding: 20px; } .eltdf-rev-has-paspartu.eltdf-paspartu-large.eltdf-top-paspartu-disabled { padding-top: 0; } .eltdf-rev-has-paspartu.eltdf-paspartu-large.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 20px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-large.eltdf-top-paspartu-disabled .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 52px) !important; } .eltdf-rev-has-paspartu.eltdf-paspartu-large .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 40px) !important; } .admin-bar .eltdf-rev-has-paspartu.eltdf-paspartu-large .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 72px) !important; } } .eltdf-rev-has-paspartu .forcefullwidth_wrapper_tp_banner { width: 100% !important; left: 0 !important; } .eltdf-rev-has-paspartu .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper { left: 0 !important; width: 100% !important; height: 100% !important; } .eltdf-rev-has-paspartu .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: 100vh !important; } .admin-bar .eltdf-rev-has-paspartu .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer { height: calc(100vh - 32px) !important; } /* ========================================================================== #VC Revolution Slider styles - end ========================================================================== */ /* ========================================================================== #Screen reader text - begin ========================================================================== */ /* Text meant only for screen readers. */ .screen-reader-text { position: absolute !important; height: 0; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 15px 23px 14px; color: #21759b; font-size: 14px; font-weight: 700; line-height: normal; text-decoration: none; background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; z-index: 100000; /* Above WP toolbar. */ } /* ========================================================================== #Screen reader text - end ========================================================================== */ /* ========================================================================== Grid System style - begin ========================================================================== */ .eltdf-two-columns-form-without-space .eltdf-column-left { display: table-cell; width: 99%; vertical-align: top; } .eltdf-two-columns-form-without-space .eltdf-column-right { display: table-cell; width: 1%; text-align: left; vertical-align: top; } .eltdf-two-columns-form-with-space .eltdf-column-left { display: table-cell; width: 99%; vertical-align: top; padding: 0 10px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-two-columns-form-with-space .eltdf-column-right { display: table-cell; width: 1%; text-align: left; vertical-align: top; padding: 0 0 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* * If you changed some value for space do the same thing in masonry-type, product-list-main-and-vc scss files */ .eltdf-no-space.eltdf-disable-bottom-space { margin-bottom: 0; } .eltdf-no-space .eltdf-outer-space { margin: 0; } .eltdf-no-space .eltdf-outer-space .eltdf-item-space { padding: 0 0px; margin: 0 0 0px; } .eltdf-no-space.eltdf-disable-item-bottom-space .eltdf-item-space { margin: 0; } .eltdf-tiny-space.eltdf-disable-bottom-space { margin-bottom: -10px; } .eltdf-tiny-space .eltdf-outer-space { margin: 0 -5px; } .eltdf-tiny-space .eltdf-outer-space .eltdf-item-space { padding: 0 5px; margin: 0 0 10px; } .eltdf-tiny-space.eltdf-disable-item-bottom-space .eltdf-item-space { margin: 0; } .eltdf-small-space.eltdf-disable-bottom-space { margin-bottom: -20px; } .eltdf-small-space .eltdf-outer-space { margin: 0 -10px; } .eltdf-small-space .eltdf-outer-space .eltdf-item-space { padding: 0 10px; margin: 0 0 20px; } .eltdf-small-space.eltdf-disable-item-bottom-space .eltdf-item-space { margin: 0; } .eltdf-normal-space.eltdf-disable-bottom-space { margin-bottom: -30px; } .eltdf-normal-space .eltdf-outer-space { margin: 0 -15px; } .eltdf-normal-space .eltdf-outer-space .eltdf-item-space { padding: 0 15px; margin: 0 0 30px; } .eltdf-normal-space.eltdf-disable-item-bottom-space .eltdf-item-space { margin: 0; } .eltdf-medium-space.eltdf-disable-bottom-space { margin-bottom: -40px; } .eltdf-medium-space .eltdf-outer-space { margin: 0 -20px; } .eltdf-medium-space .eltdf-outer-space .eltdf-item-space { padding: 0 20px; margin: 0 0 40px; } .eltdf-medium-space.eltdf-disable-item-bottom-space .eltdf-item-space { margin: 0; } .eltdf-large-space.eltdf-disable-bottom-space { margin-bottom: -50px; } .eltdf-large-space .eltdf-outer-space { margin: 0 -25px; } .eltdf-large-space .eltdf-outer-space .eltdf-item-space { padding: 0 25px; margin: 0 0 50px; } .eltdf-large-space.eltdf-disable-item-bottom-space .eltdf-item-space { margin: 0; } .eltdf-huge-space.eltdf-disable-bottom-space { margin-bottom: -80px; } .eltdf-huge-space .eltdf-outer-space { margin: 0 -40px; } .eltdf-huge-space .eltdf-outer-space .eltdf-item-space { padding: 0 40px; margin: 0 0 80px; } .eltdf-huge-space.eltdf-disable-item-bottom-space .eltdf-item-space { margin: 0; } /* ========================================================================== Grid System Mixin style - begin ========================================================================== */ /* ========================================================================== Grid System Mixin style - end ========================================================================== */ .eltdf-grid-row { margin-left: -15px; margin-right: -15px; } .eltdf-grid-row:before, .eltdf-grid-row:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-row:after { clear: both; } .eltdf-grid-row { *zoom: 1; } .eltdf-grid-no-gutter { margin-left: -0px; margin-right: -0px; } .eltdf-grid-no-gutter > div { padding-left: 0px; padding-right: 0px; } .eltdf-grid-tiny-gutter { margin-left: -5px; margin-right: -5px; } .eltdf-grid-tiny-gutter > div { padding-left: 5px; padding-right: 5px; } .eltdf-grid-small-gutter { margin-left: -10px; margin-right: -10px; } .eltdf-grid-small-gutter > div { padding-left: 10px; padding-right: 10px; } .eltdf-grid-normal-gutter { margin-left: -15px; margin-right: -15px; } .eltdf-grid-normal-gutter > div { padding-left: 15px; padding-right: 15px; } .eltdf-grid-medium-gutter { margin-left: -20px; margin-right: -20px; } .eltdf-grid-medium-gutter > div { padding-left: 20px; padding-right: 20px; } .eltdf-grid-large-gutter { margin-left: -25px; margin-right: -25px; } .eltdf-grid-large-gutter > div { padding-left: 25px; padding-right: 25px; } .eltdf-grid-huge-gutter { margin-left: -40px; margin-right: -40px; } .eltdf-grid-huge-gutter > div { padding-left: 40px; padding-right: 40px; } .eltdf-grid-col-1 { position: relative; float: left; width: 8.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-1:before, .eltdf-grid-col-1:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-1:after { clear: both; } .eltdf-grid-col-1 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-1 { width: 100%; float: none; } } .eltdf-grid-col-2 { position: relative; float: left; width: 16.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-2:before, .eltdf-grid-col-2:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-2:after { clear: both; } .eltdf-grid-col-2 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-2 { width: 100%; float: none; } } .eltdf-grid-col-3 { position: relative; float: left; width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-3:before, .eltdf-grid-col-3:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-3:after { clear: both; } .eltdf-grid-col-3 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-3 { width: 100%; float: none; } } .eltdf-grid-col-4 { position: relative; float: left; width: 33.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-4:before, .eltdf-grid-col-4:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-4:after { clear: both; } .eltdf-grid-col-4 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-4 { width: 100%; float: none; } } .eltdf-grid-col-5 { position: relative; float: left; width: 41.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-5:before, .eltdf-grid-col-5:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-5:after { clear: both; } .eltdf-grid-col-5 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-5 { width: 100%; float: none; } } .eltdf-grid-col-6 { position: relative; float: left; width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-6:before, .eltdf-grid-col-6:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-6:after { clear: both; } .eltdf-grid-col-6 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-6 { width: 100%; float: none; } } .eltdf-grid-col-7 { position: relative; float: left; width: 58.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-7:before, .eltdf-grid-col-7:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-7:after { clear: both; } .eltdf-grid-col-7 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-7 { width: 100%; float: none; } } .eltdf-grid-col-8 { position: relative; float: left; width: 66.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-8:before, .eltdf-grid-col-8:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-8:after { clear: both; } .eltdf-grid-col-8 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-8 { width: 100%; float: none; } } .eltdf-grid-col-9 { position: relative; float: left; width: 75%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-9:before, .eltdf-grid-col-9:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-9:after { clear: both; } .eltdf-grid-col-9 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-9 { width: 100%; float: none; } } .eltdf-grid-col-10 { position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-10:before, .eltdf-grid-col-10:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-10:after { clear: both; } .eltdf-grid-col-10 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-10 { width: 100%; float: none; } } .eltdf-grid-col-11 { position: relative; float: left; width: 91.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-11:before, .eltdf-grid-col-11:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-11:after { clear: both; } .eltdf-grid-col-11 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-11 { width: 100%; float: none; } } .eltdf-grid-col-12 { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-grid-col-12:before, .eltdf-grid-col-12:after { content: " "; /* 1 */ display: table; /* 2 */ } .eltdf-grid-col-12:after { clear: both; } .eltdf-grid-col-12 { *zoom: 1; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-12 { width: 100%; float: none; } } .eltdf-grid-col-push-1 { left: 8.33333%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-1 { left: 0; } } .eltdf-grid-col-pull-1 { right: 8.33333%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-1 { right: 0; } } .eltdf-grid-col-push-2 { left: 16.66667%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-2 { left: 0; } } .eltdf-grid-col-pull-2 { right: 16.66667%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-2 { right: 0; } } .eltdf-grid-col-push-3 { left: 25%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-3 { left: 0; } } .eltdf-grid-col-pull-3 { right: 25%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-3 { right: 0; } } .eltdf-grid-col-push-4 { left: 33.33333%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-4 { left: 0; } } .eltdf-grid-col-pull-4 { right: 33.33333%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-4 { right: 0; } } .eltdf-grid-col-push-5 { left: 41.66667%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-5 { left: 0; } } .eltdf-grid-col-pull-5 { right: 41.66667%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-5 { right: 0; } } .eltdf-grid-col-push-6 { left: 50%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-6 { left: 0; } } .eltdf-grid-col-pull-6 { right: 50%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-6 { right: 0; } } .eltdf-grid-col-push-7 { left: 58.33333%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-7 { left: 0; } } .eltdf-grid-col-pull-7 { right: 58.33333%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-7 { right: 0; } } .eltdf-grid-col-push-8 { left: 66.66667%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-8 { left: 0; } } .eltdf-grid-col-pull-8 { right: 66.66667%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-8 { right: 0; } } .eltdf-grid-col-push-9 { left: 75%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-9 { left: 0; } } .eltdf-grid-col-pull-9 { right: 75%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-9 { right: 0; } } .eltdf-grid-col-push-10 { left: 83.33333%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-10 { left: 0; } } .eltdf-grid-col-pull-10 { right: 83.33333%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-10 { right: 0; } } .eltdf-grid-col-push-11 { left: 91.66667%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-11 { left: 0; } } .eltdf-grid-col-pull-11 { right: 91.66667%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-11 { right: 0; } } .eltdf-grid-col-push-12 { left: 100%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-push-12 { left: 0; } } .eltdf-grid-col-pull-12 { right: 100%; } @media only screen and (max-width: 1024px) { .eltdf-grid-col-pull-12 { right: 0; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-3 { width: 25%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-3 { width: 25%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-3 { width: 25%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-3 { width: 25%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-3 { width: 25%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-3 { width: 25%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-3 { width: 25%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-3 { width: 25%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-3 { width: 25%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-6 { width: 50%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-6 { width: 50%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-6 { width: 50%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-6 { width: 50%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-6 { width: 50%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-6 { width: 50%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-6 { width: 50%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-6 { width: 50%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-6 { width: 50%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-9 { width: 75%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-9 { width: 75%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-9 { width: 75%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-9 { width: 75%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-9 { width: 75%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-9 { width: 75%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-9 { width: 75%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-9 { width: 75%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-9 { width: 75%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 1440px) { .eltdf-grid-col-laptop-landscape-large-12 { width: 100%; float: none; } } @media only screen and (max-width: 1366px) { .eltdf-grid-col-laptop-landscape-mac-12 { width: 100%; float: none; } } @media only screen and (max-width: 1280px) { .eltdf-grid-col-laptop-landscape-medium-12 { width: 100%; float: none; } } @media only screen and (max-width: 1200px) { .eltdf-grid-col-laptop-landscape-12 { width: 100%; float: none; } } @media only screen and (max-width: 1024px) { .eltdf-grid-col-ipad-landscape-12 { width: 100%; float: none; } } @media only screen and (max-width: 768px) { .eltdf-grid-col-ipad-portrait-12 { width: 100%; float: none; } } @media only screen and (max-width: 680px) { .eltdf-grid-col-phone-landscape-12 { width: 100%; float: none; } } @media only screen and (max-width: 480px) { .eltdf-grid-col-phone-portrait-12 { width: 100%; float: none; } } @media only screen and (max-width: 320px) { .eltdf-grid-col-smaller-phone-portrait-12 { width: 100%; float: none; } } /* ========================================================================== Grid System style - end ========================================================================== */ /* ========================================================================== #Animation styles - start ========================================================================== */ @-webkit-keyframes element-from-left { 0% { opacity: 0; -webkit-transform: translate(-20%, 0); transform: translate(-20%, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes element-from-left { 0% { opacity: 0; -webkit-transform: translate(-20%, 0); transform: translate(-20%, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes element-from-right { 0% { opacity: 0; -webkit-transform: translate(20%, 0); transform: translate(20%, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes element-from-right { 0% { opacity: 0; -webkit-transform: translate(20%, 0); transform: translate(20%, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes element-from-top { 0% { opacity: 0; -webkit-transform: translate(0, -30%); transform: translate(0, -30%); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes element-from-top { 0% { opacity: 0; -webkit-transform: translate(0, -30%); transform: translate(0, -30%); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes element-from-bottom { 0% { opacity: 0; -webkit-transform: translate(0, 30%); transform: translate(0, 30%); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes element-from-bottom { 0% { opacity: 0; -webkit-transform: translate(0, 30%); transform: translate(0, 30%); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .eltdf-element-from-left, .eltdf-element-from-right, .eltdf-element-from-top, .eltdf-element-from-bottom, .eltdf-element-from-fade { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-element-from-left > div, .eltdf-element-from-right > div, .eltdf-element-from-top > div, .eltdf-element-from-bottom > div, .eltdf-element-from-fade > div { position: relative; display: inline-block; width: 100%; vertical-align: middle; opacity: 0; } .eltdf-element-from-fade.eltdf-element-from-fade-on > div { opacity: 1; -webkit-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; } .eltdf-element-from-left.eltdf-element-from-left-on > div { -webkit-animation: element-from-left 0.55s 1 ease; animation: element-from-left 0.55s 1 ease; opacity: 1; } .eltdf-element-from-right.eltdf-element-from-right-on > div { -webkit-animation: element-from-right 0.55s 1 ease; animation: element-from-right 0.55s 1 ease; opacity: 1; } .eltdf-element-from-top.eltdf-element-from-top-on > div { -webkit-animation: element-from-top 0.55s 1 ease; animation: element-from-top 0.55s 1 ease; opacity: 1; } .eltdf-element-from-bottom.eltdf-element-from-bottom-on > div { -webkit-animation: element-from-bottom 0.55s 1 ease; animation: element-from-bottom 0.55s 1 ease; opacity: 1; } .eltdf-flip-in { opacity: 0; -webkit-transform: perspective(1000px) rotateY(25deg); transform: perspective(1000px) rotateY(25deg); -webkit-transition: all 1.1s ease-in-out; transition: all 1.1s ease-in-out; } .eltdf-flip-in.eltdf-flip-in-on { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .eltdf-grow-in { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1); transition: all 1s cubic-bezier(0, 1, 0.5, 1); } .eltdf-grow-in.eltdf-grow-in-on { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .eltdf-z-rotate { opacity: 0; -webkit-transform: rotateZ(7deg); transform: rotateZ(7deg); -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: top right; transform-origin: top right; } .eltdf-z-rotate.eltdf-z-rotate-on { opacity: 1; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } .eltdf-x-rotate { opacity: 0; -webkit-transform: perspective(900px) rotateX(-45deg); transform: perspective(900px) rotateX(-45deg); -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .eltdf-x-rotate.eltdf-x-rotate-on { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .eltdf-y-translate { opacity: 0; -webkit-transform: translate(0, 30px); transform: translate(0, 30px); -webkit-transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65); transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65); } .eltdf-y-translate.eltdf-y-translate-on { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .eltdf-fade-in-down { opacity: 0; -webkit-transform: translate(0, -25px); transform: translate(0, -25px); -webkit-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); } .eltdf-fade-in-down.eltdf-fade-in-down-on { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .eltdf-fade-in-left-x-rotate { opacity: 0; -webkit-transform: rotateZ(-5deg) translate(-30px, 0); transform: rotateZ(-5deg) translate(-30px, 0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .eltdf-fade-in-left-x-rotate.eltdf-fade-in-left-x-rotate-on { opacity: 1; -webkit-transform: rotateZ(0deg) translate(0, 0); transform: rotateZ(0deg) translate(0, 0); } .eltdf-fade-in { opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; } .eltdf-fade-in.eltdf-fade-in-on { opacity: 1; } /* ========================================================================== #Animation styles - end ========================================================================== */ .eltdf-st-loader { position: absolute; top: 50%; left: 50%; z-index: 2100; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .eltdf-st-loader1 { position: relative; display: inline-block; width: 100%; height: 100%; } .eltdf-st-loader2 { margin: -50% 0 0 -50%; } /* rotate circles - start */ .eltdf-rotate-circles { width: 60px; height: 20px; } .eltdf-rotate-circles > div { background-color: #333; display: inline-block; width: 12px; height: 12px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1.5s ease infinite; animation: ball-fall 1.5s ease infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .eltdf-rotate-circles > div:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms; } .eltdf-rotate-circles > div:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms; } .eltdf-rotate-circles > div:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } /* rotate circles - end */ /* pulse - start */ .eltdf-st-loader .pulse { width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #17436f; border-radius: 16px; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } /* pulse - end */ /* double pulse - start */ .eltdf-st-loader .double_pulse { width: 40px; height: 40px; margin: -20px 0 0 -20px; position: relative; } .eltdf-st-loader .double_pulse .double-bounce1, .eltdf-st-loader .double_pulse .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #17436f; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .eltdf-st-loader .double_pulse .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /* double pulse - end */ /* cube - start */ .eltdf-st-loader .cube { width: 60px; height: 60px; margin: -30px 0 0 -30px; background-color: #17436f; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* cube - end */ /* rotating cubes - start */ .eltdf-st-loader .rotating_cubes { width: 32px; height: 32px; margin: -16px 0 0 -16px; position: relative; } .eltdf-st-loader .rotating_cubes .cube1, .eltdf-st-loader .rotating_cubes .cube2 { background-color: #17436f; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .eltdf-st-loader .rotating_cubes .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } /* rotating cubes - end */ /* stripes - start */ .eltdf-st-loader .stripes { width: 50px; height: 60px; margin: -30px 0 0 -25px; text-align: center; font-size: 10px; } .eltdf-st-loader .stripes > div { background-color: #17436f; height: 100%; width: 6px; display: inline-block; margin: 0 3px 0 0; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .eltdf-st-loader .stripes .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .eltdf-st-loader .stripes .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .eltdf-st-loader .stripes .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .eltdf-st-loader .stripes .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } /* stripes - end */ /* wave - start */ .eltdf-st-loader .wave { width: 72px; text-align: center; margin: -9px 0 0 -36px; } .eltdf-st-loader .wave > div { width: 18px; height: 18px; background-color: #17436f; margin: 0 3px 0 0; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .eltdf-st-loader .wave .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .eltdf-st-loader .wave .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } /* wave - end */ /* two_rotating_circles - start */ .eltdf-st-loader .two_rotating_circles { width: 40px; height: 40px; margin: -20px 0 0 -20px; position: relative; text-align: center; -webkit-animation: rotatecircles 2.0s infinite linear; animation: rotatecircles 2.0s infinite linear; } .eltdf-st-loader .two_rotating_circles .dot1, .eltdf-st-loader .two_rotating_circles .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #17436f; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .eltdf-st-loader .two_rotating_circles .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes rotatecircles { 100% { -webkit-transform: rotate(360deg); } } @keyframes rotatecircles { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } /* two_rotating_circles - end */ /* five_rotating_circles - start */ .eltdf-st-loader .five_rotating_circles { width: 60px; height: 60px; margin: -30px 0 0 -30px; position: relative; } .eltdf-st-loader .five_rotating_circles .container1 > div, .eltdf-st-loader .five_rotating_circles .container2 > div, .eltdf-st-loader .five_rotating_circles .container3 > div { width: 12px; height: 12px; background-color: #17436f; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .eltdf-st-loader .five_rotating_circles .spinner-container { position: absolute; width: 100%; height: 100%; } .eltdf-st-loader .five_rotating_circles .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .eltdf-st-loader .five_rotating_circles .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .eltdf-st-loader .five_rotating_circles .circle1 { top: 0; left: 0; } .eltdf-st-loader .five_rotating_circles .circle2 { top: 0; right: 0; } .eltdf-st-loader .five_rotating_circles .circle3 { right: 0; bottom: 0; } .eltdf-st-loader .five_rotating_circles .circle4 { left: 0; bottom: 0; } .eltdf-st-loader .five_rotating_circles .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .eltdf-st-loader .five_rotating_circles .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .eltdf-st-loader .five_rotating_circles .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .eltdf-st-loader .five_rotating_circles .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .eltdf-st-loader .five_rotating_circles .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .eltdf-st-loader .five_rotating_circles .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .eltdf-st-loader .five_rotating_circles .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .eltdf-st-loader .five_rotating_circles .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .eltdf-st-loader .five_rotating_circles .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .eltdf-st-loader .five_rotating_circles .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .eltdf-st-loader .five_rotating_circles .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } /* five_rotating_circles - end */ /* atom - start */ .eltdf-st-loader .atom { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } .eltdf-st-loader .atom .ball-1 { height: 50%; width: 50%; left: 50%; top: 50%; position: absolute; z-index: 1; -webkit-animation: atom_shrink 4.5s infinite linear; animation: atom_shrink 4.5s infinite linear; } .eltdf-st-loader .atom .ball-1:before { content: ''; background: #17436f; border-radius: 50%; height: 100%; width: 100%; position: absolute; top: -50%; left: -50%; } .eltdf-st-loader .atom .ball-2, .eltdf-st-loader .atom .ball-3, .eltdf-st-loader .atom .ball-4 { position: absolute; width: 100%; height: 100%; z-index: 0; } .eltdf-st-loader .atom .ball-2:before, .eltdf-st-loader .atom .ball-3:before, .eltdf-st-loader .atom .ball-4:before { content: ''; height: 20px; width: 20px; border-radius: 50%; background: #17436f; top: 0; left: 0; margin: 0 auto; position: absolute; } .eltdf-st-loader .atom .ball-2 { -webkit-animation: atom_zindex 1.5s 0.75s infinite steps(2, end); animation: atom_zindex 1.5s 0.75s infinite steps(2, end); } .eltdf-st-loader .atom .ball-3 { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation: atom_zindex 1.5s -0.25s infinite steps(2, end); animation: atom_zindex 1.5s -0.25s infinite steps(2, end); } .eltdf-st-loader .atom .ball-4 { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation: atom_zindex 1.5s 0.25s infinite steps(2, end); animation: atom_zindex 1.5s 0.25s infinite steps(2, end); } .eltdf-st-loader .atom .ball-2:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease; animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease; } .eltdf-st-loader .atom .ball-3:before { -webkit-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease; animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease; } .eltdf-st-loader .atom .ball-4:before { -webkit-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease; animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease; } @-webkit-keyframes atom_position { 50% { top: 80px; left: 80px; } } @keyframes atom_position { 50% { top: 80px; left: 80px; } } @-webkit-keyframes atom_size { 50% { -webkit-transform: scale(0.5, 0.5); } } @keyframes atom_size { 50% { -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } } @-webkit-keyframes atom_zindex { 100% { z-index: 10; } } @keyframes atom_zindex { 100% { z-index: 10; } } @-webkit-keyframes atom_shrink { 50% { -webkit-transform: scale(0.9, 0.9); } } @keyframes atom_shrink { 50% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } } /* atom - end */ /* clock - start*/ .eltdf-st-loader .clock { width: 50px; height: 50px; margin: -25px 0 0 -25px; position: relative; -webkit-animation: clock 8s infinite steps(8); animation: clock 8s infinite steps(8); } .eltdf-st-loader .clock .ball { height: 50px; width: 50px; position: absolute; } .eltdf-st-loader .clock .ball:before { content: ''; border-radius: 50%; height: 18.31501832px; width: 18.31501832px; position: absolute; background: #17436f; } .eltdf-st-loader .clock .ball-1 { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-animation: clock1 1s ease-in infinite; animation: clock1 1s ease-in infinite; } .eltdf-st-loader .clock .ball-2 { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-animation: clock2 1s ease-in infinite; animation: clock2 1s ease-in infinite; } .eltdf-st-loader .clock .ball-3 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-animation: clock3 1s ease-in infinite; animation: clock3 1s ease-in infinite; } .eltdf-st-loader .clock .ball-4 { -webkit-animation: clock4 1s ease-in infinite; animation: clock4 1s ease-in infinite; } @-webkit-keyframes clock { 100% { -webkit-transform: rotate(360deg); } } @keyframes clock { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes clock1 { 0% { -webkit-transform: rotate(-135deg); } 30% { -webkit-transform: rotate(-450deg); } 100% { -webkit-transform: rotate(-450deg); } } @keyframes clock1 { 0% { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } 30% { -webkit-transform: rotate(-450deg); transform: rotate(-450deg); } 100% { -webkit-transform: rotate(-450deg); transform: rotate(-450deg); } } @-webkit-keyframes clock2 { 5% { -webkit-transform: rotate(-90deg); } 35% { -webkit-transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); } } @keyframes clock2 { 5% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 35% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } @-webkit-keyframes clock3 { 10% { -webkit-transform: rotate(-45deg); } 40% { -webkit-transform: rotate(-360deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes clock3 { 10% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 40% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes clock4 { 15% { -webkit-transform: rotate(0deg); } 45% { -webkit-transform: rotate(-315deg); } 100% { -webkit-transform: rotate(-315deg); } } @keyframes clock4 { 15% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 45% { -webkit-transform: rotate(-315deg); transform: rotate(-315deg); } 100% { -webkit-transform: rotate(-315deg); transform: rotate(-315deg); } } /* clock - end*/ /* mitosis - start*/ .eltdf-st-loader .mitosis { height: 50px; width: 50px; margin: -25px 0 0 -25px; position: relative; -webkit-animation: mitosis_invert 2s infinite steps(2, end); animation: mitosis_invert 2s infinite steps(2, end); } .eltdf-st-loader .mitosis .ball { height: 100%; width: 100%; position: absolute; border-radius: 50%; top: 0; left: 0; background: #17436f; } .eltdf-st-loader .mitosis .ball-1 { -webkit-animation: mitosis_ball1 1s infinite alternate linear; animation: mitosis_ball1 1s infinite alternate linear; } .eltdf-st-loader .mitosis .ball-2 { -webkit-animation: mitosis_ball2 1s infinite alternate linear; animation: mitosis_ball2 1s infinite alternate linear; } .eltdf-st-loader .mitosis .ball-3 { -webkit-animation: mitosis_ball3 1s infinite alternate linear; animation: mitosis_ball3 1s infinite alternate linear; } .eltdf-st-loader .mitosis .ball-4 { -webkit-animation: mitosis_ball4 1s infinite alternate linear; animation: mitosis_ball4 1s infinite alternate linear; } @-webkit-keyframes mitosis_invert { 100% { -webkit-transform: rotate(180deg); } } @keyframes mitosis_invert { 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @-webkit-keyframes mitosis_ball1 { 12% { -webkit-transform: none; } 26% { -webkit-transform: translateX(25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(50%, 25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(50%, 50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(50%, 50%) scale(0.6, 0.6); } } @keyframes mitosis_ball1 { 12% { -webkit-transform: none; transform: none; } 26% { -webkit-transform: translateX(25%) scale(1, 0.8); transform: translateX(25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(50%) scale(0.8, 0.8); transform: translateX(50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(50%) scale(0.8, 0.8); transform: translateX(50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(50%, 25%) scale(0.6, 0.8); transform: translate(50%, 25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(50%, 50%) scale(0.6, 0.6); transform: translate(50%, 50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(50%, 50%) scale(0.6, 0.6); transform: translate(50%, 50%) scale(0.6, 0.6); } } @-webkit-keyframes mitosis_ball2 { 12% { -webkit-transform: none; } 26% { -webkit-transform: translateX(25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(50%, -25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(50%, -50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(50%, -50%) scale(0.6, 0.6); } } @keyframes mitosis_ball2 { 12% { -webkit-transform: none; transform: none; } 26% { -webkit-transform: translateX(25%) scale(1, 0.8); transform: translateX(25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(50%) scale(0.8, 0.8); transform: translateX(50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(50%) scale(0.8, 0.8); transform: translateX(50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(50%, -25%) scale(0.6, 0.8); transform: translate(50%, -25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(50%, -50%) scale(0.6, 0.6); transform: translate(50%, -50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(50%, -50%) scale(0.6, 0.6); transform: translate(50%, -50%) scale(0.6, 0.6); } } @-webkit-keyframes mitosis_ball3 { 12% { -webkit-transform: none; } 26% { -webkit-transform: translateX(-25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(-50%, 25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6); } } @keyframes mitosis_ball3 { 12% { -webkit-transform: none; transform: none; } 26% { -webkit-transform: translateX(-25%) scale(1, 0.8); transform: translateX(-25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); transform: translateX(-50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); transform: translateX(-50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(-50%, 25%) scale(0.6, 0.8); transform: translate(-50%, 25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6); transform: translate(-50%, 50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6); transform: translate(-50%, 50%) scale(0.6, 0.6); } } @-webkit-keyframes mitosis_ball4 { 12% { -webkit-transform: none; } 26% { -webkit-transform: translateX(-25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(-50%, -25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6); } } @keyframes mitosis_ball4 { 12% { -webkit-transform: none; transform: none; } 26% { -webkit-transform: translateX(-25%) scale(1, 0.8); transform: translateX(-25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); transform: translateX(-50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); transform: translateX(-50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(-50%, -25%) scale(0.6, 0.8); transform: translate(-50%, -25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6); transform: translate(-50%, -50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6); transform: translate(-50%, -50%) scale(0.6, 0.6); } } /* mitosis - end*/ /* lines - start*/ .eltdf-st-loader .lines { width: 60px; height: 60px; margin: 0 0 0 -30px; } .eltdf-st-loader .lines .line1, .eltdf-st-loader .lines .line2, .eltdf-st-loader .lines .line3, .eltdf-st-loader .lines .line4 { margin-left: 10px; position: absolute; width: 60px; height: 4px; background-color: #17436f; -webkit-animation: lines_spin 1.5s infinite linear; -webkit-animation-timing-function: ease; } .eltdf-st-loader .lines .line2 { -webkit-animation-delay: 0.1s; } .eltdf-st-loader .lines .line3 { -webkit-animation-delay: 0.2s; } .eltdf-st-loader .lines .line4 { -webkit-animation-delay: 0.3s; } @-webkit-keyframes lines_spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes lines_spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* lines - end*/ /* fussion - start*/ .eltdf-st-loader .fussion { width: 30px; height: 30px; margin: -45px 0 0 -30px; position: relative; } .eltdf-st-loader .fussion .ball { height: 40px; width: 40px; left: 50%; top: 50%; background: #17436f; border-radius: 50%; float: left; position: absolute; } .eltdf-st-loader .fussion .ball-1 { background: #17436f; top: 0; left: 50%; -webkit-animation: fussion_ball1 1s 0s ease infinite; animation: fussion_ball1 1s 0s ease infinite; z-index: 1; } .eltdf-st-loader .fussion .ball-2 { background: #17436f; top: 50%; left: 100%; -webkit-animation: fussion_ball2 1s 0s ease infinite; animation: fussion_ball2 1s 0s ease infinite; z-index: 2; } .eltdf-st-loader .fussion .ball-3 { background: #17436f; top: 100%; left: 50%; -webkit-animation: fussion_ball3 1s 0s ease infinite; animation: fussion_ball3 1s 0s ease infinite; z-index: 1; } .eltdf-st-loader .fussion .ball-4 { background: #17436f; top: 50%; left: 0; -webkit-animation: fussion_ball4 1s 0s ease infinite; animation: fussion_ball4 1s 0s ease infinite; z-index: 2; } @-webkit-keyframes fussion_ball1 { 50% { top: -100%; left: 200%; } 100% { top: 50%; left: 100%; z-index: 2; } } @keyframes fussion_ball1 { 50% { top: -100%; left: 200%; } 100% { top: 50%; left: 100%; z-index: 2; } } @-webkit-keyframes fussion_ball2 { 50% { top: 200%; left: 200%; } 100% { top: 100%; left: 50%; z-index: 1; } } @keyframes fussion_ball2 { 50% { top: 200%; left: 200%; } 100% { top: 100%; left: 50%; z-index: 1; } } @-webkit-keyframes fussion_ball3 { 50% { top: 200%; left: -100%; } 100% { top: 50%; left: 0; z-index: 2; } } @keyframes fussion_ball3 { 50% { top: 200%; left: -100%; } 100% { top: 50%; left: 0; z-index: 2; } } @-webkit-keyframes fussion_ball4 { 50% { top: -100%; left: -100%; } 100% { top: 0; left: 50%; z-index: 1; } } @keyframes fussion_ball4 { 50% { top: -100%; left: -100%; } 100% { top: 0; left: 50%; z-index: 1; } } /* fussion - end*/ /* wave_circles - start*/ .eltdf-st-loader .wave_circles { width: 150px; height: 30px; margin: -15px 0 0 -75px; } .eltdf-st-loader .wave_circles .ball { height: 30px; width: 30px; float: left; background: #17436f; border-radius: 50%; margin-right: 10px; } .eltdf-st-loader .wave_circles .ball-1 { -webkit-animation: wave_jump3 1.8s infinite ease-out; animation: wave_jump3 1.8s infinite ease-out; } .eltdf-st-loader .wave_circles .ball-2 { -webkit-animation: wave_jump2 1.8s infinite ease-out; animation: wave_jump2 1.8s infinite ease-out; } .eltdf-st-loader .wave_circles .ball-3 { -webkit-animation: wave_jump1 1.8s infinite ease-out; animation: wave_jump1 1.8s infinite ease-out; } .eltdf-st-loader .wave_circles .ball-4 { margin-right: 0; -webkit-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1); animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1); } @-webkit-keyframes wave_jump1 { 12% { -webkit-transform: translate(20px, -40px); -webkit-animation-timing-function: ease-in; } 24% { -webkit-transform: translate(40px, 0); } 100% { -webkit-transform: translate(40px, 0); } } @keyframes wave_jump1 { 12% { -webkit-transform: translate(20px, -40px); transform: translate(20px, -40px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 24% { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } 100% { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } } @-webkit-keyframes wave_jump2 { 12% { -webkit-transform: translate(0, 0); } 24% { -webkit-transform: translate(20px, -40px); -webkit-animation-timing-function: ease-in; } 36% { -webkit-transform: translate(40px, 0); } 100% { -webkit-transform: translate(40px, 0); } } @keyframes wave_jump2 { 12% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 24% { -webkit-transform: translate(20px, -40px); transform: translate(20px, -40px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 36% { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } 100% { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } } @-webkit-keyframes wave_jump3 { 24% { -webkit-transform: translate(0, 0); } 36% { -webkit-transform: translate(20px, -40px); -webkit-animation-timing-function: ease-in; } 48% { -webkit-transform: translate(40px, 0); } 100% { -webkit-transform: translate(40px, 0); } } @keyframes wave_jump3 { 24% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 36% { -webkit-transform: translate(20px, -40px); transform: translate(20px, -40px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 48% { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } 100% { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } } @-webkit-keyframes wave_wipe { 48% { -webkit-transform: translateX(-120px); } 100% { -webkit-transform: translateX(-120px); } } @keyframes wave_wipe { 48% { -webkit-transform: translateX(-120px); transform: translateX(-120px); } 100% { -webkit-transform: translateX(-120px); transform: translateX(-120px); } } /* wave_circles - end*/ /* pulse_circles - start*/ .eltdf-st-loader .pulse_circles { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } .eltdf-st-loader .pulse_circles * { -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-st-loader .pulse_circles .ball { height: 100%; width: 100%; background: #17436f; position: absolute; border-radius: 50%; border: 0 solid #17436f; -webkit-animation: pulse_circles_pulse 3s infinite; animation: pulse_circles_pulse 3s infinite; } .eltdf-st-loader .pulse_circles .ball-2 { -webkit-animation-delay: -0.75s; animation-delay: -0.75s; } .eltdf-st-loader .pulse_circles .ball-3 { -webkit-animation-delay: -1.5s; animation-delay: -1.5s; } .eltdf-st-loader .pulse_circles .ball-4 { -webkit-animation-delay: -2.25s; animation-delay: -2.25s; } @-webkit-keyframes pulse_circles_pulse { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 1; border-width: 50px; } 100% { -webkit-transform: scale(1, 1); opacity: 0; border-width: 0; } } @keyframes pulse_circles_pulse { 0% { -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 1; border-width: 50px; } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 0; border-width: 0; } } /* pulse_circles - end*/ /* overlapping_diamonds - start*/ .overlapping-diamonds { width: 20px; height: 20px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; } @-webkit-keyframes part-anim { 0% { -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); } 100% { -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); } } @keyframes part-anim { 0% { -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); } 100% { -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); } } .overlapping-diamonds-part { position: absolute; width: 20px; height: 20px; z-index: 1; -webkit-animation: part-anim 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; animation: part-anim 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; } .overlapping-diamonds-first { border: 1px solid #17436f; background: transparent; right: 0; bottom: 0; animation-direction: alternate-reverse; } .overlapping-diamonds-second { border: 1px solid #17436f; background-color: transparent; left: 0; top: 0; } .overlapping-diamonds-second:before { content: ''; position: absolute; height: 100%; width: 1px; background-color: #17436f; top: 0; left: 50%; } .overlapping-diamonds-second:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #17436f; top: 50%; left: 0; } @-webkit-keyframes blend-anim { 0% { -webkit-transform: scale(0.01, 0.01) rotateY(0deg); transform: scale(0.01, 0.01) rotateY(0deg); -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% { -webkit-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg); -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% { -webkit-transform: scale(0.01, 0.01) rotateY(0deg); transform: scale(0.01, 0.01) rotateY(0deg); } } @keyframes blend-anim { 0% { -webkit-transform: scale(0.01, 0.01) rotateY(0deg); transform: scale(0.01, 0.01) rotateY(0deg); -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% { -webkit-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg); -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% { -webkit-transform: scale(0.01, 0.01) rotateY(0deg); transform: scale(0.01, 0.01) rotateY(0deg); } } /* overlapping_diamonds - end*/ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ #respond textarea, .eltdf-style-form textarea, #respond input[type='text'], input[type='text'], input[type='email'], input[type='password'], .post-password-form input[type='password'], .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-quiz { width: 100%; margin: 0 0 32px; padding: 12px 21px; font-family: inherit; font-size: 12px; line-height: 31px; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; color: #999; background-color: transparent; border: 1px solid #e1e1e1; border-radius: 0; outline: 0; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } #respond textarea:focus, .eltdf-style-form textarea:focus, #respond input:focus[type='text'], input:focus[type='text'], input:focus[type='email'], input:focus[type='password'], .wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-number:focus, .wpcf7-form-control.wpcf7-date:focus, .wpcf7-form-control.wpcf7-textarea:focus, .wpcf7-form-control.wpcf7-select:focus, .wpcf7-form-control.wpcf7-quiz:focus { color: #333333; border-color: #17436f; } #respond textarea::-webkit-input-placeholder, .eltdf-style-form textarea::-webkit-input-placeholder, #respond input[type='text']::-webkit-input-placeholder, input[type='text']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, .post-password-form input[type='password']::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-text::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-number::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-date::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-textarea::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-select::-webkit-input-placeholder, .wpcf7-form-control.wpcf7-quiz::-webkit-input-placeholder { color: inherit; } #respond textarea:-moz-placeholder, .eltdf-style-form textarea:-moz-placeholder, #respond input:-moz-placeholder[type='text'], input:-moz-placeholder[type='text'], input:-moz-placeholder[type='email'], input:-moz-placeholder[type='password'], .wpcf7-form-control.wpcf7-text:-moz-placeholder, .wpcf7-form-control.wpcf7-number:-moz-placeholder, .wpcf7-form-control.wpcf7-date:-moz-placeholder, .wpcf7-form-control.wpcf7-textarea:-moz-placeholder, .wpcf7-form-control.wpcf7-select:-moz-placeholder, .wpcf7-form-control.wpcf7-quiz:-moz-placeholder { color: inherit; opacity: 1; } #respond textarea::-moz-placeholder, .eltdf-style-form textarea::-moz-placeholder, #respond input[type='text']::-moz-placeholder, input[type='text']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='password']::-moz-placeholder, .post-password-form input[type='password']::-moz-placeholder, .wpcf7-form-control.wpcf7-text::-moz-placeholder, .wpcf7-form-control.wpcf7-number::-moz-placeholder, .wpcf7-form-control.wpcf7-date::-moz-placeholder, .wpcf7-form-control.wpcf7-textarea::-moz-placeholder, .wpcf7-form-control.wpcf7-select::-moz-placeholder, .wpcf7-form-control.wpcf7-quiz::-moz-placeholder { color: inherit; opacity: 1; } #respond textarea:-ms-input-placeholder, .eltdf-style-form textarea:-ms-input-placeholder, #respond input:-ms-input-placeholder[type='text'], input:-ms-input-placeholder[type='text'], input:-ms-input-placeholder[type='email'], input:-ms-input-placeholder[type='password'], .wpcf7-form-control.wpcf7-text:-ms-input-placeholder, .wpcf7-form-control.wpcf7-number:-ms-input-placeholder, .wpcf7-form-control.wpcf7-date:-ms-input-placeholder, .wpcf7-form-control.wpcf7-textarea:-ms-input-placeholder, .wpcf7-form-control.wpcf7-select:-ms-input-placeholder, .wpcf7-form-control.wpcf7-quiz:-ms-input-placeholder { color: inherit; } /* mixins styles - end */ /* ========================================================================== #Comments styles - start ========================================================================== */ .eltdf-comment-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-comment-holder .eltdf-comment-holder-inner { padding: 41px 0 20px; } .eltdf-comment-holder .eltdf-comment.eltdf-pingback-comment .eltdf-comment-text { padding: 0; } .eltdf-comment-holder .eltdf-comment-list { list-style: none; position: relative; z-index: 150; padding: 0; margin: 0; } .eltdf-comment-holder .eltdf-comment-list li { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 25px 0 0; padding: 29px 0 0; } .eltdf-comment-holder .eltdf-comment-list > li:first-child { margin: 0; padding: 0; border: 0; } .eltdf-comment-holder .eltdf-comment-list .children { padding: 0 0 0 81px; } .eltdf-comment-holder .eltdf-comments-title { margin-bottom: 28px; } .eltdf-comment-holder .eltdf-comments-title > * { margin: 0; } .eltdf-comment-holder .eltdf-comment-image { position: relative; display: block; top: 10px; left: 0; width: 82px; height: 82px; float: left; } .eltdf-comment-holder .eltdf-comment-image img { display: block; border-radius: 4em; } .eltdf-comment-holder .eltdf-comment-text { padding: 15px 0 23px 99px; min-height: 82px; } .eltdf-comment-holder .eltdf-comment-text .eltdf-comment-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-comment-holder .eltdf-comment-text .replay, .eltdf-comment-holder .eltdf-comment-text .comment-reply-link, .eltdf-comment-holder .eltdf-comment-text .comment-edit-link { float: right; margin-left: 10px; margin-right: 10px; color: #17436f; font-size: 12px; letter-spacing: .1em; font-weight: 600; text-transform: uppercase; } .eltdf-comment-holder .eltdf-comment-text .replay:hover, .eltdf-comment-holder .eltdf-comment-text .comment-reply-link:hover, .eltdf-comment-holder .eltdf-comment-text .comment-edit-link:hover { color: #333333; } .eltdf-comment-holder .eltdf-comment-text .eltdf-comment-name { float: left; margin: 0; } .eltdf-comment-holder .eltdf-comment-text .eltdf-comment-date { margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: .1em; } .eltdf-comment-holder .eltdf-comment-text .eltdf-text-holder p { margin: 0; } .eltdf-comment-holder .eltdf-comment-text .comment-respond { margin: 20px 0; } .eltdf-comment-holder .eltdf-comment-text .comment-respond .comment-reply-title { margin: 0 0 10px; } .eltdf-comment-holder .eltdf-comment-text #cancel-comment-reply-link { margin-left: 10px; font-family: "Open Sans", sans-serif; font-size: 12px; color: #17436f; } .eltdf-comment-holder .eltdf-comment-text #cancel-comment-reply-link:hover { color: #333333; } .eltdf-comment-holder .eltdf-comment-text ul li, .eltdf-comment-holder .eltdf-comment-text ol li { display: list-item; } .eltdf-comment-holder .eltdf-comment-text li { margin: 0 !important; padding: 0 !important; border: 0 !important; } .eltdf-comment-form { padding: 0; clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-comment-form .eltdf-comment-form-inner { padding: 45px 0 78px; } .eltdf-comment-form .comment-reply-title { margin: 0 0 12px; } @media only screen and (max-width: 768px) { .eltdf-comment-holder .eltdf-comment-list .children { padding: 0 0 0 40px; } } @media only screen and (max-width: 680px) { .eltdf-comment-holder .eltdf-comment-list .children { padding: 0; } .eltdf-comment-holder .eltdf-comment-text .eltdf-comment-date, .eltdf-comment-holder .eltdf-comment-text .eltdf-comment-name { float: none; } .eltdf-comment-holder .eltdf-comment-text .replay, .eltdf-comment-holder .eltdf-comment-text .comment-reply-link, .eltdf-comment-holder .eltdf-comment-text .comment-edit-link { float: none; margin: 0 10px 0 0; } } @media only screen and (max-width: 480px) { .eltdf-comment-holder .eltdf-comment-image { float: none; } .eltdf-comment-holder .eltdf-comment-text { padding: 20px 0 0; min-height: inherit; } } /* ========================================================================== #Comments styles - end ========================================================================== */ .post-password-form input[type='password'] { margin-top: 10px; } footer .wpcf7-form-control.wpcf7-text, footer .wpcf7-form-control.wpcf7-number, footer .wpcf7-form-control.wpcf7-date, footer .wpcf7-form-control.wpcf7-textarea, footer .wpcf7-form-control.wpcf7-select, footer .wpcf7-form-control.wpcf7-quiz { margin: 0; } .wpcf7-form-control.wpcf7-textarea { max-width: 100%; } #submit_comment, .post-password-form input[type='submit'], input.wpcf7-form-control.wpcf7-submit { font-family: inherit; position: relative; display: inline-block; vertical-align: middle; width: auto; outline: none; font-size: 14px; line-height: 2.2em; letter-spacing: 0.1em; font-weight: 600; text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; padding: 13px 46px; color: #fff; background-color: #17436f; border: none; cursor: pointer; } #submit_comment:hover, .post-password-form input[type='submit']:hover, input.wpcf7-form-control.wpcf7-submit:hover { color: #fff; background-color: #333333; } input.wpcf7-form-control.wpcf7-submit { background-color: #006767; } p.form-submit, .wpcf7-form p { margin: 0; } p.form-submit { margin-top: 10px; } #respond textarea, .eltdf-style-form textarea, .wpcf7-form textarea { display: block; padding: 16px 18px; } .eltdf-two-columns-form-without-space .wpcf7-form .ajax-loader { display: none; } span.wpcf7-form-control-wrap.eltdf-select:after { font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: '\f107'; right: 20px; top: 0px; padding: 0 0 2px; position: absolute; pointer-events: none; } @media only screen and (max-width: 680px) { .wpcf7 .eltdf-two-columns-form-with-space .eltdf-column-left { display: inline-block; width: 100%; padding: 0; } .wpcf7 .eltdf-two-columns-form-with-space .eltdf-column-right { width: auto; padding: 0; } } /* ========================================================================== #Comments styles - end ========================================================================== */ /* ========================================================================== #Global Owl Slider - begin ========================================================================== */ .eltdf-owl-slider { visibility: hidden; } .eltdf-owl-slider .owl-stage-outer { z-index: 1; } .eltdf-owl-slider.eltdf-slider-is-moving .owl-item .eltdf-block-drag-link { z-index: -1 !important; } .eltdf-owl-slider.eltdf-slider-has-both-nav .owl-nav .owl-prev, .eltdf-owl-slider.eltdf-slider-has-both-nav .owl-nav .owl-next { -webkit-transform: translateY(calc(-50% - 21px)); transform: translateY(calc(-50% - 21px)); } .eltdf-owl-slider .owl-nav .owl-prev, .eltdf-owl-slider .owl-nav .owl-next { position: absolute; top: 50%; z-index: 3; color: #FFF; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .eltdf-owl-slider .owl-nav .owl-prev:hover, .eltdf-owl-slider .owl-nav .owl-next:hover { color: #17436f; } .eltdf-owl-slider .owl-nav .owl-prev > span, .eltdf-owl-slider .owl-nav .owl-next > span { position: relative; display: inline-block; vertical-align: middle; font-size: 40px; line-height: 1; } .eltdf-owl-slider .owl-nav .owl-prev > span:before, .eltdf-owl-slider .owl-nav .owl-next > span:before { display: block; line-height: inherit; } .eltdf-owl-slider .owl-nav .owl-prev { left: 30px; } .eltdf-owl-slider .owl-nav .owl-next { right: 30px; } .eltdf-owl-slider .owl-dots { text-align: center; margin: 16px 0 0; } .eltdf-owl-slider .owl-dots .owl-dot { display: inline-block; vertical-align: middle; } .eltdf-owl-slider .owl-dots .owl-dot span { display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin: 0 6px; border-radius: 3em; background-color: transparent; border: 2px solid rgba(51, 51, 51, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.2s ease-out, border 0.2s ease-out; transition: background-color 0.2s ease-out, border 0.2s ease-out; } .eltdf-owl-slider .owl-dots .owl-dot:hover span, .eltdf-owl-slider .owl-dots .owl-dot.active span { background-color: #333333; border-color: #333333; } .eltdf-owl-slider .owl-carousel .owl-item img { -webkit-transform: translateZ(0); } .eltdf-owl-slider + .eltdf-slider-thumbnail { display: inline-block; vertical-align: middle; list-style: none; margin: 20px -10px 0; } .eltdf-owl-slider + .eltdf-slider-thumbnail > .eltdf-slider-thumbnail-item { float: left; padding: 0 10px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 0; } .eltdf-owl-slider + .eltdf-slider-thumbnail > .eltdf-slider-thumbnail-item img { border: 2px solid transparent; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; } .eltdf-owl-slider + .eltdf-slider-thumbnail > .eltdf-slider-thumbnail-item.active img { border: 2px solid #17436f; } .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-two .eltdf-slider-thumbnail-item { width: 50%; } @media only screen and (max-width: 1024px) { .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-two .eltdf-slider-thumbnail-item { width: 33.3333%; } } .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-three .eltdf-slider-thumbnail-item { width: 33.33333%; } @media only screen and (max-width: 1024px) { .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-three .eltdf-slider-thumbnail-item { width: 33.3333%; } } .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-four .eltdf-slider-thumbnail-item { width: 25%; } @media only screen and (max-width: 1024px) { .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-four .eltdf-slider-thumbnail-item { width: 33.3333%; } } .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-five .eltdf-slider-thumbnail-item { width: 20%; } @media only screen and (max-width: 1024px) { .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-five .eltdf-slider-thumbnail-item { width: 33.3333%; } } .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-six .eltdf-slider-thumbnail-item { width: 16.66667%; } @media only screen and (max-width: 1024px) { .eltdf-owl-slider + .eltdf-slider-thumbnail.eltdf-slider-columns-six .eltdf-slider-thumbnail-item { width: 33.3333%; } } /* ========================================================================== #Global Owl Slider - end ========================================================================== */ /* ========================================================================== #404 styles - start ========================================================================== */ .error404 .eltdf-wrapper { padding: 0 !important; } .error404 .eltdf-content { height: 100vh; } .error404.admin-bar .eltdf-content { height: calc(100vh - 32px); } .error404 .eltdf-content-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .error404 .eltdf-page-not-found { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 0 20%; text-align: center; } .error404 .eltdf-page-not-found .eltdf-404-title { margin: 0; } .error404 .eltdf-page-not-found .eltdf-404-subtitle { margin: 35px 0 0; } .error404 .eltdf-page-not-found .eltdf-404-text { margin: 10px 0 0; } .error404 .eltdf-page-not-found .eltdf-404-form.eltdf-404-form-light .input-holder { border-color: #fff; } .error404 .eltdf-page-not-found .eltdf-404-form.eltdf-404-form-light .input-holder input, .error404 .eltdf-page-not-found .eltdf-404-form.eltdf-404-form-light .input-holder button { color: #fff; } .error404 .eltdf-page-not-found .eltdf-404-form.eltdf-404-form-light .input-holder input.search-field::-webkit-input-placeholder { color: #fff; } .error404 .eltdf-page-not-found .eltdf-404-form.eltdf-404-form-light .input-holder input.search-field:-moz-placeholder { color: #fff; opacity: 1; } .error404 .eltdf-page-not-found .eltdf-404-form.eltdf-404-form-light .input-holder input.search-field::-moz-placeholder { color: #fff; opacity: 1; } .error404 .eltdf-page-not-found .eltdf-404-form.eltdf-404-form-light .input-holder input.search-field:-ms-input-placeholder { color: #fff; } .error404 .eltdf-page-not-found .eltdf-404-form.eltdf-404-form-light .input-holder button:hover { color: rgba(255, 255, 255, 0.8); } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder { width: 45%; min-width: 300px; border: 1px solid #c9c9c9; margin: 30px auto 0; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder input, .error404 .eltdf-page-not-found .eltdf-404-form .input-holder button { background-color: transparent; border: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #808285; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 14px; font-style: italic; font-weight: inherit; height: 48px; line-height: 46px; outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder input.search-field { width: calc(100% - 48px); padding: 10px 0 10px 21px; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder input.search-field::-webkit-input-placeholder { color: #808285; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder input.search-field:-moz-placeholder { color: #808285; opacity: 1; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder input.search-field::-moz-placeholder { color: #808285; opacity: 1; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder input.search-field:-ms-input-placeholder { color: #808285; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder button { background: transparent; color: #333333; cursor: pointer; font-size: 17px; width: 48px; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder button:hover { color: #000; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder button span { display: block; left: 0; line-height: 48px; position: absolute; top: 0; width: 100%; } .error404 .eltdf-page-not-found .eltdf-404-form .input-holder button span:before { display: block; line-height: inherit; } @media only screen and (max-width: 1024px) { .error404 .eltdf-content { height: 100%; min-height: 100vh; } .error404.admin-bar .eltdf-content { height: 100%; min-height: calc(100vh - 32px); } } @media only screen and (max-width: 768px) { .error404 .eltdf-page-not-found { padding: 70px 30px 20px; } } /* ========================================================================== #404 styles - end ========================================================================== */ /* ========================================================================== #Back to Top styles - start ========================================================================== */ #eltdf-back-to-top { position: fixed; width: 41px; right: 25px; bottom: 25px; margin: 0; z-index: 10000; opacity: 0; visibility: hidden; } #eltdf-back-to-top.off { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.15s ease, visibility 0s 0.15s; transition: opacity 0.15s ease, visibility 0s 0.15s; } #eltdf-back-to-top.on { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #eltdf-back-to-top > span { position: relative; display: block; width: 39px; height: 39px; line-height: 40px; font-size: 15px; text-align: center; color: #fff; background-color: #17436f; border: 1px solid #17436f; overflow: hidden; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } #eltdf-back-to-top > span i:first-child { -webkit-transform: translateY(0); transform: translateY(0); } #eltdf-back-to-top > span i:last-child { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; line-height: inherit; -webkit-transform: translateY(0); transform: translateY(0); } #eltdf-back-to-top > span i { -webkit-transition: 0.15s ease 0.05s; transition: 0.15s ease 0.05s; } #eltdf-back-to-top > span:hover i:first-child { -webkit-transform: translateY(-300%); transform: translateY(-300%); } #eltdf-back-to-top > span:hover i:last-child { -webkit-transform: translateY(-100%); transform: translateY(-100%); } #eltdf-back-to-top span span { display: block; line-height: inherit; } /* ========================================================================== #Back to Top styles - end ========================================================================== */ /* ========================================================================== #Self Hosted Video styles - begin ========================================================================== */ .eltdf-self-hosted-video-holder .eltdf-video-wrap .mejs-poster, .eltdf-self-hosted-video-holder .eltdf-video-wrap .mejs-container, .eltdf-self-hosted-video-holder .eltdf-video-wrap .mejs-overlay-play { height: 100% !important; /*!important because of the inline style*/ width: 100% !important; /*!important because of the inline style*/ } /* ========================================================================== #Self Hosted Video styles - end ========================================================================== */ /* ========================================================================== #Removing search cancel button ========================================================================== */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type="search"]::-ms-clear { display: none; } input[type=text]::-ms-clear { display: none; } /* ========================================================================== 4. Widgets styles ========================================================================== */ footer { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ } footer .widget { margin: 0 0 20px; padding: 0; } footer .widget .eltdf-widget-title-holder { margin-bottom: 20px; } footer .widget .eltdf-widget-title-holder .eltdf-widget-title { color: #FFF; margin: 0; } footer .widget .eltdf-widget-title-holder .eltdf-separator { border-color: #909090; border-bottom-width: 3px; width: 30px; } footer .widget ul { padding: 0; margin: 0; list-style: none; } footer .widget ul li { display: block; margin: 0; padding: 0 0 3px; } footer .widget ul li:last-child { border: 0; padding-bottom: 0; } footer .widget ul li a { color: #909090; } footer .widget ul li a:hover { color: #17436f; } footer .widget ul .children li, footer .widget ul .sub-menu li { padding-left: 15px; } footer .widget.widget_pages ul li, footer .widget.widget_archive ul li, footer .widget.widget_categories ul li, footer .widget.widget_meta ul li, footer .widget.widget_recent_entries ul li, footer .widget.widget_nav_menu ul li { overflow: hidden; } footer .widget.widget_pages ul li a, footer .widget.widget_archive ul li a, footer .widget.widget_categories ul li a, footer .widget.widget_meta ul li a, footer .widget.widget_recent_entries ul li a, footer .widget.widget_nav_menu ul li a { display: inline; overflow: hidden; padding: 0; position: relative; } footer .widget.widget_pages ul li a abbr, footer .widget.widget_archive ul li a abbr, footer .widget.widget_categories ul li a abbr, footer .widget.widget_meta ul li a abbr, footer .widget.widget_recent_entries ul li a abbr, footer .widget.widget_nav_menu ul li a abbr { color: #FFF; } footer .widget.widget_pages ul li a abbr:hover, footer .widget.widget_archive ul li a abbr:hover, footer .widget.widget_categories ul li a abbr:hover, footer .widget.widget_meta ul li a abbr:hover, footer .widget.widget_recent_entries ul li a abbr:hover, footer .widget.widget_nav_menu ul li a abbr:hover { color: #17436f; } footer .widget.widget_recent_comments .eltdf-widget-title, footer .widget.widget_rss .eltdf-widget-title { margin-bottom: 0; } footer .widget #wp-calendar { text-align: center; width: 100%; } footer .widget #wp-calendar caption { margin: 0 0 3px; } footer .widget #wp-calendar th, footer .widget #wp-calendar td { padding: 3px 4px; } footer .widget #wp-calendar td#today { color: #909090; background-color: #FFF; } footer .widget #wp-calendar tfoot a { color: #909090; } footer .widget #wp-calendar tfoot a:hover { color: #17436f; } footer .widget.widget_rss .rss-widget-icon { display: inline-block; } footer .widget.widget_rss .rsswidget { display: inline-block; color: #FFF; font-weight: 500; margin-bottom: 3px; } footer .widget.widget_rss .rss-date { display: block; margin-bottom: 3px; font-size: 15px; } footer .widget.widget_rss cite { display: block; margin-top: calc(3px / 2); } footer .widget.widget_search .input-holder { border-color: #cccccc; border-style: solid; border-width: 1px; } footer .widget.widget_search .input-holder input, footer .widget.widget_search .input-holder button { position: relative; vertical-align: top; background-color: transparent; border: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #909090; display: inline-block; float: left; font-family: "Crimson Text", cursive; font-size: 14px; font-weight: 500; height: 52px; line-height: 55px; outline: 0; text-transform: uppercase; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } footer .widget.widget_search .input-holder input.search-field { width: calc(100% - 52px); padding: 10px 0 10px 21px; } footer .widget.widget_search .input-holder input.search-field::-webkit-input-placeholder { color: #909090; } footer .widget.widget_search .input-holder input.search-field:-moz-placeholder { color: #909090; opacity: 1; } footer .widget.widget_search .input-holder input.search-field::-moz-placeholder { color: #909090; opacity: 1; } footer .widget.widget_search .input-holder input.search-field:-ms-input-placeholder { color: #909090; } footer .widget.widget_search .input-holder button { background: #FFF; color: #333333; cursor: pointer; font-size: 15px; width: 52px; padding: 10px 0; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } footer .widget.widget_search .input-holder button:hover { color: #17436f; } footer .widget.widget_search .input-holder button span { display: block; left: 0; line-height: inherit; position: absolute; top: 0; width: 100%; } footer .widget.widget_search .input-holder button span:before { display: block; line-height: inherit; } footer .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field { border-radius: 3px; border-color: #cccccc; border-style: solid; border-width: 1px; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: #909090; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; padding: 0 25px 0 20px; width: 100%; /* width of loading icon */ -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } footer .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-webkit-input-placeholder { color: #909090; } footer .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-moz-placeholder { color: #909090; opacity: 1; } footer .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-moz-placeholder { color: #909090; opacity: 1; } footer .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-ms-input-placeholder { color: #909090; } footer .widget.widget_archive select, footer .widget.widget_categories select, footer .widget.widget_text select { background-color: transparent; border-color: #cccccc; border-style: solid; border-width: 1px; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #909090; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); margin-top: 3px; outline: 0; padding: 0 0 0 21px; position: relative; vertical-align: top; width: 100%; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } footer .widget.widget_archive img, footer .widget.widget_categories img, footer .widget.widget_text img { margin-bottom: 10px; } footer .widget.widget_tag_cloud a { border-radius: 2px; color: #676767; display: inline-block; font-size: 14px !important; font-family: "Open Sans", sans-serif; font-weight: inherit; line-height: 30px; padding: 0; } footer .widget.widget_tag_cloud a:hover { color: #17436f; } footer .widget.widget_tag_cloud a:after { content: ","; } footer .widget.widget_tag_cloud a:last-child:after { content: ""; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item { margin: 0 0 25px; padding: 0; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a { display: table; width: 100%; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image, footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title { display: table-cell; vertical-align: middle; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image img, footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title img { display: block; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image { width: 100px; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-recent-posts-info { display: table-cell; vertical-align: middle; padding-left: 12px; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title { -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; margin: 0 0 10px; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title { color: #333333; font-size: 1em; font-weight: 300; line-height: 1.42em; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title:hover { color: #17436f; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-date { display: block; margin: 10px 0 0; color: #676767; font-size: 12px; font-weight: 600; line-height: 20px; letter-spacing: 0.1em; } footer .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a:hover { color: transparent; } footer .widget.widget_calla_instagram_widget .eltdf-widget-title-holder, footer .widget.eltdf-recent-post-widget .eltdf-widget-title-holder { margin-bottom: 19px; } footer .widget.eltdf-author-info-widget, footer .widget.eltdf-recent-post-widget { margin: 0 0 38px; } footer .widget { margin: 0 0 20px; padding: 0; } footer .widget .eltdf-widget-title-holder .eltdf-separator { border-color: #909090; border-bottom-width: 3px; width: 30px; } footer .widget a { color: #909090; } footer .widget a:hover { color: #17436f; } .eltdf-fullscreen-sidebar { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ } .eltdf-fullscreen-sidebar .widget { margin: 0 0 45px; padding: 0; } .eltdf-fullscreen-sidebar .widget .eltdf-widget-title-holder { margin-bottom: 31px; } .eltdf-fullscreen-sidebar .widget .eltdf-widget-title-holder .eltdf-widget-title { color: #676767; margin: 0; } .eltdf-fullscreen-sidebar .widget .eltdf-widget-title-holder .eltdf-separator { border-color: #333333; border-bottom-width: 3px; width: 30px; } .eltdf-fullscreen-sidebar .widget ul { padding: 0; margin: 0; list-style: none; } .eltdf-fullscreen-sidebar .widget ul li { display: block; margin: 0; padding: 0 0 15px; } .eltdf-fullscreen-sidebar .widget ul li:last-child { border: 0; padding-bottom: 0; } .eltdf-fullscreen-sidebar .widget ul li a { color: #666666; } .eltdf-fullscreen-sidebar .widget ul li a:hover { color: #17436f; } .eltdf-fullscreen-sidebar .widget ul .children li, .eltdf-fullscreen-sidebar .widget ul .sub-menu li { padding-left: 15px; } .eltdf-fullscreen-sidebar .widget.widget_pages ul li, .eltdf-fullscreen-sidebar .widget.widget_archive ul li, .eltdf-fullscreen-sidebar .widget.widget_categories ul li, .eltdf-fullscreen-sidebar .widget.widget_meta ul li, .eltdf-fullscreen-sidebar .widget.widget_recent_entries ul li, .eltdf-fullscreen-sidebar .widget.widget_nav_menu ul li { overflow: hidden; } .eltdf-fullscreen-sidebar .widget.widget_pages ul li a, .eltdf-fullscreen-sidebar .widget.widget_archive ul li a, .eltdf-fullscreen-sidebar .widget.widget_categories ul li a, .eltdf-fullscreen-sidebar .widget.widget_meta ul li a, .eltdf-fullscreen-sidebar .widget.widget_recent_entries ul li a, .eltdf-fullscreen-sidebar .widget.widget_nav_menu ul li a { display: inline; overflow: hidden; padding: 0; position: relative; } .eltdf-fullscreen-sidebar .widget.widget_pages ul li a abbr, .eltdf-fullscreen-sidebar .widget.widget_archive ul li a abbr, .eltdf-fullscreen-sidebar .widget.widget_categories ul li a abbr, .eltdf-fullscreen-sidebar .widget.widget_meta ul li a abbr, .eltdf-fullscreen-sidebar .widget.widget_recent_entries ul li a abbr, .eltdf-fullscreen-sidebar .widget.widget_nav_menu ul li a abbr { color: #676767; } .eltdf-fullscreen-sidebar .widget.widget_pages ul li a abbr:hover, .eltdf-fullscreen-sidebar .widget.widget_archive ul li a abbr:hover, .eltdf-fullscreen-sidebar .widget.widget_categories ul li a abbr:hover, .eltdf-fullscreen-sidebar .widget.widget_meta ul li a abbr:hover, .eltdf-fullscreen-sidebar .widget.widget_recent_entries ul li a abbr:hover, .eltdf-fullscreen-sidebar .widget.widget_nav_menu ul li a abbr:hover { color: #17436f; } .eltdf-fullscreen-sidebar .widget.widget_recent_comments .eltdf-widget-title, .eltdf-fullscreen-sidebar .widget.widget_rss .eltdf-widget-title { margin-bottom: 0; } .eltdf-fullscreen-sidebar .widget #wp-calendar { text-align: center; width: 100%; } .eltdf-fullscreen-sidebar .widget #wp-calendar caption { margin: 0 0 15px; } .eltdf-fullscreen-sidebar .widget #wp-calendar th, .eltdf-fullscreen-sidebar .widget #wp-calendar td { padding: 3px 4px; } .eltdf-fullscreen-sidebar .widget #wp-calendar td#today { color: #333333; background-color: #999999; } .eltdf-fullscreen-sidebar .widget #wp-calendar tfoot a { color: #666666; } .eltdf-fullscreen-sidebar .widget #wp-calendar tfoot a:hover { color: #17436f; } .eltdf-fullscreen-sidebar .widget.widget_rss .rss-widget-icon { display: inline-block; } .eltdf-fullscreen-sidebar .widget.widget_rss .rsswidget { display: inline-block; color: #676767; font-weight: 500; margin-bottom: 15px; } .eltdf-fullscreen-sidebar .widget.widget_rss .rss-date { display: block; margin-bottom: 15px; font-size: 15px; } .eltdf-fullscreen-sidebar .widget.widget_rss cite { display: block; margin-top: calc(15px / 2); } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder { border-color: #cccccc; border-style: solid; border-width: 1px; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder input, .eltdf-fullscreen-sidebar .widget.widget_search .input-holder button { position: relative; vertical-align: top; background-color: transparent; border: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; display: inline-block; float: left; font-family: "Crimson Text", cursive; font-size: 14px; font-weight: 500; height: 52px; line-height: 55px; outline: 0; text-transform: uppercase; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder input.search-field { width: calc(100% - 52px); padding: 10px 0 10px 21px; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder input.search-field::-webkit-input-placeholder { color: #333333; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder input.search-field:-moz-placeholder { color: #333333; opacity: 1; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder input.search-field::-moz-placeholder { color: #333333; opacity: 1; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder input.search-field:-ms-input-placeholder { color: #333333; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder button { background: #999999; color: #333333; cursor: pointer; font-size: 15px; width: 52px; padding: 10px 0; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder button:hover { color: #17436f; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder button span { display: block; left: 0; line-height: inherit; position: absolute; top: 0; width: 100%; } .eltdf-fullscreen-sidebar .widget.widget_search .input-holder button span:before { display: block; line-height: inherit; } .eltdf-fullscreen-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field { border-radius: 3px; border-color: #cccccc; border-style: solid; border-width: 1px; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; padding: 0 25px 0 20px; width: 100%; /* width of loading icon */ -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .eltdf-fullscreen-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-webkit-input-placeholder { color: #333333; } .eltdf-fullscreen-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-moz-placeholder { color: #333333; opacity: 1; } .eltdf-fullscreen-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-moz-placeholder { color: #333333; opacity: 1; } .eltdf-fullscreen-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-ms-input-placeholder { color: #333333; } .eltdf-fullscreen-sidebar .widget.widget_archive select, .eltdf-fullscreen-sidebar .widget.widget_categories select, .eltdf-fullscreen-sidebar .widget.widget_text select { background-color: transparent; border-color: #cccccc; border-style: solid; border-width: 1px; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); margin-top: 15px; outline: 0; padding: 0 0 0 21px; position: relative; vertical-align: top; width: 100%; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .eltdf-fullscreen-sidebar .widget.widget_archive img, .eltdf-fullscreen-sidebar .widget.widget_categories img, .eltdf-fullscreen-sidebar .widget.widget_text img { margin-bottom: 15px; } .eltdf-fullscreen-sidebar .widget.widget_tag_cloud a { border-radius: 2px; color: #676767; display: inline-block; font-size: 14px !important; font-family: "Open Sans", sans-serif; font-weight: inherit; line-height: 30px; padding: 0; } .eltdf-fullscreen-sidebar .widget.widget_tag_cloud a:hover { color: #17436f; } .eltdf-fullscreen-sidebar .widget.widget_tag_cloud a:after { content: ","; } .eltdf-fullscreen-sidebar .widget.widget_tag_cloud a:last-child:after { content: ""; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item { margin: 0 0 25px; padding: 0; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a { display: table; width: 100%; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image, .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title { display: table-cell; vertical-align: middle; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image img, .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title img { display: block; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image { width: 100px; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-recent-posts-info { display: table-cell; vertical-align: middle; padding-left: 12px; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title { -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; margin: 0 0 15px; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title { color: #333333; font-size: 1em; font-weight: 300; line-height: 1.42em; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title:hover { color: #17436f; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-date { display: block; margin: 10px 0 0; color: #676767; font-size: 12px; font-weight: 600; line-height: 20px; letter-spacing: 0.1em; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a:hover { color: transparent; } .eltdf-fullscreen-sidebar .widget.widget_calla_instagram_widget .eltdf-widget-title-holder, .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-widget-title-holder { margin-bottom: 19px; } .eltdf-fullscreen-sidebar .widget.eltdf-author-info-widget, .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget { margin: 0 0 38px; } .eltdf-fullscreen-sidebar .widget { margin: 0 0 45px; padding: 0; } .eltdf-fullscreen-sidebar .widget .eltdf-widget-title-holder .eltdf-separator { border-color: #333333; border-bottom-width: 3px; width: 30px; } .eltdf-fullscreen-sidebar .widget { text-align: left; } .eltdf-fullscreen-sidebar .widget .eltdf-widget-title-holder { margin-bottom: 21px; } .eltdf-fullscreen-sidebar .widget .eltdf-widget-title-holder .eltdf-widget-title { text-align: left; } .eltdf-fullscreen-sidebar .widget.eltdf-blog-list-widget .eltdf-blog-list-holder .eltdf-bli-content { text-align: left; } .eltdf-fullscreen-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item { background-color: #fff; } /*Global widgets style*/ .eltdf-page-header .widget, .eltdf-top-bar .widget, .eltdf-sticky-header .widget, .eltdf-mobile-header .widget { margin: 0; } .eltdf-page-header .widget.widget_pages, .eltdf-page-header .widget.widget_archive, .eltdf-page-header .widget.widget_categories, .eltdf-page-header .widget.widget_meta, .eltdf-page-header .widget.widget_recent_entries, .eltdf-page-header .widget.widget_recent_comments, .eltdf-page-header .widget.widget_rss, .eltdf-page-header .widget.widget_calendar, .eltdf-page-header .widget.widget_rss, .eltdf-page-header .widget.widget_archive, .eltdf-page-header .widget.widget_categories, .eltdf-page-header .widget.widget_tag_cloud, .eltdf-page-header .widget.widget_search, .eltdf-top-bar .widget.widget_pages, .eltdf-top-bar .widget.widget_archive, .eltdf-top-bar .widget.widget_categories, .eltdf-top-bar .widget.widget_meta, .eltdf-top-bar .widget.widget_recent_entries, .eltdf-top-bar .widget.widget_recent_comments, .eltdf-top-bar .widget.widget_rss, .eltdf-top-bar .widget.widget_calendar, .eltdf-top-bar .widget.widget_rss, .eltdf-top-bar .widget.widget_archive, .eltdf-top-bar .widget.widget_categories, .eltdf-top-bar .widget.widget_tag_cloud, .eltdf-top-bar .widget.widget_search, .eltdf-sticky-header .widget.widget_pages, .eltdf-sticky-header .widget.widget_archive, .eltdf-sticky-header .widget.widget_categories, .eltdf-sticky-header .widget.widget_meta, .eltdf-sticky-header .widget.widget_recent_entries, .eltdf-sticky-header .widget.widget_recent_comments, .eltdf-sticky-header .widget.widget_rss, .eltdf-sticky-header .widget.widget_calendar, .eltdf-sticky-header .widget.widget_rss, .eltdf-sticky-header .widget.widget_archive, .eltdf-sticky-header .widget.widget_categories, .eltdf-sticky-header .widget.widget_tag_cloud, .eltdf-sticky-header .widget.widget_search, .eltdf-mobile-header .widget.widget_pages, .eltdf-mobile-header .widget.widget_archive, .eltdf-mobile-header .widget.widget_categories, .eltdf-mobile-header .widget.widget_meta, .eltdf-mobile-header .widget.widget_recent_entries, .eltdf-mobile-header .widget.widget_recent_comments, .eltdf-mobile-header .widget.widget_rss, .eltdf-mobile-header .widget.widget_calendar, .eltdf-mobile-header .widget.widget_rss, .eltdf-mobile-header .widget.widget_archive, .eltdf-mobile-header .widget.widget_categories, .eltdf-mobile-header .widget.widget_tag_cloud, .eltdf-mobile-header .widget.widget_search { display: none !important; } .eltdf-side-menu { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ } .eltdf-side-menu .widget { margin: 0 0 32px; padding: 0; } .eltdf-side-menu .widget .eltdf-widget-title-holder { margin-bottom: 22px; } .eltdf-side-menu .widget .eltdf-widget-title-holder .eltdf-widget-title { color: #000; margin: 0; } .eltdf-side-menu .widget .eltdf-widget-title-holder .eltdf-separator { border-color: #333333; border-bottom-width: 3px; width: 30px; } .eltdf-side-menu .widget ul { padding: 0; margin: 0; list-style: none; } .eltdf-side-menu .widget ul li { display: block; margin: 0; padding: 0 0 10px; } .eltdf-side-menu .widget ul li:last-child { border: 0; padding-bottom: 0; } .eltdf-side-menu .widget ul li a { color: #666666; } .eltdf-side-menu .widget ul li a:hover { color: #17436f; } .eltdf-side-menu .widget ul .children li, .eltdf-side-menu .widget ul .sub-menu li { padding-left: 15px; } .eltdf-side-menu .widget.widget_pages ul li, .eltdf-side-menu .widget.widget_archive ul li, .eltdf-side-menu .widget.widget_categories ul li, .eltdf-side-menu .widget.widget_meta ul li, .eltdf-side-menu .widget.widget_recent_entries ul li, .eltdf-side-menu .widget.widget_nav_menu ul li { overflow: hidden; } .eltdf-side-menu .widget.widget_pages ul li a, .eltdf-side-menu .widget.widget_archive ul li a, .eltdf-side-menu .widget.widget_categories ul li a, .eltdf-side-menu .widget.widget_meta ul li a, .eltdf-side-menu .widget.widget_recent_entries ul li a, .eltdf-side-menu .widget.widget_nav_menu ul li a { display: inline; overflow: hidden; padding: 0; position: relative; } .eltdf-side-menu .widget.widget_pages ul li a abbr, .eltdf-side-menu .widget.widget_archive ul li a abbr, .eltdf-side-menu .widget.widget_categories ul li a abbr, .eltdf-side-menu .widget.widget_meta ul li a abbr, .eltdf-side-menu .widget.widget_recent_entries ul li a abbr, .eltdf-side-menu .widget.widget_nav_menu ul li a abbr { color: #000; } .eltdf-side-menu .widget.widget_pages ul li a abbr:hover, .eltdf-side-menu .widget.widget_archive ul li a abbr:hover, .eltdf-side-menu .widget.widget_categories ul li a abbr:hover, .eltdf-side-menu .widget.widget_meta ul li a abbr:hover, .eltdf-side-menu .widget.widget_recent_entries ul li a abbr:hover, .eltdf-side-menu .widget.widget_nav_menu ul li a abbr:hover { color: #17436f; } .eltdf-side-menu .widget.widget_recent_comments .eltdf-widget-title, .eltdf-side-menu .widget.widget_rss .eltdf-widget-title { margin-bottom: 0; } .eltdf-side-menu .widget #wp-calendar { text-align: center; width: 100%; } .eltdf-side-menu .widget #wp-calendar caption { margin: 0 0 10px; } .eltdf-side-menu .widget #wp-calendar th, .eltdf-side-menu .widget #wp-calendar td { padding: 3px 4px; } .eltdf-side-menu .widget #wp-calendar td#today { color: #333333; background-color: #fff; } .eltdf-side-menu .widget #wp-calendar tfoot a { color: #666666; } .eltdf-side-menu .widget #wp-calendar tfoot a:hover { color: #17436f; } .eltdf-side-menu .widget.widget_rss .rss-widget-icon { display: inline-block; } .eltdf-side-menu .widget.widget_rss .rsswidget { display: inline-block; color: #000; font-weight: 500; margin-bottom: 10px; } .eltdf-side-menu .widget.widget_rss .rss-date { display: block; margin-bottom: 10px; font-size: 15px; } .eltdf-side-menu .widget.widget_rss cite { display: block; margin-top: calc(10px / 2); } .eltdf-side-menu .widget.widget_search .input-holder { border-color: #cccccc; border-style: solid; border-width: 1px; } .eltdf-side-menu .widget.widget_search .input-holder input, .eltdf-side-menu .widget.widget_search .input-holder button { position: relative; vertical-align: top; background-color: transparent; border: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; display: inline-block; float: left; font-family: "Crimson Text", cursive; font-size: 14px; font-weight: 500; height: 52px; line-height: 55px; outline: 0; text-transform: uppercase; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .eltdf-side-menu .widget.widget_search .input-holder input.search-field { width: calc(100% - 52px); padding: 10px 0 10px 21px; } .eltdf-side-menu .widget.widget_search .input-holder input.search-field::-webkit-input-placeholder { color: #333333; } .eltdf-side-menu .widget.widget_search .input-holder input.search-field:-moz-placeholder { color: #333333; opacity: 1; } .eltdf-side-menu .widget.widget_search .input-holder input.search-field::-moz-placeholder { color: #333333; opacity: 1; } .eltdf-side-menu .widget.widget_search .input-holder input.search-field:-ms-input-placeholder { color: #333333; } .eltdf-side-menu .widget.widget_search .input-holder button { background: #fff; color: #333333; cursor: pointer; font-size: 15px; width: 52px; padding: 10px 0; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .eltdf-side-menu .widget.widget_search .input-holder button:hover { color: #17436f; } .eltdf-side-menu .widget.widget_search .input-holder button span { display: block; left: 0; line-height: inherit; position: absolute; top: 0; width: 100%; } .eltdf-side-menu .widget.widget_search .input-holder button span:before { display: block; line-height: inherit; } .eltdf-side-menu .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field { border-radius: 3px; border-color: #cccccc; border-style: solid; border-width: 1px; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; padding: 0 25px 0 20px; width: 100%; /* width of loading icon */ -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .eltdf-side-menu .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-webkit-input-placeholder { color: #333333; } .eltdf-side-menu .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-moz-placeholder { color: #333333; opacity: 1; } .eltdf-side-menu .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-moz-placeholder { color: #333333; opacity: 1; } .eltdf-side-menu .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-ms-input-placeholder { color: #333333; } .eltdf-side-menu .widget.widget_archive select, .eltdf-side-menu .widget.widget_categories select, .eltdf-side-menu .widget.widget_text select { background-color: transparent; border-color: #cccccc; border-style: solid; border-width: 1px; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); margin-top: 10px; outline: 0; padding: 0 0 0 21px; position: relative; vertical-align: top; width: 100%; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .eltdf-side-menu .widget.widget_archive img, .eltdf-side-menu .widget.widget_categories img, .eltdf-side-menu .widget.widget_text img { margin-bottom: 10px; } .eltdf-side-menu .widget.widget_tag_cloud a { border-radius: 2px; color: #676767; display: inline-block; font-size: 14px !important; font-family: "Open Sans", sans-serif; font-weight: inherit; line-height: 30px; padding: 0; } .eltdf-side-menu .widget.widget_tag_cloud a:hover { color: #17436f; } .eltdf-side-menu .widget.widget_tag_cloud a:after { content: ","; } .eltdf-side-menu .widget.widget_tag_cloud a:last-child:after { content: ""; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item { margin: 0 0 25px; padding: 0; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a { display: table; width: 100%; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image, .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title { display: table-cell; vertical-align: middle; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image img, .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title img { display: block; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image { width: 100px; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-recent-posts-info { display: table-cell; vertical-align: middle; padding-left: 12px; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title { -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; margin: 0 0 10px; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title { color: #333333; font-size: 1em; font-weight: 300; line-height: 1.42em; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title:hover { color: #17436f; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-date { display: block; margin: 10px 0 0; color: #676767; font-size: 12px; font-weight: 600; line-height: 20px; letter-spacing: 0.1em; } .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a:hover { color: transparent; } .eltdf-side-menu .widget.widget_calla_instagram_widget .eltdf-widget-title-holder, .eltdf-side-menu .widget.eltdf-recent-post-widget .eltdf-widget-title-holder { margin-bottom: 19px; } .eltdf-side-menu .widget.eltdf-author-info-widget, .eltdf-side-menu .widget.eltdf-recent-post-widget { margin: 0 0 38px; } .eltdf-side-menu .widget { margin: 0 0 32px; padding: 0; } .eltdf-side-menu .widget .eltdf-widget-title-holder .eltdf-separator { border-color: #333333; border-bottom-width: 3px; width: 30px; } aside.eltdf-sidebar { position: relative; z-index: 11; margin: 0 0 60px; } aside.eltdf-sidebar .widget { color: #676767; } aside.eltdf-sidebar .widget:last-child { margin: 0 !important; } .wpb_widgetised_column { position: relative; } .wpb_widgetised_column .widget:last-child { margin: 0 !important; } aside.eltdf-sidebar, .wpb_widgetised_column { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ } aside.eltdf-sidebar .widget, .wpb_widgetised_column .widget { margin: 0 0 41px; padding: 0; } aside.eltdf-sidebar .widget .eltdf-widget-title-holder, .wpb_widgetised_column .widget .eltdf-widget-title-holder { margin-bottom: 7px; } aside.eltdf-sidebar .widget .eltdf-widget-title-holder .eltdf-widget-title, .wpb_widgetised_column .widget .eltdf-widget-title-holder .eltdf-widget-title { color: #333333; margin: 0; } aside.eltdf-sidebar .widget .eltdf-widget-title-holder .eltdf-separator, .wpb_widgetised_column .widget .eltdf-widget-title-holder .eltdf-separator { border-color: #676767; border-bottom-width: 3px; width: 30px; } aside.eltdf-sidebar .widget ul, .wpb_widgetised_column .widget ul { padding: 0; margin: 0; list-style: none; } aside.eltdf-sidebar .widget ul li, .wpb_widgetised_column .widget ul li { display: block; margin: 0; padding: 0 0 2px; } aside.eltdf-sidebar .widget ul li:last-child, .wpb_widgetised_column .widget ul li:last-child { border: 0; padding-bottom: 0; } aside.eltdf-sidebar .widget ul li a, .wpb_widgetised_column .widget ul li a { color: #676767; } aside.eltdf-sidebar .widget ul li a:hover, .wpb_widgetised_column .widget ul li a:hover { color: #17436f; } aside.eltdf-sidebar .widget ul .children li, aside.eltdf-sidebar .widget ul .sub-menu li, .wpb_widgetised_column .widget ul .children li, .wpb_widgetised_column .widget ul .sub-menu li { padding-left: 15px; } aside.eltdf-sidebar .widget.widget_pages ul li, aside.eltdf-sidebar .widget.widget_archive ul li, aside.eltdf-sidebar .widget.widget_categories ul li, aside.eltdf-sidebar .widget.widget_meta ul li, aside.eltdf-sidebar .widget.widget_recent_entries ul li, aside.eltdf-sidebar .widget.widget_nav_menu ul li, .wpb_widgetised_column .widget.widget_pages ul li, .wpb_widgetised_column .widget.widget_archive ul li, .wpb_widgetised_column .widget.widget_categories ul li, .wpb_widgetised_column .widget.widget_meta ul li, .wpb_widgetised_column .widget.widget_recent_entries ul li, .wpb_widgetised_column .widget.widget_nav_menu ul li { overflow: hidden; } aside.eltdf-sidebar .widget.widget_pages ul li a, aside.eltdf-sidebar .widget.widget_archive ul li a, aside.eltdf-sidebar .widget.widget_categories ul li a, aside.eltdf-sidebar .widget.widget_meta ul li a, aside.eltdf-sidebar .widget.widget_recent_entries ul li a, aside.eltdf-sidebar .widget.widget_nav_menu ul li a, .wpb_widgetised_column .widget.widget_pages ul li a, .wpb_widgetised_column .widget.widget_archive ul li a, .wpb_widgetised_column .widget.widget_categories ul li a, .wpb_widgetised_column .widget.widget_meta ul li a, .wpb_widgetised_column .widget.widget_recent_entries ul li a, .wpb_widgetised_column .widget.widget_nav_menu ul li a { display: inline; overflow: hidden; padding: 0; position: relative; } aside.eltdf-sidebar .widget.widget_pages ul li a abbr, aside.eltdf-sidebar .widget.widget_archive ul li a abbr, aside.eltdf-sidebar .widget.widget_categories ul li a abbr, aside.eltdf-sidebar .widget.widget_meta ul li a abbr, aside.eltdf-sidebar .widget.widget_recent_entries ul li a abbr, aside.eltdf-sidebar .widget.widget_nav_menu ul li a abbr, .wpb_widgetised_column .widget.widget_pages ul li a abbr, .wpb_widgetised_column .widget.widget_archive ul li a abbr, .wpb_widgetised_column .widget.widget_categories ul li a abbr, .wpb_widgetised_column .widget.widget_meta ul li a abbr, .wpb_widgetised_column .widget.widget_recent_entries ul li a abbr, .wpb_widgetised_column .widget.widget_nav_menu ul li a abbr { color: #333333; } aside.eltdf-sidebar .widget.widget_pages ul li a abbr:hover, aside.eltdf-sidebar .widget.widget_archive ul li a abbr:hover, aside.eltdf-sidebar .widget.widget_categories ul li a abbr:hover, aside.eltdf-sidebar .widget.widget_meta ul li a abbr:hover, aside.eltdf-sidebar .widget.widget_recent_entries ul li a abbr:hover, aside.eltdf-sidebar .widget.widget_nav_menu ul li a abbr:hover, .wpb_widgetised_column .widget.widget_pages ul li a abbr:hover, .wpb_widgetised_column .widget.widget_archive ul li a abbr:hover, .wpb_widgetised_column .widget.widget_categories ul li a abbr:hover, .wpb_widgetised_column .widget.widget_meta ul li a abbr:hover, .wpb_widgetised_column .widget.widget_recent_entries ul li a abbr:hover, .wpb_widgetised_column .widget.widget_nav_menu ul li a abbr:hover { color: #17436f; } aside.eltdf-sidebar .widget.widget_recent_comments .eltdf-widget-title, aside.eltdf-sidebar .widget.widget_rss .eltdf-widget-title, .wpb_widgetised_column .widget.widget_recent_comments .eltdf-widget-title, .wpb_widgetised_column .widget.widget_rss .eltdf-widget-title { margin-bottom: 0; } aside.eltdf-sidebar .widget #wp-calendar, .wpb_widgetised_column .widget #wp-calendar { text-align: center; width: 100%; } aside.eltdf-sidebar .widget #wp-calendar caption, .wpb_widgetised_column .widget #wp-calendar caption { margin: 0 0 2px; } aside.eltdf-sidebar .widget #wp-calendar th, aside.eltdf-sidebar .widget #wp-calendar td, .wpb_widgetised_column .widget #wp-calendar th, .wpb_widgetised_column .widget #wp-calendar td { padding: 3px 4px; } aside.eltdf-sidebar .widget #wp-calendar td#today, .wpb_widgetised_column .widget #wp-calendar td#today { color: #676767; background-color: #ffffff; } aside.eltdf-sidebar .widget #wp-calendar tfoot a, .wpb_widgetised_column .widget #wp-calendar tfoot a { color: #676767; } aside.eltdf-sidebar .widget #wp-calendar tfoot a:hover, .wpb_widgetised_column .widget #wp-calendar tfoot a:hover { color: #17436f; } aside.eltdf-sidebar .widget.widget_rss .rss-widget-icon, .wpb_widgetised_column .widget.widget_rss .rss-widget-icon { display: inline-block; } aside.eltdf-sidebar .widget.widget_rss .rsswidget, .wpb_widgetised_column .widget.widget_rss .rsswidget { display: inline-block; color: #333333; font-weight: 500; margin-bottom: 2px; } aside.eltdf-sidebar .widget.widget_rss .rss-date, .wpb_widgetised_column .widget.widget_rss .rss-date { display: block; margin-bottom: 2px; font-size: 15px; } aside.eltdf-sidebar .widget.widget_rss cite, .wpb_widgetised_column .widget.widget_rss cite { display: block; margin-top: calc(2px / 2); } aside.eltdf-sidebar .widget.widget_search .input-holder, .wpb_widgetised_column .widget.widget_search .input-holder { border-color: #c9c9c9; border-style: solid; border-width: 1px; } aside.eltdf-sidebar .widget.widget_search .input-holder input, aside.eltdf-sidebar .widget.widget_search .input-holder button, .wpb_widgetised_column .widget.widget_search .input-holder input, .wpb_widgetised_column .widget.widget_search .input-holder button { position: relative; vertical-align: top; background-color: transparent; border: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #676767; display: inline-block; float: left; font-family: "Crimson Text", cursive; font-size: 14px; font-weight: 500; height: 55px; line-height: 55px; outline: 0; text-transform: uppercase; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } aside.eltdf-sidebar .widget.widget_search .input-holder input.search-field, .wpb_widgetised_column .widget.widget_search .input-holder input.search-field { width: calc(100% - 55px); padding: 10px 0 10px 21px; } aside.eltdf-sidebar .widget.widget_search .input-holder input.search-field::-webkit-input-placeholder, .wpb_widgetised_column .widget.widget_search .input-holder input.search-field::-webkit-input-placeholder { color: #676767; } aside.eltdf-sidebar .widget.widget_search .input-holder input.search-field:-moz-placeholder, .wpb_widgetised_column .widget.widget_search .input-holder input.search-field:-moz-placeholder { color: #676767; opacity: 1; } aside.eltdf-sidebar .widget.widget_search .input-holder input.search-field::-moz-placeholder, .wpb_widgetised_column .widget.widget_search .input-holder input.search-field::-moz-placeholder { color: #676767; opacity: 1; } aside.eltdf-sidebar .widget.widget_search .input-holder input.search-field:-ms-input-placeholder, .wpb_widgetised_column .widget.widget_search .input-holder input.search-field:-ms-input-placeholder { color: #676767; } aside.eltdf-sidebar .widget.widget_search .input-holder button, .wpb_widgetised_column .widget.widget_search .input-holder button { background: #ffffff; color: #333333; cursor: pointer; font-size: 15px; width: 55px; padding: 10px 0; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } aside.eltdf-sidebar .widget.widget_search .input-holder button:hover, .wpb_widgetised_column .widget.widget_search .input-holder button:hover { color: #17436f; } aside.eltdf-sidebar .widget.widget_search .input-holder button span, .wpb_widgetised_column .widget.widget_search .input-holder button span { display: block; left: 0; line-height: inherit; position: absolute; top: 0; width: 100%; } aside.eltdf-sidebar .widget.widget_search .input-holder button span:before, .wpb_widgetised_column .widget.widget_search .input-holder button span:before { display: block; line-height: inherit; } aside.eltdf-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field, .wpb_widgetised_column .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field { border-radius: 3px; border-color: #c9c9c9; border-style: solid; border-width: 1px; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: #676767; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: inherit; height: 55px; line-height: calc(55px - 2px); outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; padding: 0 25px 0 20px; width: 100%; /* width of loading icon */ -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } aside.eltdf-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-webkit-input-placeholder, .wpb_widgetised_column .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-webkit-input-placeholder { color: #676767; } aside.eltdf-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-moz-placeholder, .wpb_widgetised_column .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-moz-placeholder { color: #676767; opacity: 1; } aside.eltdf-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-moz-placeholder, .wpb_widgetised_column .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field::-moz-placeholder { color: #676767; opacity: 1; } aside.eltdf-sidebar .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-ms-input-placeholder, .wpb_widgetised_column .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field:-ms-input-placeholder { color: #676767; } aside.eltdf-sidebar .widget.widget_archive select, aside.eltdf-sidebar .widget.widget_categories select, aside.eltdf-sidebar .widget.widget_text select, .wpb_widgetised_column .widget.widget_archive select, .wpb_widgetised_column .widget.widget_categories select, .wpb_widgetised_column .widget.widget_text select { background-color: transparent; border-color: #c9c9c9; border-style: solid; border-width: 1px; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #676767; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 55px; line-height: calc(55px - 2px); margin-top: 2px; outline: 0; padding: 0 0 0 21px; position: relative; vertical-align: top; width: 100%; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } aside.eltdf-sidebar .widget.widget_archive img, aside.eltdf-sidebar .widget.widget_categories img, aside.eltdf-sidebar .widget.widget_text img, .wpb_widgetised_column .widget.widget_archive img, .wpb_widgetised_column .widget.widget_categories img, .wpb_widgetised_column .widget.widget_text img { margin-bottom: 10px; } aside.eltdf-sidebar .widget.widget_tag_cloud a, .wpb_widgetised_column .widget.widget_tag_cloud a { border-radius: 2px; color: #676767; display: inline-block; font-size: 14px !important; font-family: "Open Sans", sans-serif; font-weight: inherit; line-height: 27px; padding: 0; } aside.eltdf-sidebar .widget.widget_tag_cloud a:hover, .wpb_widgetised_column .widget.widget_tag_cloud a:hover { color: #17436f; } aside.eltdf-sidebar .widget.widget_tag_cloud a:after, .wpb_widgetised_column .widget.widget_tag_cloud a:after { content: ","; } aside.eltdf-sidebar .widget.widget_tag_cloud a:last-child:after, .wpb_widgetised_column .widget.widget_tag_cloud a:last-child:after { content: ""; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item { margin: 0 0 25px; padding: 0; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a { display: table; width: 100%; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image, aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title { display: table-cell; vertical-align: middle; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image img, aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title img, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image img, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title img { display: block; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-image { width: 100px; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-recent-posts-info, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-recent-posts-info { display: table-cell; vertical-align: middle; padding-left: 12px; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-title { -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; margin: 0 0 10px; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title { color: #333333; font-size: 1em; font-weight: 300; line-height: 1.42em; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title:hover, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a p.eltdf-rp-title:hover { color: #17436f; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-date, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a .eltdf-rp-date { display: block; margin: 10px 0 0; color: #676767; font-size: 12px; font-weight: 600; line-height: 20px; letter-spacing: 0.1em; } aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a:hover, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-recent-posts .eltdf-rp-item a:hover { color: transparent; } aside.eltdf-sidebar .widget.widget_calla_instagram_widget .eltdf-widget-title-holder, aside.eltdf-sidebar .widget.eltdf-recent-post-widget .eltdf-widget-title-holder, .wpb_widgetised_column .widget.widget_calla_instagram_widget .eltdf-widget-title-holder, .wpb_widgetised_column .widget.eltdf-recent-post-widget .eltdf-widget-title-holder { margin-bottom: 19px; } aside.eltdf-sidebar .widget.eltdf-author-info-widget, aside.eltdf-sidebar .widget.eltdf-recent-post-widget, .wpb_widgetised_column .widget.eltdf-author-info-widget, .wpb_widgetised_column .widget.eltdf-recent-post-widget { margin: 0 0 38px; } aside.eltdf-sidebar .widget, .wpb_widgetised_column .widget { margin: 0 0 41px; padding: 0; } aside.eltdf-sidebar .widget .eltdf-widget-title-holder .eltdf-separator, .wpb_widgetised_column .widget .eltdf-widget-title-holder .eltdf-separator { border-color: #676767; border-bottom-width: 3px; width: 30px; } /* ========================================================================== Author Info widget style - begin ========================================================================== */ aside.eltdf-sidebar .eltdf-author-info-widget { padding: 30px 34px 19px; } .widget.eltdf-author-info-widget { border: 1px solid #17436f; padding: 30px 0; text-align: center; color: inherit; line-height: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; } .widget.eltdf-author-info-widget .eltdf-aiw-inner ul li { display: inline-block; margin: 0 15px 0 0; padding: 0; } .widget.eltdf-author-info-widget .eltdf-aiw-inner ul li:last-child { margin-right: 0; } .widget.eltdf-author-info-widget .eltdf-aiw-inner ul a { font-size: 15px; color: #999; } .widget.eltdf-author-info-widget .eltdf-aiw-title { margin: 0; font-size: 30px; letter-spacing: 0.1em; } .widget.eltdf-author-info-widget .eltdf-aiw-image { display: inline-block; margin: 0 0 11px; } .widget.eltdf-author-info-widget .eltdf-aiw-image img { border-radius: 100%; } .widget.eltdf-author-info-widget .eltdf-aiw-text { display: block; font-size: 14px; color: #17436f; font-weight: 400; word-wrap: break-word; } .widget.eltdf-author-info-widget .eltdf-aiw-text p { margin: 0 0 14px 0; } /* ========================================================================== Author Info widget style - end ========================================================================== */ /* ========================================================================== Blog List widget style - begin ========================================================================== */ .widget.eltdf-blog-list-widget { margin: 0 0 20px; } .widget.eltdf-blog-list-widget > h4 { margin: 0 0 15px; } footer .eltdf-footer-top .widget.eltdf-blog-list-widget > h2, .eltdf-top-bar .widget.eltdf-blog-list-widget > h2 { margin: 0 0 8px; } /* ========================================================================== Blog List widget style - end ========================================================================== */ /* ========================================================================== Icon widget style - begin ========================================================================== */ .eltdf-icon-widget-holder { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .eltdf-icon-widget-holder > * { position: relative; display: inline-block; vertical-align: middle; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: inherit; } .eltdf-icon-widget-holder .eltdf-icon-element { font-size: 16px; } .eltdf-icon-widget-holder .eltdf-icon-text { padding: 0 0 0 10px; } .eltdf-icon-widget-holder .eltdf-icon-text.eltdf-no-icon { padding: 0; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-icon-widget-holder { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-icon-widget-holder:hover { color: rgba(51, 51, 51, 0.8) !important; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-icon-widget-holder { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-icon-widget-holder:hover { color: rgba(255, 255, 255, 0.8) !important; } /* ========================================================================== Icon widget style - end ========================================================================== */ /* ========================================================================== Image Slider widget style - begin ========================================================================== */ .widget.eltdf-image-slider-widget { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .widget.eltdf-image-slider-widget .eltdf-is-widget-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .widget.eltdf-image-slider-widget .eltdf-widget-title { margin: 0 0 32px; } .widget.eltdf-image-slider-widget img { display: block; } /* ========================================================================== Image Slider widget style - end ========================================================================== */ /* ========================================================================== Instagram widget responsive style - begin ========================================================================== */ @media only screen and (max-width: 1200px) { .calla-instagram-feed:not(.eltdf-instagram-carousel) li img { width: 100%; } .calla-instagram-feed:not(.eltdf-instagram-carousel).eltdf-col-6 li { width: 25%; } .calla-instagram-feed:not(.eltdf-instagram-carousel).eltdf-col-9 li { width: 25%; } } @media only screen and (max-width: 768px) { .calla-instagram-feed:not(.eltdf-instagram-carousel).eltdf-col-6 li { width: 33.33333%; } .calla-instagram-feed:not(.eltdf-instagram-carousel).eltdf-col-9 li { width: 33.33333%; } } @media only screen and (max-width: 680px) { .calla-instagram-feed:not(.eltdf-instagram-carousel) li { width: 50% !important; } } /* ========================================================================== Instagram widget responsive style - end ========================================================================== */ /* ========================================================================== Instagram widget style - begin ========================================================================== */ .calla-instagram-feed { list-style: none; padding: 0; margin: 0; } .calla-instagram-feed li { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; border: none !important; } .calla-instagram-feed li a { position: relative; display: block; overflow: hidden; } .calla-instagram-feed li a:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } .calla-instagram-feed li a:hover:after { opacity: 1; } .calla-instagram-feed li img { width: 100%; display: block; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-no-space { margin: 0; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-no-space li { padding: 0 0px; margin: 0 0 0px; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-tiny-space { margin: 0 -5px -10px; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-tiny-space li { padding: 0 5px; margin: 0 0 10px; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-small-space { margin: 0 -10px -20px; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-small-space li { padding: 0 10px; margin: 0 0 20px; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-normal-space { margin: 0 -15px -30px; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-normal-space li { padding: 0 15px; margin: 0 0 30px; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-col-2 li { width: 50%; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-col-3 li { width: 33.33333%; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-col-4 li { width: 25%; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-col-6 li { width: 16.66667%; } .calla-instagram-feed.eltdf-instagram-gallery.eltdf-col-9 li { width: 11.11111%; } .calla-instagram-feed.eltdf-instagram-carousel li { position: relative; width: 100%; margin: 0; padding: 0; } .calla-instagram-feed.eltdf-instagram-carousel li a { position: relative; display: block; height: 100%; } .calla-instagram-feed.eltdf-instagram-carousel li a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.25); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .calla-instagram-feed.eltdf-instagram-carousel li a:hover { opacity: 1; } /* ========================================================================== Instagram widget style - end ========================================================================== */ .widget.eltdf-raw-html-widget { margin: 0; } .widget.eltdf-raw-html-widget.eltdf-grid-auto-width { position: relative; display: inline-block; vertical-align: middle; width: auto; } .widget.eltdf-search-post-type-widget { line-height: 0; position: relative; } .widget.eltdf-search-post-type-widget .eltdf-search-post-type { display: inline-block; width: 100%; position: relative; } .widget.eltdf-search-post-type-widget .eltdf-post-type-search-results { background: #fff; height: auto; display: none; width: 100%; position: absolute; z-index: 99; left: 0; top: 100%; } .widget.eltdf-search-post-type-widget .eltdf-post-type-search-results ul { padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; line-height: 0; width: 100%; } .widget.eltdf-search-post-type-widget .eltdf-post-type-search-results ul li { display: inline-block; width: 100%; } .widget.eltdf-search-post-type-widget .eltdf-search-icon, .widget.eltdf-search-post-type-widget .eltdf-search-loading { position: absolute; right: 20px; top: 50%; margin-top: -9px; font-size: 18px; color: #000000; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 1; } .widget.eltdf-search-post-type-widget .eltdf-search-icon.eltdf-hidden, .widget.eltdf-search-post-type-widget .eltdf-search-loading.eltdf-hidden { opacity: 0; } .wpb_widgetised_column .widget.eltdf-search-post-type-widget .eltdf-search-post-type { background-color: rgba(255, 255, 255, 0.9); } .wpb_widgetised_column .widget.eltdf-search-post-type-widget .eltdf-post-type-search-field { border-radius: 0; height: 57px; line-height: calc(57px - 2px); border: 0; font-size: 15px; color: #878787; } .wpb_widgetised_column .widget.eltdf-search-post-type-widget .eltdf-post-type-search-results { background-color: rgba(255, 255, 255, 0.9); border-top: 1px solid #dadada; } .wpb_widgetised_column .widget.eltdf-search-post-type-widget .eltdf-post-type-search-results ul { padding: 16px 20px; } .widget.eltdf-separator-widget { margin: 0 !important; /* overwrite default widget margin */ } /* ========================================================================== Social Icon widget style - begin ========================================================================== */ .eltdf-social-icon-widget-holder { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .eltdf-social-icon-widget-holder .eltdf-social-icon-widget { color: inherit; line-height: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-social-icon-widget-holder { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-social-icon-widget-holder:hover { color: rgba(51, 51, 51, 0.8) !important; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-social-icon-widget-holder { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-social-icon-widget-holder:hover { color: rgba(255, 255, 255, 0.8) !important; } /* ========================================================================== Social Icon widget style - end ========================================================================== */ /* ========================================================================== Social Icons Group widget style - begin ========================================================================== */ .eltdf-social-icons-group-widget.eltdf-square-icons .eltdf-social-icon-widget-holder { position: relative; width: 44px; height: 44px; margin: 0 7px; font-size: 17px; color: #fff; background-color: #333333; } .eltdf-social-icons-group-widget.eltdf-square-icons .eltdf-social-icon-widget-holder:hover { color: #333333; background-color: #17436f; } .eltdf-social-icons-group-widget.eltdf-square-icons .eltdf-social-icon-widget-holder .eltdf-social-icon-widget { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .eltdf-social-icons-group-widget.eltdf-square-icons.eltdf-light-skin .eltdf-social-icon-widget-holder { color: #333333; background-color: #fff; } .eltdf-social-icons-group-widget.eltdf-square-icons.eltdf-light-skin .eltdf-social-icon-widget-holder:hover { color: #333333; background-color: #17436f; } .eltdf-social-icons-group-widget .eltdf-social-icon-widget-holder { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; text-align: center; color: #676767; } .eltdf-social-icons-group-widget .eltdf-social-icon-widget-holder:hover { color: #17436f; } .eltdf-social-icons-group-widget .eltdf-social-icon-widget-holder:first-child { margin-left: 0; } .eltdf-social-icons-group-widget .eltdf-social-icon-widget-holder:last-child { margin-right: 0; } /* ========================================================================== Social Icons Group widget style - end ========================================================================== */ /* ========================================================================== Sticky Sidebar widget start styles ========================================================================== */ .eltdf-widget-sticky-sidebar { position: relative; width: 100%; height: 0; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; } /* ========================================================================== Sticky Sidebar widget end styles ========================================================================== */ /* ========================================================================== Twitter widget style - begin ========================================================================== */ .widget.widget_calla_twitter_widget { margin: 0 0 20px; } .widget.widget_calla_twitter_widget > h4 { margin: 0 0 8px; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget li { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget li:not(:last-child) { margin: 0 0 12px !important; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget li .eltdf-tweet-text { position: relative; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget li .eltdf-tweet-text a { position: relative; line-height: inherit; color: inherit; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget li .eltdf-tweet-text a.eltdf-tweet-time { display: block; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget li .eltdf-tweet-text a.eltdf-tweet-time span { margin: 0 2px 0 0; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-standard li .eltdf-twitter-icon { position: absolute; top: 2px; left: 0; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-standard li .eltdf-twitter-icon i { font-size: 18px; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-standard li .eltdf-tweet-text { padding: 0 0 0 28px; font-size: 15px; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-standard li .eltdf-tweet-text a, .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-standard li .eltdf-tweet-text span { color: #333333; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-standard li .eltdf-tweet-text a:hover { color: #17436f; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0 40px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider li { overflow: hidden; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider li .eltdf-twitter-icon i { font-size: 16px; color: #17436f; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider li .eltdf-tweet-text { font-size: 14px; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider li .eltdf-tweet-text a, .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider li .eltdf-tweet-text span { color: #17436f; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider li .eltdf-tweet-text a:hover { color: #333333; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider li .eltdf-tweet-text a.eltdf-tweet-time { margin: 21px 0 0; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider .owl-nav .owl-prev { left: 0; } .widget.widget_calla_twitter_widget .eltdf-twitter-widget.eltdf-twitter-slider .owl-nav .owl-next { right: 0; } /* ========================================================================== Twitter widget style - end ========================================================================== */ .widget.eltdf-vertical-separator-widget { display: inline-block; vertical-align: top; margin: 0 !important; /* overwrite default widget margin */ font-size: 0; } .widget.eltdf-vertical-separator-widget.eltdf-vertical-separator-full-height { height: 100%; } .widget.eltdf-vertical-separator-widget .eltdf-vsw-height-holder { display: inline-block; vertical-align: middle; height: 100%; } .widget.eltdf-vertical-separator-widget .eltdf-vsw { display: inline-block; vertical-align: middle; border-left: 1px solid currentColor; height: 20px; width: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ========================================================================== 5. Plugins styles ========================================================================== */ /*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .eltdf-owl-slider { position: relative; display: none; width: 100%; margin: 0; -webkit-tap-highlight-color: transparent; z-index: 1; /* No Js */ /* * Owl Carousel - Animate Plugin */ } .eltdf-owl-slider.owl-loaded { display: block; } .eltdf-owl-slider.owl-loading { opacity: 0; display: block; } .eltdf-owl-slider.owl-hidden { opacity: 0; } .eltdf-owl-slider.owl-refresh .owl-item { visibility: hidden; } .eltdf-owl-slider.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .eltdf-owl-slider.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .eltdf-owl-slider.owl-rtl { direction: rtl; } .eltdf-owl-slider.owl-rtl .owl-item { float: right; } .no-js .eltdf-owl-slider { display: block; } .eltdf-owl-slider .owl-stage { position: relative; -ms-touch-action: pan-Y; } .eltdf-owl-slider .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .eltdf-owl-slider .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .eltdf-owl-slider .owl-wrapper, .eltdf-owl-slider .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .eltdf-owl-slider .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .eltdf-owl-slider .owl-item img { display: block; width: 100%; } .eltdf-owl-slider .owl-item img .owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .eltdf-owl-slider .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .eltdf-owl-slider .owl-nav.disabled { display: none; } .eltdf-owl-slider .owl-nav .owl-prev, .eltdf-owl-slider .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .eltdf-owl-slider .owl-dots.disabled { display: none; } .eltdf-owl-slider .owl-dots .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .eltdf-owl-slider .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .eltdf-owl-slider .owl-animated-in { z-index: 0; } .eltdf-owl-slider .owl-animated-out { z-index: 1; } .eltdf-owl-slider .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* ========================================================================== #Perfect scroll styles - start ========================================================================== */ .ps { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail { display: none; /* Switched from block to none by Theme Author to hide the rulers */ background-color: transparent; } .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #999; height: 11px; } .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #999; width: 11px; } .ps > .ps__scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; /* there must be 'bottom' for ps__scrollbar-x-rail */ height: 15px; } .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; bottom: 2px; /* there must be 'bottom' for ps__scrollbar-x */ height: 6px; } .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x { height: 11px; } .ps > .ps__scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 0; /* there must be 'right' for ps__scrollbar-y-rail */ width: 15px; } .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; right: 2px; /* there must be 'right' for ps__scrollbar-y */ width: 6px; } .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y { width: 11px; } .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #999; height: 11px; } .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #999; width: 11px; } .ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail { opacity: 0.6; } .ps:hover > .ps__scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x { background-color: #999; } .ps:hover > .ps__scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y { background-color: #999; } /* ========================================================================== #Perfect scroll styles - end ========================================================================== */ /* ========================================================================== Pretty Photo style - begin ========================================================================== */ body .pp_pic_holder { position: fixed !important; top: 50% !important; left: 50% !important; display: none; width: 100px; z-index: 10001 !important; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @media only screen and (max-width: 768px) { body .pp_pic_holder { width: 90% !important; } } body .pp_pic_holder.is-single .pp_details { display: none; } body .pp_pic_holder .pp_top, body .pp_pic_holder .pp_bottom { display: none !important; } body .pp_pic_holder .pp_content { position: relative; background: none; margin: 0 auto; height: 40px; min-width: 40px; width: 100%; } @media only screen and (max-width: 768px) { body .pp_pic_holder .pp_content { width: 100% !important; } } * html body .pp_pic_holder .pp_content { width: 40px; } body .pp_pic_holder .pp_content_container { position: relative; text-align: left; width: 100%; } body .pp_pic_holder .pp_content_container .pp_left, body .pp_pic_holder .pp_content_container .pp_right { background: none !important; padding: 0 !important; } body .pp_pic_holder #pp_full_res { line-height: 1 !important; } body .pp_pic_holder #pp_full_res .pp_inline { color: #333333; text-align: left; } body .pp_pic_holder #pp_full_res .pp_inline p { margin: 0 0 15px; } body .pp_pic_holder #pp_full_res iframe { width: 100% !important; } body .pp_pic_holder #pp_full_res img { display: block; } @media only screen and (max-width: 768px) { body .pp_pic_holder #pp_full_res img { width: 100% !important; height: auto !important; } } body .pp_pic_holder .ppt, body .pp_pic_holder .pp_gallery, body .pp_pic_holder .pp_description { display: none !important; } body .pp_pic_holder .pp_loaderIcon { position: absolute; left: 50%; top: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #fff; border-radius: 16px; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } body .pp_pic_holder .pp_fade { position: relative; top: 50%; display: none; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); } body .pp_pic_holder .pp_details { position: relative; top: -1px; display: table; vertical-align: top; width: 100% !important; float: none !important; margin: 0 !important; padding: 15px 24px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } body .pp_pic_holder .pp_details .pp_nav { position: relative; display: table-cell; vertical-align: middle; width: 100%; height: auto; float: none; margin: 0 !important; } body .pp_pic_holder .pp_details .pp_nav .pp_play, body .pp_pic_holder .pp_details .pp_nav .pp_pause { display: none; } body .pp_pic_holder .pp_details .pp_nav .currentTextHolder { position: absolute; top: 0; left: 50%; width: auto; margin: 0; padding: 0; float: none; color: #676767; font-family: inherit; font-size: inherit; line-height: 30px; font-style: inherit; letter-spacing: 5px; } body .pp_pic_holder a:focus { outline: none; } body .pp_pic_holder a.pp_arrow_previous, body .pp_pic_holder a.pp_arrow_next { position: relative; display: inline-block; vertical-align: top; left: auto !important; float: none; width: auto !important; height: auto !important; margin: 0 !important; color: #676767; font-family: 'Ionicons'; font-size: 0; line-height: 1; text-indent: 0; background: none !important; opacity: 1 !important; overflow: visible; } body .pp_pic_holder a.pp_arrow_previous:after, body .pp_pic_holder a.pp_arrow_next:after { font-size: 30px; } body .pp_pic_holder a.pp_arrow_previous:hover, body .pp_pic_holder a.pp_arrow_next:hover { color: #333333; } body .pp_pic_holder a.pp_arrow_previous:after { content: "\f3d2"; } body .pp_pic_holder a.pp_arrow_next { margin: 0 0 0 14px !important; } body .pp_pic_holder a.pp_arrow_next:after { content: "\f3d3"; } body .pp_pic_holder a.pp_next, body .pp_pic_holder a.pp_previous { position: absolute; top: calc(50% - 20px); width: auto; height: auto; display: inline-block; margin: 0 !important; background: none !important; color: #333333; font-family: 'Ionicons'; font-size: 40px; line-height: 1; text-indent: -9999px !important; opacity: 0; -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out; transition: opacity 0.2s ease-out, color 0.2s ease-out; } body .pp_pic_holder a.pp_next > *, body .pp_pic_holder a.pp_previous > * { display: none; } body .pp_pic_holder a.pp_next:after, body .pp_pic_holder a.pp_previous:after { display: block; line-height: inherit; text-indent: 0 !important; } body .pp_pic_holder a.pp_next:hover, body .pp_pic_holder a.pp_previous:hover { color: rgba(51, 51, 51, 0.8); } body .pp_pic_holder a.pp_previous { left: 30px; } @media only screen and (max-width: 768px) { body .pp_pic_holder a.pp_previous { left: 20px; } } body .pp_pic_holder a.pp_previous:after { content: "\f3d2"; } body .pp_pic_holder a.pp_next { right: 30px; } @media only screen and (max-width: 768px) { body .pp_pic_holder a.pp_next { right: 20px; } } body .pp_pic_holder a.pp_next:after { content: "\f3d3"; } body .pp_pic_holder a.pp_close { position: relative; display: table-cell; vertical-align: middle; width: auto; height: auto; margin: 0 !important; background: none !important; color: #676767; font-family: 'Ionicons'; font-size: 0; line-height: 1; text-indent: 0; cursor: pointer; opacity: 1 !important; /*&:after { content: "\f2d7"; font-size: 28px; }*/ } body .pp_pic_holder a.pp_close:hover { color: #333333; } body .pp_pic_holder a.pp_expand { position: absolute; right: -22px; top: -18px; display: block; height: auto; width: auto; color: #fff; font-family: 'Ionicons'; font-size: 0; line-height: 1; text-align: center; text-indent: 0; background: none !important; z-index: 2001; } body .pp_pic_holder a.pp_expand:after { content: "\f386"; font-size: 22px; } body .pp_pic_holder a.pp_expand:hover { color: rgba(255, 255, 255, 0.8); } body .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } @media only screen and (max-width: 768px) { body .pp_hoverContainer { width: 100% !important; height: 100% !important; } } body .pp_hoverContainer:hover a.pp_next, body .pp_hoverContainer:hover a.pp_previous { opacity: 1; } body .pp_overlay { position: absolute; top: 0; left: 0; width: 100%; display: none; background-color: #333333; z-index: 10000 !important; } /* ========================================================================== Pretty Photo style - end ========================================================================== */ /* ========================================================================== WooCommerce Select 2 Script styles - begin ========================================================================== */ /* Version: 4.0.3 Timestamp: Monday Mart 27 2:59:00pm EDT 2017 */ .select2-container--default { position: relative; display: inline-block; vertical-align: middle; width: 200px; margin: 0; border: 0; border-radius: 0; text-align: initial; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding: 0 20px 0 30px; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 20px; right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__rendered { padding: 0 20px 0 30px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin: 7px auto 0 5px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin: 0 auto 0 3px; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open .select2-selection--single { color: #333333; } .select2-container--default.select2-container--open .select2-dropdown { left: 0; } .select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above { border-bottom-color: transparent; } .select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below { border-top-color: transparent; } .select2-container--default .select2-selection--single { display: block; height: 50px; line-height: 48px; padding: 0; font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; border: 1px solid #c9c9c9; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { display: block; padding: 0 30px 0 20px; color: inherit; line-height: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-container--default .select2-selection--single .select2-selection__clear { position: relative; cursor: pointer; float: right; margin: 0; font-weight: inherit; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: inherit; } .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; width: auto; height: 100%; top: 0; right: 20px; color: inherit; line-height: inherit; text-align: center; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-selection--single .select2-selection__arrow:before { font-family: 'Linearicons-Free'; content: '\e874'; } .select2-container--default .select2-selection--multiple { display: block; height: 44px; line-height: 42px; padding: 0; font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; border: 1px solid #c9c9c9; border-radius: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: block; list-style: none; padding: 0 30px; margin: 0; color: inherit; line-height: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__placeholder { float: left; margin: 0; color: inherit; } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear { position: relative; cursor: pointer; float: right; margin: 0; font-weight: inherit; } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { float: left; margin: 7px 5px 0 0; padding: 0 10px; line-height: 30px; color: #fff; background-color: #333333; border: 0; border-radius: 0; cursor: default; } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove { display: inline-block; margin: 0 3px 0 0; color: inherit; font-weight: 700; cursor: pointer; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:hover { color: inherit; opacity: 0.8; } .select2-container--default .select2-search--inline { float: left; } .select2-container--default .select2-search--inline .select2-search__field { margin: 0; padding: 0; font-size: 100%; background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-container--default .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-container--default .select2-dropdown { position: absolute; top: 0; left: -100000px; width: 100%; display: block; background-color: #fff; border: 1px solid #c9c9c9; border-radius: 0; z-index: 1051; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-container--default .select2-search--dropdown { display: block; padding: 14px 15px 2px; } .select2-container--default .select2-search--dropdown.select2-search--hide { display: none; } .select2-container--default .select2-search--dropdown .select2-search__field { padding: 4px 8px; margin: 0; width: 100%; color: inherit; font-size: inherit; line-height: 20px; font-family: inherit; font-weight: inherit; border: 1px solid #c9c9c9; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #333333; } .select2-container--default .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-container--default .select2-results { display: block; padding: 0; margin: 0; overflow: hidden; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__options { position: relative; padding: 2px 15px; margin: 5px 0; list-style: none; } .select2-container--default .select2-results__option { padding: 7px 0; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .select2-container--default .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #333333; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { color: #333333; background: none; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #333333; background: none; } .select2-container--default .select2-results__group { display: block; padding: 7px 0; cursor: default; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } /* ========================================================================== WooCommerce Select 2 Script styles - end ========================================================================== */ /* ========================================================================== WPML style start ========================================================================== */ .widget_icl_lang_sel_widget { position: relative; display: inline-block; vertical-align: middle; } .widget_icl_lang_sel_widget img { position: relative; display: inline-block !important; vertical-align: middle; top: -1px; padding-right: 6px; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click { position: relative; display: inline-block; vertical-align: middle; width: 200px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown:hover .wpml-ls-sub-menu, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click:hover .wpml-ls-sub-menu { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-legacy-dropdown, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-legacy-dropdown { padding: 0; margin: 0; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { position: relative; display: block; padding: 9px 20px; color: #333333; background-color: #fff; border: 1px solid #c9c9c9; -webkit-box-sizing: border-box; box-sizing: border-box; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover { color: #17436f; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:after, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:after { content: '\33'; position: absolute; top: calc(50% - 8px); right: 20px; display: block; font-family: 'ElegantIcons'; font-size: 15px; line-height: 1; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { position: absolute; top: 100%; left: 0; width: 100%; padding: 14px 20px; margin: 0; list-style: none; background-color: #fff; border: 1px solid #c9c9c9; border-top: 0; z-index: 10; opacity: 0; visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-in-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-in-out; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item { display: block; width: 100%; margin: 0; padding: 0; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { display: block; padding: 7px 0; } .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul { list-style-type: none; margin: 0; padding: 0; } .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li { display: inline-block; vertical-align: middle; margin: 0 15px 5px 0; } .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li:last-child { margin-right: 0; } .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a { display: block; } .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul { list-style-type: none; margin: 0; padding: 0; } .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li { display: block; margin: 0; padding: 5px 0; } .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a { display: block; } aside.eltdf-sidebar .widget_icl_lang_sel_widget, .wpb_widgetised_column .widget_icl_lang_sel_widget, .eltdf-page-footer .widget_icl_lang_sel_widget, .eltdf-side-menu .widget_icl_lang_sel_widget, .eltdf-vertical-menu-area .widget_icl_lang_sel_widget { width: 100%; } aside.eltdf-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown, aside.eltdf-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click, .wpb_widgetised_column .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown, .wpb_widgetised_column .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click, .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown, .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click, .eltdf-side-menu .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown, .eltdf-side-menu .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click, .eltdf-vertical-menu-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown, .eltdf-vertical-menu-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click { width: 100%; } .eltdf-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown, .eltdf-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click { width: 140px; } .eltdf-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, .eltdf-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { padding: 0; line-height: 46px; color: #fff; background-color: transparent; border: 0; } .eltdf-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:after, .eltdf-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:after { right: 0; } .eltdf-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li { margin-bottom: 0; } .eltdf-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li { display: inline-block; vertical-align: middle; margin-right: 15px; } .eltdf-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li:last-child { margin-right: 0; } .eltdf-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li, .eltdf-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li, .eltdf-footer-top-holder .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li { display: inline-block; vertical-align: middle; margin-right: 15px; } .eltdf-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li:last-child, .eltdf-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li:last-child, .eltdf-footer-top-holder .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li:last-child { margin-right: 0; } .eltdf-main-menu > ul > li.menu-item-language.has_sub > a > span.item_outer .item_text:after { content: '\33'; position: absolute; right: -15px; top: 0; font-family: 'ElegantIcons'; font-size: 15px; } .eltdf-main-menu > ul > li.menu-item-language a > span.item_outer .item_text { position: relative; display: table; } .eltdf-main-menu > ul > li.menu-item-language a > span.item_outer .item_text > * { display: table-cell; vertical-align: middle; } .eltdf-main-menu > ul > li.menu-item-language a > span.item_outer .item_text img { padding: 5px 6px 0 0; } .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #fff; background-color: transparent; border-color: #fff; } .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover, .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover { color: rgba(255, 255, 255, 0.8); } .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { background-color: #363636; } .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #fff; } .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover, .eltdf-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a:hover { color: rgba(255, 255, 255, 0.8); } /* ========================================================================== WPML style start ========================================================================== */ /* ========================================================================== Blog styles - begin ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== Blog Common style - begin ========================================================================== */ .eltdf-blog-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 40px; clear: both; } .eltdf-blog-holder article { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 76px; -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: cover; } .eltdf-blog-holder article.sticky .eltdf-post-title a { color: #17436f; } .eltdf-blog-holder article .eltdf-post-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-blog-holder article .eltdf-post-heading .eltdf-post-image, .eltdf-blog-holder article .eltdf-post-heading .eltdf-blog-video-holder { margin-bottom: 51px; } .eltdf-blog-holder article .eltdf-post-image { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .eltdf-blog-holder article .eltdf-post-image img { display: block; } .eltdf-blog-holder article .eltdf-post-quote-image, .eltdf-blog-holder article .eltdf-post-link-image { float: left; font-size: 180px; color: #17436f; font-family: "Crimson Text", cursive; letter-spacing: 0.1em; } .eltdf-blog-holder article .eltdf-post-image-background { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; background-position: center; background-size: cover; } .eltdf-blog-holder article .eltdf-post-image-background a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } .eltdf-blog-holder article .eltdf-post-image-icon { position: absolute; top: 20px; right: 20px; font-size: 30px; line-height: 1; color: #fff; } .eltdf-blog-holder article .eltdf-post-text { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-blog-holder article .eltdf-post-text .eltdf-quote-author { display: inline-block; margin-top: 10px; font-size: 16px; font-family: "Crimson Text", cursive; color: #17436f; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .eltdf-blog-holder article .eltdf-post-mark { position: absolute; top: 30px; left: 28px; width: 50px; text-align: left; } .eltdf-blog-holder article .eltdf-post-title { margin: 0; } .eltdf-blog-holder article .eltdf-post-excerpt-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 15px 0 0; } .eltdf-blog-holder article .eltdf-post-excerpt-holder p { margin: 0; } .eltdf-blog-holder article .eltdf-post-excerpt:after { content: '...'; } .eltdf-blog-holder article .eltdf-more-link-container { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 15px 0 0; } .eltdf-blog-holder article .eltdf-post-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-blog-holder article .eltdf-post-info > * { position: relative; display: inline-block; vertical-align: top; color: currentColor; } .eltdf-blog-holder article .eltdf-post-info > * a { color: inherit; } .eltdf-blog-holder article .eltdf-post-info-top { margin-bottom: 10px; } .eltdf-blog-holder article .eltdf-post-info-top > div { position: relative; display: inline-block; vertical-align: top; font-size: 12px; letter-spacing: 0.1em; font-weight: 600; text-transform: uppercase; } .eltdf-blog-holder article .eltdf-post-info-top > div:after { content: '/'; } .eltdf-blog-holder article .eltdf-post-info-top > div:last-child { padding: 0; } .eltdf-blog-holder article .eltdf-post-info-top > div:last-child:after { content: ''; } .eltdf-blog-holder article .eltdf-post-info-top > div a { color: inherit; } .eltdf-blog-holder article .eltdf-post-info-top > div a:hover { color: #17436f; } .eltdf-blog-holder article .eltdf-post-info-top > div .eltdf-post-info-author-link { color: #17436f; } .eltdf-blog-holder article .eltdf-post-info-top > div .eltdf-post-info-author-link:hover { color: #333333; } .eltdf-blog-holder article .eltdf-post-info-top .eltdf-post-info-category { padding: 0 0 0 5px; color: #17436f; } .eltdf-blog-holder article .eltdf-post-info-top .eltdf-post-info-category:hover { color: #333333; } .eltdf-blog-holder article .eltdf-post-info-bottom { padding-top: 17px; } .eltdf-blog-holder article .eltdf-post-info-bottom .eltdf-post-info-bottom-left, .eltdf-blog-holder article .eltdf-post-info-bottom .eltdf-post-info-bottom-right { position: relative; display: inline-block; width: 100%; vertical-align: middle; } @media only screen and (min-width: 769px) { .eltdf-blog-holder article .eltdf-post-info-bottom .eltdf-post-info-bottom-left, .eltdf-blog-holder article .eltdf-post-info-bottom .eltdf-post-info-bottom-right { width: 50%; } .eltdf-blog-holder article .eltdf-post-info-bottom .eltdf-post-info-bottom-left { float: left; } .eltdf-blog-holder article .eltdf-post-info-bottom .eltdf-post-info-bottom-right { text-align: right; float: right; } } .eltdf-blog-holder article .eltdf-post-info-bottom .eltdf-post-info-bottom-right > div { margin-left: 17px; } .eltdf-blog-holder article .eltdf-post-info-bottom .eltdf-post-info-bottom-right > div:first-child { margin-left: 0; } .eltdf-blog-holder article .eltdf-post-read-more-button { margin-top: 20px; } .eltdf-blog-holder article.format-link .eltdf-post-text { padding: 82px 130px; background-color: #f3f3f3; } .eltdf-blog-holder article.format-link .eltdf-post-text-main { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: center; } .eltdf-blog-holder article.format-link .eltdf-post-text-main .eltdf-post-link-holder { display: table-cell; vertical-align: middle; width: 100%; } .eltdf-blog-holder article.format-link .eltdf-post-mark span { font-size: 50px; color: #17436f; } .eltdf-blog-holder article.format-quote .eltdf-post-text { padding: 50px 15%; background-color: #f3f3f3; } .eltdf-blog-holder article.format-quote .eltdf-post-text-main { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: center; } .eltdf-blog-holder article.format-quote .eltdf-post-text-main .eltdf-post-title { line-height: 1.5em; } .eltdf-blog-holder article.format-quote .eltdf-post-mark { width: 80px; top: 10px; left: 12px; } .eltdf-blog-holder article.format-quote .eltdf-post-mark span { font-size: 80px; color: #17436f; } .eltdf-blog-holder article.format-quote .eltdf-post-author { display: inline-block; margin-bottom: 23px; font-size: 13px; line-height: 20px; } .eltdf-blog-holder article.format-gallery .eltdf-post-image { width: 100%; } .eltdf-blog-holder article.format-gallery .owl-carousel .owl-item { z-index: 2; } .eltdf-blog-holder article.format-gallery .owl-carousel .owl-item.active { z-index: 3; } .eltdf-blog-holder article.format-audio.has-post-thumbnail .eltdf-post-heading { position: relative; } .eltdf-blog-holder article.format-audio.has-post-thumbnail .eltdf-blog-audio-holder { position: absolute; bottom: 0; left: 0; width: 100%; display: inline-block; vertical-align: middle; } .eltdf-blog-holder article.format-audio .eltdf-post-image { width: 100%; max-width: inherit; margin-bottom: 0; } .eltdf-blog-holder article.format-audio .eltdf-post-image img { width: 100%; } .eltdf-blog-holder article.format-audio .eltdf-post-heading { margin: 0 0 51px; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-embed, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-embed body, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls { background: none; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container { background-color: #333333; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls { height: 38px !important; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls { padding: 0 10px 0 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button { width: 39px; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button { width: 30px; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button { height: 38px; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button button, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button button { position: relative; height: 100%; background: none; background-position: center; background-repeat: no-repeat; margin: 0; border: 0; outline: none; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-play button, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-play button { width: 39px; background-image: url("../../framework/modules/blog/assets/img/audio/play.png"); } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-pause button, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-pause button { width: 39px; background-image: url("../../framework/modules/blog/assets/img/audio/pause.png"); } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-stop button, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-stop button { width: 39px; background-image: url("../../framework/modules/blog/assets/img/audio/stop.png"); } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-mute button, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-mute button { width: 30px; background-image: url("../../framework/modules/blog/assets/img/audio/sound.png"); } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-unmute button, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-unmute button { width: 30px; background-image: url("../../framework/modules/blog/assets/img/audio/mute.png"); } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time { height: 100%; padding: 0; font-family: inherit; font-size: 13px; color: #fff; line-height: 40px; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail { height: 100%; padding: 0; font-family: inherit; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total { height: 5px; margin: 17px 0; background: none; background-color: #fff; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-current { height: 5px; background-color: #17436f; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-buffering, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-hovered { height: 5px; z-index: 9999; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-hovered { background: rgba(0, 0, 0, 0.5); } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float { top: -16px; border: 0; color: #fff; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-handle-content { display: none; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float-corner { top: 11px; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-loaded, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float { background: none; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider { height: 38px; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 5px; background: none; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 17px; background-color: #fff; } .eltdf-blog-holder article.format-audio .eltdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background-color: #17436f; } .eltdf-blog-holder article.format-video .eltdf-self-hosted-video { max-width: 100%; } /* ========================================================================== Blog Common style - end ========================================================================== */ /* ========================================================================== Blog Masonry general style - begin ========================================================================== */ .eltdf-blog-holder.eltdf-blog-type-masonry { /***** Number of Columns - begin *****/ /***** Number of Columns - end *****/ /***** Space on container if full width - start *****/ /***** Space on container if full width - end *****/ } .eltdf-blog-holder.eltdf-blog-type-masonry .eltdf-blog-holder-inner { opacity: 0; } .eltdf-blog-holder.eltdf-blog-type-masonry article { float: left; } .eltdf-blog-holder.eltdf-blog-type-masonry article, .eltdf-blog-holder.eltdf-blog-type-masonry .eltdf-blog-masonry-grid-sizer { width: 100%; } .eltdf-blog-holder.eltdf-blog-type-masonry .eltdf-blog-masonry-grid-gutter { width: 0; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-two-columns article, .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-two-columns .eltdf-blog-masonry-grid-sizer { width: 50%; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-two-columns article.eltdf-post-size-large-width, .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-two-columns article.eltdf-post-size-large-width-height { width: 100%; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns article, .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns .eltdf-blog-masonry-grid-sizer { width: 33.33333%; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns article.eltdf-post-size-large-width, .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-three-columns article.eltdf-post-size-large-width-height { width: 66.66667%; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article, .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns .eltdf-blog-masonry-grid-sizer { width: 25%; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article.eltdf-post-size-large-width, .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-four-columns article.eltdf-post-size-large-width-height { width: 50%; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article, .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns .eltdf-blog-masonry-grid-sizer { width: 20%; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width, .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-five-columns article.eltdf-post-size-large-width-height { width: 40%; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-masonry-full-width { -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-masonry-full-width.eltdf-no-space { padding: 0 0px; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-masonry-full-width.eltdf-tiny-space { padding: 0 10px; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-masonry-full-width.eltdf-small-space { padding: 0 20px; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-masonry-full-width.eltdf-normal-space { padding: 0 30px; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-masonry-full-width.eltdf-medium-space { padding: 0 40px; } .eltdf-blog-holder.eltdf-blog-type-masonry.eltdf-blog-masonry-full-width.eltdf-large-space { padding: 0 50px; } /* ========================================================================== Blog Masonry general style - end ========================================================================== */ /* ========================================================================== Blog pagination standard style - begin ========================================================================== */ .eltdf-blog-pagination-wp { display: none; } .eltdf-blog-pagination { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 20px 0 100px; clear: both; } .eltdf-blog-pagination ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; list-style: none; text-align: center; } .eltdf-blog-pagination ul li { position: relative; display: inline-block; vertical-align: top; margin: 0 10px; } .eltdf-blog-pagination ul li a { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; color: #676767; font-size: 18px; } .eltdf-blog-pagination ul li a.eltdf-pag-active { color: #17436f; font-weight: 500; } .eltdf-blog-pagination ul li a:hover { color: #17436f; } .eltdf-blog-pagination ul li.eltdf-pag-prev, .eltdf-blog-pagination ul li.eltdf-pag-next, .eltdf-blog-pagination ul li.eltdf-pag-first, .eltdf-blog-pagination ul li.eltdf-pag-last { margin: 0 7px; } .eltdf-blog-pagination ul li.eltdf-pag-prev a, .eltdf-blog-pagination ul li.eltdf-pag-next a, .eltdf-blog-pagination ul li.eltdf-pag-first a, .eltdf-blog-pagination ul li.eltdf-pag-last a { font-size: 16px; color: #676767; } .eltdf-blog-pagination ul li.eltdf-pag-prev a span, .eltdf-blog-pagination ul li.eltdf-pag-next a span, .eltdf-blog-pagination ul li.eltdf-pag-first a span, .eltdf-blog-pagination ul li.eltdf-pag-last a span { display: block; line-height: inherit; } .eltdf-blog-pagination ul li.eltdf-pag-prev a span:before, .eltdf-blog-pagination ul li.eltdf-pag-next a span:before, .eltdf-blog-pagination ul li.eltdf-pag-first a span:before, .eltdf-blog-pagination ul li.eltdf-pag-last a span:before { display: block; line-height: inherit; } .eltdf-blog-pagination ul li.eltdf-pag-prev a:hover, .eltdf-blog-pagination ul li.eltdf-pag-next a:hover, .eltdf-blog-pagination ul li.eltdf-pag-first a:hover, .eltdf-blog-pagination ul li.eltdf-pag-last a:hover { color: #17436f; } .eltdf-blog-pagination ul li.eltdf-pag-first a span, .eltdf-blog-pagination ul li.eltdf-pag-last a span { display: inline-block; vertical-align: top; } .eltdf-blog-pagination ul li.eltdf-pag-first a span:first-child, .eltdf-blog-pagination ul li.eltdf-pag-last a span:first-child { letter-spacing: -14px; } /* ========================================================================== Blog pagination standard style - end ========================================================================== */ /* ========================================================================== Blog List shortcode pagination standard style - begin ========================================================================== */ .eltdf-blog-list-holder.eltdf-bl-pag-standard-shortcodes .eltdf-blog-list { opacity: 1; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltdf-blog-list-holder.eltdf-bl-pag-standard-shortcodes.eltdf-bl-pag-standard-shortcodes-animate .eltdf-blog-list { opacity: 0; } .eltdf-bl-standard-pagination { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 20px 0 0; clear: both; } .eltdf-bl-standard-pagination ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; list-style: none; text-align: center; } .eltdf-bl-standard-pagination ul li { position: relative; display: inline-block; vertical-align: top; margin: 0 10px; padding: 0; } .eltdf-bl-standard-pagination ul li a { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; color: #676767; font-size: 18px; } .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-active a { color: #17436f; font-weight: 500; } .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-prev, .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-next { top: 0px; } .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-prev a, .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-next a { font-size: 16px; -webkit-transition: color 0.2s ease-out, opacity 0.2s ease-out; transition: color 0.2s ease-out, opacity 0.2s ease-out; } .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-prev a span, .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-next a span { display: block; line-height: inherit; } .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-prev a span:before, .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-next a span:before { display: block; line-height: inherit; } .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-prev a { opacity: 0; } .eltdf-bl-standard-pagination ul li.eltdf-bl-pag-next a { opacity: 1; } /* ========================================================================== Blog List shortcode pagination standard style - end ========================================================================== */ /* ========================================================================== Blog pagination load more style - begin ========================================================================== */ .eltdf-blog-pag-load-more { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 40px 0 30px; text-align: center; } /* ========================================================================== Blog pagination load more style - end ========================================================================== */ /* ========================================================================== Blog pagination loading element style - begin ========================================================================== */ .eltdf-blog-pag-loading { position: relative; display: none; width: 100%; margin: 40px 0 20px; color: #333333; text-align: center; } .eltdf-blog-pag-loading.eltdf-standard-pag-trigger { position: absolute; top: 50px; left: 0; } .eltdf-blog-pag-loading.eltdf-showing { display: block; } .eltdf-blog-pag-loading > div { position: relative; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 3px; background-color: #333333; border-radius: 100%; -webkit-animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both; animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both; } .eltdf-blog-pag-loading .eltdf-blog-pag-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .eltdf-blog-pag-loading .eltdf-blog-pag-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bl-pag-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bl-pag-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* ========================================================================== Blog pagination loading element style - end ========================================================================== */ /* ========================================================================== Blog List - Masonry style - begin ========================================================================== */ .eltdf-blog-holder.eltdf-blog-masonry article { margin: 0 0 20px; padding: 0 0 30px; } .eltdf-blog-holder.eltdf-blog-masonry article .eltdf-post-heading .eltdf-post-image { margin-bottom: 25px; } .eltdf-blog-holder.eltdf-blog-masonry article .eltdf-post-excerpt-holder { margin: 9px 0 0; } .eltdf-blog-holder.eltdf-blog-masonry article .eltdf-post-text { padding: 0; } .eltdf-blog-holder.eltdf-blog-masonry article.format-link .eltdf-post-text, .eltdf-blog-holder.eltdf-blog-masonry article.format-quote .eltdf-post-text { padding: 100px 20px; } /* ========================================================================== Blog List - Masonry style - end ========================================================================== */ /* ========================================================================== Blog List - Standard style - begin ========================================================================== */ .eltdf-blog-holder.eltdf-blog-standard article { padding: 0; } .eltdf-blog-holder.eltdf-blog-standard article .eltdf-post-excerpt-holder { margin: 9px 0 0; } /* ========================================================================== Blog List - Standard style - end ========================================================================== */ /* Single author box styles - begin ====================================================================== */ .eltdf-author-description { position: relative; display: inline-block; width: 100%; vertical-align: middle; display: block; vertical-align: middle; padding: 30px 31px; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e7e7e7; background-color: #f9f9f9; min-height: 100px; } .eltdf-author-description .eltdf-author-description-content { position: relative; } .eltdf-author-description .eltdf-author-description-image { float: left; width: 100px; overflow: hidden; } .eltdf-author-description .eltdf-author-description-image img { vertical-align: middle; border-radius: 100%; } .eltdf-author-description .eltdf-author-description-text-holder { position: relative; padding-left: 131px; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-name { margin: 0; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-name a { color: #333333; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-name a:hover { color: #17436f; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-email { margin: 0; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-text { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-text > p { margin: 17px 0 14px; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-social-icons { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-social-icons a { position: relative; display: inline-block; vertical-align: middle; padding: 0; margin: 0 15px 0 0; font-size: 14px; color: #333333; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-social-icons a:last-child { margin: 0; } .eltdf-author-description .eltdf-author-description-text-holder .eltdf-author-social-icons a:hover { color: #17436f; } @media only screen and (max-width: 768px) { .eltdf-author-description .eltdf-author-description-content { padding: 0; } .eltdf-author-description .eltdf-author-description-image { display: block; width: 100%; } .eltdf-author-description .eltdf-author-description-text-holder { display: block; padding: 0; margin-top: 30px; } } /* Single author box styles - end ====================================================================== */ /* Single posts navigation styles - begin ====================================================================== */ .eltdf-blog-single-navigation { position: relative; display: table; width: 100%; vertical-align: middle; padding: 0; clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-blog-single-navigation .eltdf-blog-single-navigation-inner { padding: 78px 0 30px; } .eltdf-blog-single-navigation .eltdf-blog-single-prev, .eltdf-blog-single-navigation .eltdf-blog-single-next { color: #676767; } .eltdf-blog-single-navigation .eltdf-blog-single-prev .eltdf-blog-single-nav-mark, .eltdf-blog-single-navigation .eltdf-blog-single-next .eltdf-blog-single-nav-mark { font-size: 48px; line-height: inherit; color: inherit; } .eltdf-blog-single-navigation .eltdf-blog-single-prev .eltdf-blog-single-nav-mark:before, .eltdf-blog-single-navigation .eltdf-blog-single-next .eltdf-blog-single-nav-mark:before { display: block; line-height: inherit; } .eltdf-blog-single-navigation .eltdf-blog-single-prev .eltdf-blog-single-nav-label, .eltdf-blog-single-navigation .eltdf-blog-single-next .eltdf-blog-single-nav-label { color: inherit; } .eltdf-blog-single-navigation .eltdf-blog-single-prev:hover, .eltdf-blog-single-navigation .eltdf-blog-single-next:hover { color: #17436f; } .eltdf-blog-single-navigation .eltdf-blog-single-prev { float: left; } .eltdf-blog-single-navigation .eltdf-blog-single-prev .eltdf-blog-single-nav-mark, .eltdf-blog-single-navigation .eltdf-blog-single-prev .eltdf-blog-single-nav-label { float: left; } .eltdf-blog-single-navigation .eltdf-blog-single-prev .eltdf-blog-single-nav-mark { margin: 0 14px 0 0; } .eltdf-blog-single-navigation .eltdf-blog-single-prev span.lnr-chevron-left { float: left; line-height: 1.75; margin-right: 20px; } .eltdf-blog-single-navigation .eltdf-blog-single-next { float: right; } .eltdf-blog-single-navigation .eltdf-blog-single-next .eltdf-blog-single-nav-mark, .eltdf-blog-single-navigation .eltdf-blog-single-next .eltdf-blog-single-nav-label { float: right; } .eltdf-blog-single-navigation .eltdf-blog-single-next .eltdf-blog-single-nav-mark { margin: 0 0 0 14px; } .eltdf-blog-single-navigation .eltdf-blog-single-next span.lnr-chevron-right { float: right; line-height: 1.75; margin-left: 20px; } .eltdf-single-links-pages { clear: both; margin: 20px 0 5px; } .eltdf-single-links-pages .eltdf-single-links-pages-inner > a, .eltdf-single-links-pages .eltdf-single-links-pages-inner > span { position: relative; display: inline-block; vertical-align: middle; margin: 0 15px 5px 0; } /* Single posts navigation styles - end ====================================================================== */ /* Related posts styles - begin ====================================================================== */ .eltdf-related-posts-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-related-posts-holder .eltdf-related-posts-holder-inner { padding: 46px 0 26px; } .eltdf-related-posts-holder .eltdf-related-posts-title { margin: 0 0 40px; } .eltdf-related-posts-holder .eltdf-related-posts-title > * { margin: 0; } .eltdf-related-posts-holder .eltdf-related-posts-inner { margin: 0 -15px; } .eltdf-related-posts-holder .eltdf-related-post { position: relative; display: inline-block; float: left; width: 25%; margin: 0 0 30px; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-content-has-sidebar .eltdf-related-posts-holder .eltdf-related-post { widtH: 33.33333333333333%; } .touch .eltdf-related-posts-holder .eltdf-related-post { cursor: pointer; } .eltdf-related-posts-holder .eltdf-related-post:hover .eltdf-related-post-image a:after { opacity: 1; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-related-post-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-related-post-image a { position: relative; display: block; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-related-post-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-related-post-image img { display: block; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-title { margin: 15px 0 0; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-title:first-child { margin-top: 0; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 5px 0 0; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-info > div { position: relative; display: inline-block; vertical-align: top; float: left; padding: 0 13px 0 0; color: inherit; font-size: 12px; letter-spacing: .1em; font-weight: 600; text-transform: uppercase; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-info > div:after { position: absolute; top: 0; right: 4px; content: '/'; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-info > div:last-child { padding: 0; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-info > div:last-child:after { display: none; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-info > div:last-child:hover { color: #17436f; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-info > div.eltdf-post-info-author a { color: #17436f; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-info > div.eltdf-post-info-author a:hover { color: #333333; } .eltdf-related-posts-holder .eltdf-related-post .eltdf-post-info > div a { color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; } /* Related posts styles - end ====================================================================== */ /* ========================================================================== Blog Single style - begin ========================================================================== */ .eltdf-blog-holder.eltdf-blog-single article { margin: 0 0 30px; } .eltdf-blog-holder.eltdf-blog-single article.format-quote .eltdf-post-additional-content, .eltdf-blog-holder.eltdf-blog-single article.post_format-post-format-link .eltdf-post-additional-content { margin-top: 30px; } .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-additional-content { margin-top: 20px; } .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-top .eltdf-post-info-category { padding: 0; } .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-top .eltdf-post-info-category a { padding: 0 5px 0 0; } .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-bottom { padding: 10px 0 0; margin: 32px 0 0; border-top: 1px solid #c9c9c9; clear: both; } .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-bottom .eltdf-post-info-bottom-left > div { display: inline-block; margin-right: 20px; font-size: 15px; } .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-bottom .eltdf-post-info-bottom-left > div .eltdf-tags a { color: #17436f; font-size: 12px; letter-spacing: .1em; font-weight: 600; text-transform: uppercase; } .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-bottom .eltdf-post-info-bottom-left > div .eltdf-tags a:hover { color: #333333; } .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-bottom .eltdf-post-info-bottom-left .eltdf-blog-like span { padding-left: 5px; } .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-info-bottom .eltdf-post-info-bottom-left .eltdf-post-info-author-text { color: #333333; } .eltdf-blog-holder.eltdf-blog-single .eltdf-comment-pager .page-numbers { margin-right: 10px; } /* ========================================================================== Blog Single style - end ========================================================================== */ /* ========================================================================== Blog List shortcode global style - begin ========================================================================== */ .eltdf-blog-list-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; } .eltdf-blog-list-holder .eltdf-blog-list { position: relative; display: inline-block; width: 100%; vertical-align: middle; list-style: none; margin: 0; padding: 0; } .eltdf-blog-list-holder .eltdf-bl-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-blog-list-holder .eltdf-bli-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-blog-list-holder .eltdf-bli-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-blog-list-holder .eltdf-bli-content .eltdf-share-link { font-size: 14px; } .eltdf-blog-list-holder .eltdf-post-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 30px; } .eltdf-blog-list-holder .eltdf-post-image a { display: block; } .eltdf-blog-list-holder .eltdf-post-image img { display: block; } .eltdf-blog-list-holder .eltdf-bli-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin-bottom: 5px; text-transform: uppercase; clear: both; } .eltdf-blog-list-holder .eltdf-bli-info > div { position: relative; display: inline-block; vertical-align: top; font-size: 12px; line-height: 1.2; padding: 0 5px 5px 0; letter-spacing: .1em; font-weight: 600; } .eltdf-blog-list-holder .eltdf-bli-info > div.eltdf-post-info-date a { color: #676767; } .eltdf-blog-list-holder .eltdf-bli-info > div:last-child { padding: 0 0 5px; } .eltdf-blog-list-holder .eltdf-bli-info > div:last-child:after { content: ""; } .eltdf-blog-list-holder .eltdf-bli-info > div a { color: #17436f; } .eltdf-blog-list-holder .eltdf-bli-info > div a:hover { color: #333333; } .eltdf-blog-list-holder .eltdf-bli-info > div a span { margin-left: 5px; } .eltdf-blog-list-holder .eltdf-bli-info > div:after { content: "/"; } .eltdf-blog-list-holder .eltdf-bli-info > div.eltdf-blog-share { width: 100%; padding-top: 20px; } .eltdf-blog-list-holder .eltdf-post-title { margin: 0; } .eltdf-blog-list-holder .eltdf-bli-excerpt .eltdf-post-excerpt { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 10px 0 0; /*&:after { content: '...'; }*/ } .eltdf-blog-list-holder .eltdf-bli-excerpt .eltdf-post-excerpt p { margin: 0; } .eltdf-blog-list-holder .eltdf-bli-excerpt .eltdf-more-link-container { margin-top: 10px; } .eltdf-blog-list-holder .eltdf-post-read-more-button { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 14px 0 0; } .eltdf-blog-list-holder.eltdf-bl-image-zoom .eltdf-post-image { overflow: hidden; } .eltdf-blog-list-holder.eltdf-bl-image-zoom .eltdf-post-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-blog-list-holder.eltdf-bl-image-zoom .eltdf-post-image:hover img { -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); } .eltdf-blog-list-holder.eltdf-bl-image-shader .eltdf-post-image a { display: block; } .eltdf-blog-list-holder.eltdf-bl-image-shader .eltdf-post-image a:hover:after { opacity: 1; } .eltdf-blog-list-holder.eltdf-bl-image-shader .eltdf-post-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } /* ========================================================================== Blog List shortcode global style - end ========================================================================== */ /* ========================================================================== Blog List shortcode - Boxed type style - begin ========================================================================== */ .eltdf-blog-list-holder.eltdf-bl-boxed:not(.eltdf-bl-one-column) .eltdf-bl-item { float: left; } .eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-two-columns .eltdf-bl-item { width: 50%; } @media only screen and (min-width: 1025px) { .eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-two-columns .eltdf-bl-item:nth-child(2n+1) { clear: both; } } .eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-three-columns .eltdf-bl-item { width: 33.33333%; } @media only screen and (min-width: 1025px) { .eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-three-columns .eltdf-bl-item:nth-child(3n+1) { clear: both; } } .eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-four-columns .eltdf-bl-item { width: 25%; } @media only screen and (min-width: 1201px) { .eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-four-columns .eltdf-bl-item:nth-child(4n+1) { clear: both; } } .eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-five-columns .eltdf-bl-item { width: 20%; } @media only screen and (min-width: 1201px) { .eltdf-blog-list-holder.eltdf-bl-boxed.eltdf-bl-five-columns .eltdf-bl-item:nth-child(5n+1) { clear: both; } } .eltdf-blog-list-holder.eltdf-bl-boxed .eltdf-bli-content { padding: 32px 30px 32px; background-color: #f6f6f6; text-align: left; } .eltdf-blog-list-holder.eltdf-bl-boxed .eltdf-post-image { margin: 0; } /* ========================================================================== Blog List shortcode - Boxed type style - end ========================================================================== */ /* ========================================================================== Blog List shortcode - Masonry type style - begin ========================================================================== */ .eltdf-blog-list-holder.eltdf-bl-masonry { -webkit-transition: none !important; transition: none !important; overflow: visible !important; } .eltdf-blog-list-holder.eltdf-bl-masonry .eltdf-blog-list { opacity: 0; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltdf-blog-list-holder.eltdf-bl-masonry .eltdf-bl-item { width: 100%; vertical-align: top; z-index: 100; } .eltdf-blog-list-holder.eltdf-bl-masonry .eltdf-bl-grid-sizer { width: 100%; padding: 0; margin: 0; } .eltdf-blog-list-holder.eltdf-bl-masonry .eltdf-bl-grid-gutter { width: 0; padding: 0; margin: 0; } .eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-two-columns .eltdf-bl-item, .eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-two-columns .eltdf-bl-grid-sizer { width: 50%; } .eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-three-columns .eltdf-bl-item, .eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-three-columns .eltdf-bl-grid-sizer { width: 33.33333%; } .eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-four-columns .eltdf-bl-item, .eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-four-columns .eltdf-bl-grid-sizer { width: 25%; } .eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-item, .eltdf-blog-list-holder.eltdf-bl-masonry.eltdf-bl-five-columns .eltdf-bl-grid-sizer { width: 20%; } /* ========================================================================== Blog List shortcode - Masonry type style - end ========================================================================== */ /* ========================================================================== Blog List shortcode - Minimal type style - begin ========================================================================== */ .eltdf-blog-list-holder.eltdf-bl-minimal .eltdf-post-info-date { display: block; margin: 10px 0 0 0; line-height: 1; } .eltdf-blog-list-holder.eltdf-bl-minimal .eltdf-post-info-date a { color: #676767; } .eltdf-blog-list-holder.eltdf-bl-minimal .eltdf-post-info-date a:hover { color: #333333; } /* ========================================================================== Blog List shortcode - Minimal type style - end ========================================================================== */ /* ========================================================================== Blog List shortcode - Simple type style - begin ========================================================================== */ .eltdf-blog-list-holder.eltdf-bl-simple .eltdf-post-image { display: table-cell; vertical-align: top; width: 84px; } .eltdf-blog-list-holder.eltdf-bl-simple .eltdf-bli-content { display: table-cell; vertical-align: top; width: auto; text-align: left; } .eltdf-blog-list-holder.eltdf-bl-simple .eltdf-bli-content:not(:first-child) { padding-left: 25px; } .eltdf-blog-list-holder.eltdf-bl-simple .eltdf-bli-content .eltdf-post-info-date { display: block; margin: 10px 0 0; line-height: 1; } .eltdf-blog-list-holder.eltdf-bl-simple .eltdf-bli-content .eltdf-post-info-date a { color: #676767; } .eltdf-blog-list-holder.eltdf-bl-simple .eltdf-bli-content .eltdf-post-info-date a:hover { color: #333333; } /* ========================================================================== Blog List shortcode - Simple type style - end ========================================================================== */ /* ========================================================================== Blog List shortcode - Standard type style - begin ========================================================================== */ .eltdf-blog-list-holder.eltdf-bl-standard:not(.eltdf-bl-one-column) .eltdf-bl-item { float: left; } .eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-two-columns .eltdf-bl-item { width: 50%; } @media only screen and (min-width: 1025px) { .eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-two-columns .eltdf-bl-item:nth-child(2n+1) { clear: both; } } .eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-three-columns .eltdf-bl-item { width: 33.33333%; } @media only screen and (min-width: 1025px) { .eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-three-columns .eltdf-bl-item:nth-child(3n+1) { clear: both; } } .eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-four-columns .eltdf-bl-item { width: 25%; } @media only screen and (min-width: 1281px) { .eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-four-columns .eltdf-bl-item:nth-child(4n+1) { clear: both; } } .eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-five-columns .eltdf-bl-item { width: 20%; } @media only screen and (min-width: 1281px) { .eltdf-blog-list-holder.eltdf-bl-standard.eltdf-bl-five-columns .eltdf-bl-item:nth-child(5n+1) { clear: both; } } /* ========================================================================== Blog List shortcode - Standard type style - end ========================================================================== */ /* ========================================================================== Blog List loading element style - begin ========================================================================== */ .eltdf-bl-loading { position: relative; display: none; width: 100%; margin: 40px 0 20px; text-align: center; } .eltdf-bl-loading.eltdf-showing { display: block; } .eltdf-bl-loading > div { position: relative; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 3px; background-color: #333333; border-radius: 100%; -webkit-animation: bl-bouncedelay 1.4s infinite ease-in-out both; animation: bl-bouncedelay 1.4s infinite ease-in-out both; } .eltdf-bl-loading .eltdf-bl-loading-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .eltdf-bl-loading .eltdf-bl-loading-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bl-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bl-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* ========================================================================== Blog List loading element style - end ========================================================================== */ /* ========================================================================== Blog Slider shortcode style - begin ========================================================================== */ .eltdf-blog-slider-holder { /***** Slider Type Style - begin *****/ /***** Slider Type Style - end *****/ /***** Carousel Type Style - begin *****/ /***** Carousel Type Style - end *****/ /***** Carousel Centered Type Style - begin *****/ /***** Carousel Centered Type Style - end *****/ } .eltdf-blog-slider-holder.eltdf-bs-slider .eltdf-blog-slider-item { text-align: center; } .touch .eltdf-blog-slider-holder.eltdf-bs-slider .eltdf-blog-slider-item { cursor: pointer; } .eltdf-blog-slider-holder.eltdf-bs-slider .eltdf-blog-slider-item:hover .eltdf-item-text-wrapper { opacity: 1; } .eltdf-blog-slider-holder.eltdf-bs-slider .eltdf-post-title { color: #fff; } .eltdf-blog-slider-holder.eltdf-bs-slider .eltdf-post-title a:hover { color: rgba(255, 255, 255, 0.8); } .eltdf-blog-slider-holder.eltdf-bs-slider .eltdf-post-read-more-button a { color: #fff; } .eltdf-blog-slider-holder.eltdf-bs-slider .eltdf-post-read-more-button a:hover { color: rgba(255, 255, 255, 0.8) !important; } .eltdf-blog-slider-holder.eltdf-bs-carousel .eltdf-item-image a:hover:after { opacity: 1; } .eltdf-blog-slider-holder.eltdf-bs-carousel .eltdf-item-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-blog-slider-holder.eltdf-bs-carousel .eltdf-post-title { margin: 29px 0 0; } .eltdf-blog-slider-holder.eltdf-bs-carousel .eltdf-post-read-more-button { margin: 15px 0 0; } .eltdf-blog-slider-holder.eltdf-bs-carousel-centered .active.center .eltdf-item-text-wrapper { opacity: 1; } .eltdf-blog-slider-holder.eltdf-bs-carousel-centered .eltdf-blog-slider-item { text-align: center; } .eltdf-blog-slider-holder.eltdf-bs-carousel-centered .eltdf-post-title { color: #fff; } .eltdf-blog-slider-holder.eltdf-bs-carousel-centered .eltdf-post-title a:hover { color: rgba(255, 255, 255, 0.8); } .eltdf-blog-slider-holder.eltdf-bs-carousel-centered .eltdf-post-read-more-button a { color: #fff; } .eltdf-blog-slider-holder.eltdf-bs-carousel-centered .eltdf-post-read-more-button a:hover { color: rgba(255, 255, 255, 0.8) !important; } .eltdf-blog-slider-holder .eltdf-blog-slider-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; list-style-type: none; } .eltdf-blog-slider-holder .eltdf-item-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-blog-slider-holder .eltdf-item-text-wrapper { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(185, 122, 86, 0.85); opacity: 0; -webkit-transition: opacity 0.45s ease-out; transition: opacity 0.45s ease-out; } .eltdf-blog-slider-holder .eltdf-item-text-holder { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .eltdf-blog-slider-holder .eltdf-item-text-holder-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 0 5%; } .eltdf-blog-slider-holder .eltdf-item-info-section { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin-bottom: 2px; } .eltdf-blog-slider-holder .eltdf-item-info-section > div { position: relative; display: inline-block; vertical-align: top; padding-right: 10px; margin-right: 3px; color: #fff; font-size: 12px; line-height: 24px; } .eltdf-blog-slider-holder .eltdf-item-info-section > div a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } .eltdf-blog-slider-holder .eltdf-item-info-section > div a:hover { color: rgba(255, 255, 255, 0.8); } .eltdf-blog-slider-holder .eltdf-item-info-section > div:after { content: "/"; position: absolute; top: 0; right: 2px; } .eltdf-blog-slider-holder .eltdf-item-info-section > div:last-child { padding-right: 0; margin-right: 0; } .eltdf-blog-slider-holder .eltdf-item-info-section > div:last-child:after { content: ''; } .eltdf-blog-slider-holder .eltdf-post-title { margin: 0; } .eltdf-blog-slider-holder .eltdf-bli-excerpt { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 12px 0 0; } .eltdf-blog-slider-holder .eltdf-bli-excerpt p { margin: 0; } .eltdf-blog-slider-holder .eltdf-post-read-more-button { margin: 5px 0 0; } /* ========================================================================== Blog Slider shortcode style - end ========================================================================== */ /* ========================================================================== Blog styles - end ========================================================================== */ /* ========================================================================== Content Bottom styles - begin ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== #Content bottom styles - begin ========================================================================== */ .eltdf-content-bottom .eltdf-content-bottom-inner { -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-content-bottom .eltdf-content-bottom-inner.eltdf-grid { padding: 20px 0; } .eltdf-content-bottom .eltdf-content-bottom-inner.eltdf-full-width { padding: 20px 40px; } /* ========================================================================== #Content bottom styles - end ========================================================================== */ /* ========================================================================== Content Bottom styles - end ========================================================================== */ /* ========================================================================== Footer styles - begin ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== Footer style - begin ========================================================================== */ .eltdf-page-footer { position: relative; display: inline-block; width: 100%; vertical-align: middle; z-index: 100; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-page-footer .widget .textwidget { color: #909090; } .eltdf-page-footer .widget .eltdf-widget-title-holder { margin-top: 7px; } .eltdf-page-footer .eltdf-footer-top-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; background-color: #2c2c2c; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-alignment-center { text-align: center; } .eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-alignment-left { text-align: left; } .eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-alignment-right { text-align: right; } .eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-inner { -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-inner.eltdf-grid { padding: 110px 0 91px; } .eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-inner.eltdf-full-width { padding: 110px 12% 91px; } .eltdf-page-footer .eltdf-footer-bottom-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; background-color: #202020; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .eltdf-page-footer .eltdf-footer-bottom-holder .eltdf-footer-bottom-inner { -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-page-footer .eltdf-footer-bottom-holder .eltdf-footer-bottom-inner .widget { margin: 0; } .eltdf-page-footer .eltdf-footer-bottom-holder .eltdf-footer-bottom-inner.eltdf-grid { padding: 12px 0; } .eltdf-page-footer .eltdf-footer-bottom-holder .eltdf-footer-bottom-inner.eltdf-full-width { padding: 12px 40px; } /* ========================================================================== Footer style - end ========================================================================== */ /* ========================================================================== Footer styles - end ========================================================================== */ /* ========================================================================== Header styles - begin ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== Header styles - begin ========================================================================== */ .eltdf-page-header { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; padding: 0; z-index: 110; -webkit-box-sizing: border-box; box-sizing: border-box; /* ========================================================================== #General header layout - start ========================================================================== */ /* ========================================================================== #General header layout - end ========================================================================== */ /* ========================================================================== #Logo area styles - start ========================================================================== */ /* ========================================================================== #Logo area styles - end ========================================================================== */ /* ========================================================================== #Menu area styles - start ========================================================================== */ /* ========================================================================== #Menu area styles - end ========================================================================== */ /* ========================================================================== #Specific styles - start ========================================================================== */ /* ========================================================================== #Specific styles - end ========================================================================== */ } .eltdf-page-header a img { display: block; } .eltdf-page-header p { margin: 0; } .eltdf-page-header .eltdf-vertical-align-containers { padding: 0 40px; } .eltdf-paspartu-enabled .eltdf-page-header .eltdf-vertical-align-containers { padding: 0; } .eltdf-page-header .eltdf-grid { height: 100%; } .eltdf-page-header .eltdf-grid .eltdf-vertical-align-containers { padding: 0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .eltdf-page-header .eltdf-logo-area { position: relative; height: 90px; overflow: hidden; background-color: #fff; } .eltdf-page-header .eltdf-logo-area .eltdf-logo-wrapper a { max-height: 90px; } .eltdf-page-header .eltdf-menu-area { position: relative; height: 90px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers { max-width: 1300px; margin: 0 auto; padding: 0 !important; } .eltdf-boxed .eltdf-page-header .eltdf-menu-area { padding: 0; } .eltdf-page-header .eltdf-menu-area .eltdf-logo-wrapper a { max-height: 90px; } .eltdf-page-header .eltdf-menu-area .widget { display: inline-block; vertical-align: middle; margin: 0; } .eltdf-logo-area-border-disable .eltdf-page-header .eltdf-logo-area { border: none; } .eltdf-logo-area-in-grid-border-disable .eltdf-page-header .eltdf-logo-area .eltdf-grid .eltdf-vertical-align-containers { border: none; } .eltdf-header-logo-area-in-grid-padding .eltdf-page-header .eltdf-logo-area .eltdf-vertical-align-containers { padding: 0 25px; } .eltdf-menu-area-shadow-disable .eltdf-page-header .eltdf-menu-area { -webkit-box-shadow: none; box-shadow: none; } .eltdf-menu-area-shadow-disable .eltdf-page-header .eltdf-menu-area .eltdf-grid .eltdf-vertical-align-containers { -webkit-box-shadow: none; box-shadow: none; } .eltdf-menu-area-border-disable .eltdf-page-header .eltdf-menu-area { border: none; } .eltdf-menu-area-in-grid-border-disable .eltdf-page-header .eltdf-menu-area .eltdf-grid .eltdf-vertical-align-containers { border: none; } .eltdf-header-logo-area-in-grid-padding .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers { padding: 0 25px; } /* ========================================================================== #Light header - begin ========================================================================== */ .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-light-logo { opacity: 1; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-normal-logo, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-dark-logo { opacity: 0; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget p, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget a, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget span, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget i, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget .widgettitle { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget a:hover { color: rgba(255, 255, 255, 0.8) !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget p, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget a, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget span, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget i, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget .widgettitle { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget a:hover { color: rgba(255, 255, 255, 0.8) !important; } /* ========================================================================== #Light header - end ========================================================================== */ /* ========================================================================== #Dark header - begin ========================================================================== */ .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-dark-logo { opacity: 1; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-normal-logo, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-light-logo { opacity: 0; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget p, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget a, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget span, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget i, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget .widgettitle { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget a:hover { color: rgba(51, 51, 51, 0.8) !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget p, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget a, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget span, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget i, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget .widgettitle { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget a:hover { color: rgba(51, 51, 51, 0.8) !important; } /* ========================================================================== #Dark header - end ========================================================================== */ /* ========================================================================== Header end - end ========================================================================== */ /* ========================================================================== Header logo styles - begin ========================================================================== */ .eltdf-logo-wrapper { display: inline-block; vertical-align: middle; } .eltdf-logo-wrapper a { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .eltdf-logo-wrapper a img { height: 100%; width: auto; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .eltdf-logo-wrapper a img.eltdf-normal-logo { opacity: 1; } .eltdf-logo-wrapper a img.eltdf-dark-logo { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .eltdf-logo-wrapper a img.eltdf-light-logo { opacity: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); } /* ========================================================================== Header logo styles - end ========================================================================== */ /* ========================================================================== Header main menu style - begin ========================================================================== */ .eltdf-main-menu { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; width: auto; } .eltdf-main-menu ul { list-style: none outside none; margin: 0; padding: 0; text-align: left; } .eltdf-main-menu ul li { position: relative; display: inline-block; float: left; padding: 0; margin: 0; } .eltdf-main-menu ul li a { font-size: 11px; line-height: 1.3em; color: #010101; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 400; } .eltdf-main-menu ul li a:hover { color: #17436f; } .eltdf-main-menu ul li a i:before { margin: 0 7px 0 0; } .eltdf-main-menu ul li a .menu_icon_wrapper { position: relative; display: inline-block; vertical-align: middle; } .eltdf-main-menu ul li a .eltdf-menu-featured-icon { position: relative; top: -4px; left: 5px; color: currentColor; font-size: 10px; margin: 0; } .eltdf-main-menu ul li a .eltdf-menu-featured-icon:before { margin: 0; } .eltdf-main-menu > ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; } .eltdf-main-menu > ul > li { float: left; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-main-menu > ul > li > a { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; padding: 0 31px; color: #333333; font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 40px; letter-spacing: 0.1em; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-main-menu > ul > li > a > span.item_outer { position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .eltdf-main-menu > ul > li > a > span.item_outer .item_text { position: relative; display: inline-block; vertical-align: top; } .eltdf-main-menu > ul > li.eltdf-active-item > a { color: #17436f; } .eltdf-main-menu > ul > li.has_sub > a .eltdf-menu-arrow { display: none; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li > a { color: #fff; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li > a:hover { color: rgba(255, 255, 255, 0.8); } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li.eltdf-active-item > a { color: rgba(255, 255, 255, 0.8); } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li > a { color: #333; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li > a:hover { color: #333; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li.eltdf-active-item > a { color: #333; } /* Narrow drop down styles ========================================================================== */ .eltdf-drop-down .second { position: absolute; display: block; left: -1px; top: 100%; visibility: hidden; overflow: hidden; opacity: 0; z-index: 10; -webkit-transition: top 0.15s ease-out; transition: top 0.15s ease-out; } .eltdf-drop-down .second.eltdf-drop-down-start { visibility: visible; overflow: visible; opacity: 1; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltdf-drop-down .second.right { right: 0; left: auto; } .eltdf-drop-down .second .inner { position: relative; display: block; padding: 0; margin: 0; z-index: 997; } .eltdf-drop-down .second .inner ul li { display: block; float: none; height: auto; } .eltdf-drop-down .second .inner ul li .widget { width: 100%; margin: 0 !important; } .eltdf-drop-down .second .inner ul li a { display: block; float: none; margin: 0; padding: 10px 31px; color: #000000; } .eltdf-drop-down .second .inner ul li a .item_outer { position: relative; display: block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: padding 0.2s ease-in-out; transition: padding 0.2s ease-in-out; } .eltdf-drop-down .second .inner ul li a:hover { color: #17436f; } .eltdf-drop-down .second .inner ul li.current-menu-ancestor > a, .eltdf-drop-down .second .inner ul li.current-menu-item > a { color: #17436f; } .eltdf-drop-down .second .inner ul li.sub > a .item_outer:after { position: absolute; display: inline-block; vertical-align: middle; top: 0; right: 0; content: '\e876'; font-family: 'Linearicons-Free'; font-size: 10px; font-weight: normal; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .eltdf-drop-down .second .inner ul.right li a .item_outer { padding: 0 0 0 30px; } .eltdf-drop-down .second .inner ul.right li.sub > a .item_outer:after { right: auto; left: 0; content: "\e875"; } .eltdf-drop-down .second .inner ul.right li a { text-align: right; } .eltdf-drop-down .second .inner ul.right li ul { left: -100%; } .eltdf-drop-down li.left_position .second { left: 0; } .eltdf-drop-down li.right_position .second { left: auto; right: 0; } .eltdf-drop-down > ul > li:hover > .second { z-index: 20; } .eltdf-drop-down .narrow .second .inner ul { position: relative; display: inline-block; vertical-align: middle; background-color: #fff; padding: 22px 0; border: 1px solid #e9e9e9; } .eltdf-drop-down .narrow .second .inner ul li { width: 240px; } .eltdf-drop-down .narrow .second .inner ul li ul { position: absolute; left: 100%; top: -23px; height: auto; opacity: 0; overflow: hidden; z-index: 10; -webkit-transform: translateZ(0); -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } .eltdf-drop-down .narrow .second .inner ul li:hover ul { z-index: 20; opacity: 1; } .eltdf-drop-down .narrow .second .inner ul.right li ul { left: -100%; } /* Wide drop down styles ========================================================================== */ .eltdf-drop-down .wide .second .inner { background-color: #fff; text-align: center; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .eltdf-drop-down .wide .second .inner ul li a { padding: 10px 0; } .eltdf-drop-down .wide .second .inner ul li ul { position: relative; display: block; top: 0; left: 0; visibility: visible; } .eltdf-drop-down .wide .second .inner ul li ul li:last-child a { padding-bottom: 0; } .eltdf-drop-down .wide .second .inner > ul { position: relative; display: inline-block; vertical-align: middle; width: 1100px; padding: 25px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1400px) { .eltdf-grid-1300 .eltdf-drop-down .wide .second .inner > ul { width: 1300px; } } @media only screen and (min-width: 1300px) { .eltdf-grid-1200 .eltdf-drop-down .wide .second .inner > ul { width: 1200px; } } @media only screen and (min-width: 1200px) { .eltdf-grid-1000 .eltdf-drop-down .wide .second .inner > ul { width: 1000px; } } @media only screen and (min-width: 1024px) { .eltdf-grid-800 .eltdf-drop-down .wide .second .inner > ul { width: 800px; } } .eltdf-drop-down .wide .second .inner > ul > li { float: left; width: 25%; border-left: 1px solid #e9e9e9; margin: 0; padding: 7px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-drop-down .wide .second .inner > ul > li:first-child, .eltdf-drop-down .wide .second .inner > ul > li:nth-child(4n+1) { border-left: none; } .eltdf-drop-down .wide .second .inner > ul > li:nth-child(4n+1) { clear: both; } .eltdf-drop-down .wide .second .inner > ul > li > a { padding: 0 0 14px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.1em; font-weight: 600; color: #333333; } .eltdf-drop-down .wide .second .inner > ul > li > a.no_link { cursor: default; } .eltdf-drop-down .wide .second .inner > ul > li > a .item_outer { padding: 0; overflow: inherit; } .eltdf-drop-down .wide .second .inner > ul > li > a .item_outer:before, .eltdf-drop-down .wide .second .inner > ul > li > a .item_outer:after { display: none; } .eltdf-drop-down .wide .second .inner > ul > li.current-menu-ancestor > a, .eltdf-drop-down .wide .second .inner > ul > li.current-menu-item > a { color: #17436f; } .eltdf-drop-down .wide.left_position .second .inner > ul, .eltdf-drop-down .wide.right_position .second .inner > ul { width: auto; white-space: nowrap; } .eltdf-drop-down .wide.left_position .second .inner > ul > li, .eltdf-drop-down .wide.right_position .second .inner > ul > li { float: none; display: inline-block; vertical-align: top; } .eltdf-drop-down .wide.left_position .second .inner > ul > li:nth-child(4n+1), .eltdf-drop-down .wide.right_position .second .inner > ul > li:nth-child(4n+1) { border-left: none; } .eltdf-drop-down .wide.left_position .second ul li, .eltdf-drop-down .wide.right_position .second ul li { width: 200px; } /* ========================================================================== Header main menu style - end ========================================================================== */ /* ========================================================================== Fixed header style - begin ========================================================================== */ .eltdf-page-header .eltdf-fixed-wrapper.fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); -webkit-backface-visibility: hidden; } .admin-bar .eltdf-page-header .eltdf-fixed-wrapper.fixed { top: 32px; } .eltdf-page-header .eltdf-fixed-wrapper.fixed .eltdf-menu-area { background-color: #fff; } /* ========================================================================== Fixed header style - end ========================================================================== */ /* ========================================================================== Header Centered style - begin ========================================================================== */ .eltdf-header-centered .eltdf-page-header .eltdf-logo-area { height: 110px; overflow: visible; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-header-centered .eltdf-page-header .eltdf-logo-area .eltdf-logo-wrapper a { max-height: 110px; } .eltdf-header-centered .eltdf-page-header .eltdf-menu-area { height: 67px; z-index: 1; } .eltdf-header-centered .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers .eltdf-position-center-inner { height: 100%; } .eltdf-header-centered .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers .eltdf-position-left-inner, .eltdf-header-centered .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers .eltdf-position-right-inner { height: 100%; } .eltdf-header-centered .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers .eltdf-position-left-inner:before, .eltdf-header-centered .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers .eltdf-position-right-inner:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .eltdf-header-centered .eltdf-page-header .eltdf-sticky-header .eltdf-position-left-inner { height: auto; } .eltdf-header-centered .eltdf-page-header .eltdf-sticky-header .eltdf-position-right-inner { height: 100%; } .eltdf-header-centered .eltdf-page-header .eltdf-fixed-wrapper:not(.fixed) + .eltdf-search-cover { top: auto; bottom: 0; } .eltdf-header-centered.eltdf-no-behavior .eltdf-page-header .eltdf-search-cover, .eltdf-header-centered.eltdf-sticky-header-on-scroll-up .eltdf-page-header .eltdf-search-cover, .eltdf-header-centered.eltdf-sticky-header-on-scroll-down-up .eltdf-page-header .eltdf-search-cover { top: auto; bottom: 0; } /* ========================================================================== Header Centered style - end ========================================================================== */ /* ========================================================================== Header Standard style - begin ========================================================================== */ .eltdf-header-standard .eltdf-menu-area.eltdf-menu-left .eltdf-main-menu { width: auto; padding: 0 0 0 20px; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-left-inner { height: 100%; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-center-inner { height: 100%; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-right .eltdf-main-menu { width: auto; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-right .eltdf-vertical-align-containers .eltdf-position-right-inner { height: 100%; } /* ========================================================================== Header Standard style - end ========================================================================== */ /* ========================================================================== Mobile header style - begin ========================================================================== */ .eltdf-mobile-header { position: relative; display: none; z-index: 110; /* #General mobile header styles ========================================================================== */ /* #End of general mobile header styles ========================================================================== */ /* #Mobile logo styles ========================================================================== */ /* #End of mobile logo styles ========================================================================== */ /* #Mobile menu opener styles ========================================================================== */ /* #End of mobile menu opener styles ========================================================================== */ /* #Mobile menu navigation styles ========================================================================== */ /* #End of mobile menu navigation styles ========================================================================== */ } .eltdf-mobile-header .eltdf-mobile-header-inner { position: relative; height: 70px; background-color: #fff; border-bottom: 1px solid #c9c9c9; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-mobile-header .eltdf-mobile-header-inner .eltdf-mobile-header-holder { position: relative; z-index: 2; height: 100%; } .eltdf-mobile-header .eltdf-grid { height: 100%; } .eltdf-mobile-header .eltdf-vertical-align-containers { padding: 0; } .eltdf-mobile-header .eltdf-mobile-logo-wrapper a { display: block; } .eltdf-mobile-header .eltdf-mobile-logo-wrapper img { display: block; height: 100%; width: auto; } .eltdf-mobile-header .eltdf-mobile-menu-opener { position: relative; height: 100%; float: left; z-index: 2; } .eltdf-mobile-header .eltdf-mobile-menu-opener a { display: table; height: 100%; padding-right: 10px; } .eltdf-mobile-header .eltdf-mobile-menu-opener a > * { position: relative; display: table-cell; vertical-align: middle; line-height: 1em; } .eltdf-mobile-header .eltdf-mobile-menu-opener a .eltdf-mobile-menu-text { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; padding-left: 5px; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-icon-pack .eltdf-mobile-menu-icon { font-size: 24px; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-icon-pack .eltdf-mobile-menu-icon * { display: block; line-height: inherit; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-icon-pack .eltdf-mobile-menu-icon *:before { display: block; line-height: inherit; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-svg-path .eltdf-mobile-menu-icon > * { vertical-align: middle; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-svg-path .eltdf-mobile-menu-icon > *, .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-svg-path .eltdf-mobile-menu-icon path { fill: currentColor; stroke: currentColor; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opened a { color: #17436f; } .eltdf-mobile-header .eltdf-mobile-nav { display: none; background-color: #fff; border-bottom: 1px solid #c9c9c9; } .eltdf-mobile-header .eltdf-mobile-nav ul { padding: 0; margin: 0; list-style-type: none; } .eltdf-mobile-header .eltdf-mobile-nav ul li { position: relative; padding: 0; margin: 0; } .eltdf-mobile-header .eltdf-mobile-nav ul li a, .eltdf-mobile-header .eltdf-mobile-nav ul li h6 { position: relative; display: block; padding: 9px 0; margin: 0; color: #676767; cursor: pointer; } .eltdf-mobile-header .eltdf-mobile-nav ul li a:hover, .eltdf-mobile-header .eltdf-mobile-nav ul li h6:hover { color: #17436f; } .eltdf-mobile-header .eltdf-mobile-nav ul ul { display: none; margin-left: 15px; } .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-ancestor > a, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-item > a, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-ancestor > h6, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-item > h6 { color: #17436f; } .eltdf-mobile-header .eltdf-mobile-nav ul ul li a, .eltdf-mobile-header .eltdf-mobile-nav ul ul li h6 { font-size: 11px; line-height: 24px; } .eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li > a, .eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li > h6 { padding-left: 4px; font-size: 13px; } .eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li.eltdf-active-item > a, .eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li.eltdf-active-item > h6 { color: #17436f; } .eltdf-mobile-header .eltdf-mobile-nav .mobile_arrow { position: absolute; right: 0; top: 0; width: 50px; height: auto; padding: 9px 12px 9px 0; font-size: 15px; line-height: inherit; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-mobile-header .eltdf-mobile-nav .mobile_arrow:hover { cursor: pointer; } .eltdf-mobile-header .eltdf-mobile-nav .mobile_arrow .eltdf-sub-arrow { line-height: 1; -webkit-transition: transform 0.2s ease-in-out; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .eltdf-mobile-header .eltdf-mobile-nav .mobile_arrow .fa-angle-down { display: none; } .eltdf-mobile-header .eltdf-mobile-nav li.eltdf-opened > .mobile_arrow > .eltdf-sub-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .eltdf-mobile-header .eltdf-mobile-nav > ul > li:last-child > a, .eltdf-mobile-header .eltdf-mobile-nav > .eltdf-grid > ul > li:last-child > a { border-bottom: none; } /* ========================================================================== Mobile header style - end ========================================================================== */ /* ========================================================================== Sticky Mobile header style - begin ========================================================================== */ .eltdf-sticky-up-mobile-header .eltdf-animate-mobile-header .eltdf-mobile-header-inner { width: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; -webkit-transition: left 0.2s ease, right 0.2s ease, -webkit-transform 0.4s ease-in-out; transition: left 0.2s ease, right 0.2s ease, -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease, -webkit-transform 0.4s ease-in-out; } .eltdf-sticky-up-mobile-header .mobile-header-appear .eltdf-mobile-header-inner { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); } /* ========================================================================== Sticky Mobile header style - end ========================================================================== */ /* ========================================================================== Sticky header style - begin ========================================================================== */ .eltdf-sticky-header { position: fixed; top: 0; left: 0; height: 70px; width: 100%; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); z-index: 100; -webkit-backface-visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; } .eltdf-sticky-header .eltdf-grid { height: 100% !important; } .eltdf-sticky-header.header-appear { -webkit-transform: translateY(0%); transform: translateY(0%); } .admin-bar .eltdf-sticky-header.header-appear { top: 32px; } .eltdf-sticky-header .eltdf-sticky-holder { position: relative; height: 100%; z-index: 2; background-color: #fff; border-bottom: 1px solid #c9c9c9; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-sticky-header .eltdf-sticky-holder .eltdf-logo-wrapper a { max-height: 70px; } .eltdf-sticky-header .eltdf-sticky-holder .eltdf-vertical-align-containers { padding: 0 40px; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-left .eltdf-main-menu { width: auto; padding: 0 0 0 20px; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-left-inner { height: 100%; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-center-inner { height: 100%; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-right .eltdf-main-menu { width: auto; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-right .eltdf-vertical-align-containers .eltdf-position-right-inner { height: 100%; } .eltdf-sticky-header .widget { display: inline-block; vertical-align: middle; margin: 0; } /* ========================================================================== Sticky header style - end ========================================================================== */ /* ========================================================================== Top header style - begin ========================================================================== */ .eltdf-top-bar { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 48px; color: #fff; font-size: 12px; font-weight: 400; background-color: #006767; background-repeat: no-repeat; background-position: center center; z-index: 111; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("/wp-content/themes/calla/assets/img/header-top-bar-background.jpg") repeat center !important; } .eltdf-top-bar > .eltdf-vertical-align-containers { padding: 0 40px; } .eltdf-top-bar .eltdf-vertical-align-containers .eltdf-position-left:before, .eltdf-top-bar .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-top-bar .eltdf-vertical-align-containers .eltdf-position-left-inner, .eltdf-top-bar .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-top-bar .eltdf-grid { height: 100%; } .eltdf-top-bar .eltdf-grid .eltdf-vertical-align-containers { padding-left: 0; padding-right: 0; } .eltdf-top-bar-in-grid-padding .eltdf-top-bar .eltdf-grid .eltdf-vertical-align-containers { padding: 0 40px; } .eltdf-top-bar .widget { margin: 0; } .eltdf-top-bar .widget ul li { display: inline-block; vertical-align: middle; padding: 0 20px 0 0; } .eltdf-top-bar .widget ul li a { color: #ffffff; font-size: 12px; } .eltdf-top-bar .widget ul li a:hover { color: rgba(255, 255, 255, 0.7); } .eltdf-top-bar .widget ul li:last-child { padding: 0; } .eltdf-top-bar .widget a { color: inherit; } /* ========================================================================== Top header style - end ========================================================================== */ /* ========================================================================== Header styles - end ========================================================================== */ /* ========================================================================== Search styles - begin ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== # Search opener - begin ========================================================================== */ .eltdf-search-opener { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1; margin: 0 5px; } .eltdf-search-opener .eltdf-search-opener-wrapper > * { position: relative; display: inline-block; vertical-align: middle; line-height: inherit; } .eltdf-search-opener .eltdf-search-opener-wrapper > *:before { display: block; line-height: inherit; } .eltdf-search-opener.eltdf-search-opener-svg-path .eltdf-search-opener-wrapper > * { vertical-align: middle; } .eltdf-search-opener.eltdf-search-opener-svg-path .eltdf-search-opener-wrapper > *, .eltdf-search-opener.eltdf-search-opener-svg-path .eltdf-search-opener-wrapper path { fill: currentColor; stroke: currentColor; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-search-opener, .eltdf-light-header .eltdf-top-bar .eltdf-search-opener { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-search-opener:hover, .eltdf-light-header .eltdf-top-bar .eltdf-search-opener:hover { color: rgba(255, 255, 255, 0.8) !important; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-search-opener, .eltdf-dark-header .eltdf-top-bar .eltdf-search-opener { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-search-opener:hover, .eltdf-dark-header .eltdf-top-bar .eltdf-search-opener:hover { color: rgba(51, 51, 51, 0.8) !important; } /* ========================================================================== # Search opener - end ========================================================================== */ /* ========================================================================== # Search template style - begin ========================================================================== */ .eltdf-search-page-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 80px; } .eltdf-search-page-holder .eltdf-search-page-form { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 30px; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-search-title { margin: 0 0 20px; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-search-label { display: block; font-size: 13px; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 10px; clear: both; border-bottom: 1px solid #c9c9c9; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder .eltdf-column-left { display: table-cell; vertical-align: top; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder .eltdf-column-right { display: table-cell; width: 1%; text-align: left; vertical-align: top; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder .eltdf-search-field { position: relative; width: 100%; height: 40px; line-height: 40px; margin: 0; padding: 0 20px 0 3px; font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; border: none; outline: 0; vertical-align: middle; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder .eltdf-search-field::-webkit-input-placeholder { color: inherit; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder .eltdf-search-field:-moz-placeholder { color: inherit; opacity: 1; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder .eltdf-search-field::-moz-placeholder { color: inherit; opacity: 1; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder .eltdf-search-field:-ms-input-placeholder { color: inherit; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder .eltdf-search-submit { position: relative; display: inline-block; width: auto; height: 40px; line-height: 40px; padding: 0; font-size: 18px; color: #676767; background-color: transparent; border: 0; outline: 0; cursor: pointer; vertical-align: middle; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .eltdf-search-page-holder .eltdf-search-page-form .eltdf-form-holder .eltdf-search-submit:hover { color: #333333; } .eltdf-search-page-holder article { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 30px 0; margin: 0; border-bottom: 1px solid #c9c9c9; } .eltdf-search-page-holder article.sticky .eltdf-post-title a { color: #17436f; } .eltdf-search-page-holder article.page .eltdf-post-title-area .eltdf-post-info > div.eltdf-post-info-category { display: none; } .eltdf-search-page-holder article .eltdf-post-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-search-page-holder article .eltdf-post-image { display: block; float: left; width: 130px; } .eltdf-search-page-holder article .eltdf-post-image a, .eltdf-search-page-holder article .eltdf-post-image img { display: block; } .eltdf-search-page-holder article .eltdf-post-title-area { min-height: 130px; padding: 0 0 0 150px; } .eltdf-search-page-holder article .eltdf-post-title-area.eltdf-no-thumbnail { padding: 0; min-height: inherit; } .eltdf-search-page-holder article .eltdf-post-title-area .eltdf-post-title-area-inner { width: 100%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-search-page-holder article .eltdf-post-title-area .eltdf-post-title-area-inner .eltdf-post-title { margin: 0; } .eltdf-search-page-holder article .eltdf-post-title-area .eltdf-post-title-area-inner .eltdf-post-excerpt { margin: 7px 0 0; } .eltdf-search-page-holder article .eltdf-post-title-area .eltdf-post-title-area-inner .eltdf-post-read-more-button { margin-top: 12px; } .eltdf-search-page-holder .eltdf-blog-pagination { margin: 50px 0 0; } /* ========================================================================== # Search template style - end ========================================================================== */ /* ========================================================================== # Search covers header - start ========================================================================== */ .eltdf-search-cover { position: absolute; top: 0; left: 0; width: 100%; height: 67px; display: none; background-color: #FFF; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; z-index: 115; } .eltdf-search-cover .eltdf-container, .eltdf-search-cover .eltdf-container-inner { height: 100%; } .eltdf-fixed-header-appear .eltdf-search-cover, .eltdf-sticky-header-appear .eltdf-search-cover, .eltdf-mobile-header.mobile-header-appear .eltdf-search-cover { position: fixed; } .eltdf-fixed-header-appear.admin-bar .eltdf-search-cover, .eltdf-sticky-header-appear.admin-bar .eltdf-search-cover, .admin-bar .eltdf-mobile-header.mobile-header-appear .eltdf-search-cover { top: 32px; } .eltdf-search-cover .eltdf-form-holder-outer { display: table; width: 100%; height: 100%; } .eltdf-search-cover .eltdf-form-holder { position: relative; display: table-cell; vertical-align: middle; padding: 5px 111px 0; } @media (max-width: 576px) { .eltdf-search-cover .eltdf-form-holder { padding: 5px 15px 0; } } .eltdf-search-cover .eltdf-form-holder-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-search-cover .eltdf-container-inner .eltdf-form-holder { padding: 0; } .eltdf-search-cover .eltdf-container-inner .eltdf-search-close { right: 0; } .eltdf-search-cover input { display: inline-block; vertical-align: middle; width: 90%; margin: 0; padding: 0; float: left; font-family: "Crimson Text", cursive; color: #676767; font-size: 16px; font-weight: 600; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; outline-offset: 0; border-radius: 0; letter-spacing: 0.05em; } .eltdf-search-cover input:focus { color: #676767; } .eltdf-search-cover input::-webkit-input-placeholder { color: inherit; } .eltdf-search-cover input:-moz-placeholder { color: inherit; opacity: 1; } .eltdf-search-cover input::-moz-placeholder { color: inherit; opacity: 1; } .eltdf-search-cover input:-ms-input-placeholder { color: inherit; } .eltdf-search-cover input[type="submit"] { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; visibility: hidden; } .eltdf-search-cover .eltdf-search-close { position: absolute; right: -6px; top: 50%; display: inline-block; vertical-align: middle; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .eltdf-search-cover .eltdf-search-close.eltdf-search-close-icon-pack { color: #676767; font-size: 25px; line-height: 1em; } .eltdf-search-cover .eltdf-search-close.eltdf-search-close-icon-pack span { display: block; line-height: inherit; } .eltdf-search-cover .eltdf-search-close.eltdf-search-close-icon-pack span:before { display: block; line-height: inherit; } .eltdf-search-cover .eltdf-search-close.eltdf-search-close-icon-pack:hover { color: #17436f; } .eltdf-search-cover .eltdf-search-close.eltdf-search-close-svg-path > * { vertical-align: middle; } .eltdf-search-cover .eltdf-search-close.eltdf-search-close-svg-path > *, .eltdf-search-cover .eltdf-search-close.eltdf-search-close-svg-path path { fill: currentColor; stroke: currentColor; } .eltdf-search-cover.disabled input, .eltdf-search-cover.disabled input:focus { font-weight: normal; } .eltdf-fixed-on-scroll .eltdf-search-cover .eltdf-search-close { -webkit-transform: none; transform: none; top: 0; } /* ========================================================================== # Search covers header - end ========================================================================== */ /* ========================================================================== # Fullscreen search - start ========================================================================== */ /* Fullscreen search general style - start ========================================================================== */ .eltdf-fullscreen-search-holder { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 105; opacity: 0; } .eltdf-fullscreen-search-holder .eltdf-fullscreen-search-table { display: table; width: 100%; height: 100%; } .eltdf-fullscreen-search-holder .eltdf-fullscreen-search-cell { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; } .eltdf-fullscreen-search-holder .eltdf-form-holder-inner { position: relative; width: 40%; margin: auto; } .eltdf-fullscreen-search-holder .eltdf-form-holder-inner .eltdf-line { position: absolute; left: 0; bottom: -2px; width: 0; border-bottom: 1px solid #c9c9c9; -webkit-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; } .eltdf-fullscreen-search-opened .eltdf-fullscreen-search-holder .eltdf-form-holder-inner .eltdf-line { width: 100%; -webkit-transition: width 0.5s ease 0.6s; transition: width 0.5s ease 0.6s; } .eltdf-fullscreen-search-holder .eltdf-field-holder { display: block; position: relative; } .eltdf-fullscreen-search-holder .eltdf-search-field { position: relative; height: 100%; width: 100%; border: 0; padding: 0 20px 10px; margin-bottom: 0; background: transparent; outline: none; font-family: inherit; font-size: 25px; color: #333333; line-height: 2em; } .eltdf-fullscreen-search-holder .eltdf-search-submit { position: absolute; right: 0; bottom: -20px; width: auto; color: #333333; background-color: transparent; border: none; outline: none; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; } .eltdf-fullscreen-search-holder .eltdf-search-submit.eltdf-search-submit-icon-pack { font-size: 18px; line-height: 1em; } .eltdf-fullscreen-search-holder .eltdf-search-submit.eltdf-search-submit-svg-path > *, .eltdf-fullscreen-search-holder .eltdf-search-submit.eltdf-search-submit-svg-path path { fill: currentColor; stroke: currentColor; } .eltdf-fullscreen-search-holder .eltdf-search-submit:hover { color: #333333; } .eltdf-fullscreen-search-opened .eltdf-fullscreen-search-holder .eltdf-search-submit { opacity: 1; bottom: 10px; -webkit-transition: color 0.2s ease, opacity 0.2s ease-out 1.1s, bottom 0.4s ease-out 0.9s; transition: color 0.2s ease, opacity 0.2s ease-out 1.1s, bottom 0.4s ease-out 0.9s; } .eltdf-fullscreen-search-holder .eltdf-search-close { position: absolute; top: 33px; right: 70px; color: #676767; opacity: 0; visibility: hidden; z-index: 1; } .eltdf-fullscreen-search-holder .eltdf-search-close.eltdf-search-close-icon-pack { font-size: 25px; line-height: 1em; } .eltdf-fullscreen-search-holder .eltdf-search-close.eltdf-search-close-icon-pack span { display: block; line-height: inherit; } .eltdf-fullscreen-search-holder .eltdf-search-close.eltdf-search-close-icon-pack span:before { display: block; line-height: inherit; } .eltdf-fullscreen-search-holder .eltdf-search-close.eltdf-search-close-svg-path > * { vertical-align: middle; } .eltdf-fullscreen-search-holder .eltdf-search-close.eltdf-search-close-svg-path > *, .eltdf-fullscreen-search-holder .eltdf-search-close.eltdf-search-close-svg-path path { fill: currentColor; stroke: currentColor; } .admin-bar .eltdf-fullscreen-search-holder .eltdf-search-close { top: 72px; } .eltdf-fullscreen-search-holder .eltdf-search-close:hover { color: #333333; } /* Fullscreen search general style - end ========================================================================== */ /* Fullscreen search fade style - start ========================================================================== */ .eltdf-search-fade .eltdf-fullscreen-search-holder { visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; z-index: 112; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-search-fade .eltdf-fullscreen-search-holder .eltdf-fullscreen-search-table { background-color: rgba(255, 255, 255, 0.98); } .eltdf-search-fade-out.eltdf-search-fade .eltdf-fullscreen-search-holder { -webkit-animation: search_fade_out 0.2s ease-out both; animation: search_fade_out 0.2s ease-out both; } .eltdf-search-fade-in.eltdf-search-fade .eltdf-fullscreen-search-holder.eltdf-animate { -webkit-animation: search_fade_in 0.3s ease both; animation: search_fade_in 0.3s ease both; } .eltdf-search-fade .eltdf-fullscreen-search-holder.eltdf-animate .eltdf-search-close { opacity: 1; visibility: visible; } @-webkit-keyframes search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } /* Fullscreen search fade style - end ========================================================================== */ /* ========================================================================== # Fullscreen search - end ========================================================================== */ /* ========================================================================== # Slide From Header Bottom search general style - start ========================================================================== */ .eltdf-slide-from-header-bottom-holder { position: absolute; top: 100%; right: 0; width: 300px; display: none; padding: 25px; margin: 0; background-color: #fff; border: 1px solid #c9c9c9; overflow: hidden; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-fixed-header-appear .eltdf-slide-from-header-bottom-holder, .eltdf-sticky-header-appear .eltdf-slide-from-header-bottom-holder, .eltdf-mobile-header.mobile-header-appear .eltdf-slide-from-header-bottom-holder { position: fixed; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; border: 1px solid #c9c9c9; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-field, .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-submit { position: relative; display: inline-block; vertical-align: top; float: left; margin: 0; height: 44px; line-height: 42px; color: #676767; background-color: transparent; border: 0; border-radius: 0; outline: 0; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-field { width: calc(100% - 40px); padding: 0 10px 0 20px; font-family: inherit; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-field:focus { color: #333333; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-submit { width: 40px; padding: 0 12px 0 0; cursor: pointer; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-submit.eltdf-search-submit-icon-pack { font-size: 15px; line-height: 1em; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-submit.eltdf-search-submit-icon-pack span { display: block; line-height: inherit; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-submit.eltdf-search-submit-icon-pack span:before { display: block; line-height: inherit; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-submit.eltdf-search-submit-svg-path > * { vertical-align: middle; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-submit.eltdf-search-submit-svg-path > *, .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-submit.eltdf-search-submit-svg-path path { fill: currentColor; stroke: currentColor; } .eltdf-slide-from-header-bottom-holder .eltdf-form-holder .eltdf-search-submit:hover { color: #333333; } /* ========================================================================== # Slide From Header Bottom search general style - end ========================================================================== */ /* ========================================================================== Search styles - end ========================================================================== */ /* ========================================================================== Side area styles - begin ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== # Side area style - begin ========================================================================== */ .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener, .eltdf-light-header .eltdf-top-bar .eltdf-side-menu-button-opener { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener.opened, .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener:hover, .eltdf-light-header .eltdf-top-bar .eltdf-side-menu-button-opener.opened, .eltdf-light-header .eltdf-top-bar .eltdf-side-menu-button-opener:hover { color: rgba(255, 255, 255, 0.8) !important; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener, .eltdf-dark-header .eltdf-top-bar .eltdf-side-menu-button-opener { color: #333 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener.opened, .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-side-menu-button-opener:hover, .eltdf-dark-header .eltdf-top-bar .eltdf-side-menu-button-opener.opened, .eltdf-dark-header .eltdf-top-bar .eltdf-side-menu-button-opener:hover { color: rgba(51, 51, 51, 0.8) !important; } .eltdf-side-menu-button-opener { position: relative; display: inline-block; vertical-align: middle; } .eltdf-side-menu-button-opener .eltdf-side-menu-title { position: relative; display: inline-block; vertical-align: middle; margin: 0 8px 0 0; color: currentColor; } .eltdf-side-menu-button-opener .eltdf-side-menu-icon { position: relative; display: inline-block; vertical-align: middle; } .eltdf-side-menu-button-opener.opened, .eltdf-side-menu-button-opener:hover { color: #17436f; } .eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-icon-pack .eltdf-side-menu-icon { font-size: 20px; } .eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-icon-pack .eltdf-side-menu-icon * { display: block; line-height: inherit; } .eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-icon-pack .eltdf-side-menu-icon *:before { display: block; line-height: inherit; } .eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-svg-path .eltdf-side-menu-icon > * { vertical-align: middle; } .eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-svg-path .eltdf-side-menu-icon > *, .eltdf-side-menu-button-opener.eltdf-side-menu-button-opener-svg-path .eltdf-side-menu-icon path { fill: currentColor; stroke: currentColor; } .eltdf-side-menu { position: fixed; top: 0; right: -400px; width: 400px; height: 100%; min-height: 100%; padding: 25px 48px 25px; background-color: #fff; border-left: 1px solid #e9e9e9; text-align: left; overflow: hidden; visibility: hidden; z-index: 9999; -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-menu .eltdf-close-side-menu-holder { position: absolute; top: 33px; right: 40px; z-index: 1000; } .admin-bar .eltdf-side-menu .eltdf-close-side-menu-holder { top: 68px; } .eltdf-side-menu a.eltdf-close-side-menu { display: block; z-index: 1000; color: #676767; } .eltdf-side-menu a.eltdf-close-side-menu:hover { color: #17436f; } .eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-icon-pack { font-size: 20px; } .eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-icon-pack * { display: block; line-height: inherit; } .eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-icon-pack *:before { display: block; line-height: inherit; } .eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-svg-path > * { vertical-align: middle; } .eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-svg-path > *, .eltdf-side-menu a.eltdf-close-side-menu.eltdf-close-side-menu-svg-path path { fill: currentColor; stroke: currentColor; } /* ========================================================================== # Side area style - end ========================================================================== */ /* ========================================================================== # Side area slides over content style - begin ========================================================================== */ .eltdf-right-side-menu-opened .eltdf-wrapper, .eltdf-right-side-menu-opened footer.uncover, .eltdf-right-side-menu-opened .eltdf-fixed-wrapper.fixed, .eltdf-right-side-menu-opened .eltdf-sticky-header, .eltdf-right-side-menu-opened .mobile-header-appear .eltdf-mobile-header-inner { left: -405px; } .eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) .eltdf-wrapper, .eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) footer.uncover, .eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) .eltdf-fixed-wrapper.fixed, .eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) .eltdf-sticky-header, .eltdf-side-area-fixed-content.eltdf-right-side-menu-opened:not(.eltdf-side-area-uncovered-from-content) .mobile-header-appear .eltdf-mobile-header-inner { left: 0; } .eltdf-side-menu-slide-from-right .eltdf-wrapper { background-color: #fff; position: relative; z-index: 1000; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-menu-slide-from-right .eltdf-wrapper .eltdf-cover { z-index: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; filter: alpha(opacity=0); background: #000; -webkit-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, z-index 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, z-index 0.2s ease-in-out; } .eltdf-side-menu-slide-from-right .carousel-inner { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-menu-slide-from-right .eltdf-sticky-header, .eltdf-side-menu-slide-from-right .eltdf-fixed-wrapper.fixed { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-menu-slide-from-right footer.uncover { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-menu-slide-from-right.eltdf-right-side-menu-opened .eltdf-cover { z-index: 1002; opacity: 0.6; filter: alpha(opacity=60); } .eltdf-side-menu-slide-from-right.eltdf-right-side-menu-opened .eltdf-side-menu { right: 0; visibility: visible; } /* ========================================================================== # Side area slides over content style - end ========================================================================== */ /* ========================================================================== # Side area uncovering - begin ========================================================================== */ .eltdf-side-area-uncovered-from-content .eltdf-side-menu { right: 0; z-index: 90; } .eltdf-side-area-uncovered-from-content .eltdf-sticky-header, .eltdf-side-area-uncovered-from-content .eltdf-fixed-wrapper.fixed { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-sticky-header, .eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-fixed-wrapper.fixed, .eltdf-side-area-uncovered-from-content.eltdf-right-side-menu-opened .eltdf-mobile-header-inner { left: -405px; } /* ========================================================================== # Side area uncovering - end ========================================================================== */ /* ========================================================================== # Side area slides with content style - begin ========================================================================== */ .eltdf-side-menu-slide-with-content { overflow-x: hidden; position: relative; left: 0; -webkit-overflow-scrolling: auto !important; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-menu-slide-with-content .eltdf-side-menu { visibility: visible; } .eltdf-side-menu-slide-with-content footer.uncover, .eltdf-side-menu-slide-with-content .eltdf-wrapper { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-menu-slide-with-content .eltdf-sticky-header, .eltdf-side-menu-slide-with-content .eltdf-fixed-wrapper.fixed, .eltdf-side-menu-slide-with-content .eltdf-mobile-header-inner { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-menu-slide-with-content .carousel-inner { left: 0 !important; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-wrapper, .eltdf-side-menu-slide-with-content.eltdf-side-menu-open footer.uncover, .eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-sticky-header, .eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-fixed-wrapper, .eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-mobile-header-inner { left: -405px; } .eltdf-side-menu-slide-with-content.eltdf-side-menu-open .eltdf-side-menu { right: 0; } .eltdf-side-menu-slide-with-content.eltdf-side-menu-open .carousel-inner:not(.relative_position) { left: -405px !important; } /* ========================================================================== # Side area slides with content style - end ========================================================================== */ /* ========================================================================== # Side area responsive style - begin ========================================================================== */ @media only screen and (max-width: 1440px) { .eltdf-side-menu-slide-from-right .eltdf-side-menu { padding: 25px 48px 100px; } } /* ========================================================================== # Side area style - end ========================================================================== */ /* ========================================================================== Side area styles - end ========================================================================== */ /* ========================================================================== Title styles - begin ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== Title style - begin ========================================================================== */ .eltdf-title-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 270px; background-color: #f6f6f6; background-position: center; background-repeat: no-repeat; z-index: 101; } .eltdf-title-holder.eltdf-title-full-width .eltdf-grid { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-title-holder.eltdf-bg-responsive { height: auto !important; } .eltdf-title-holder.eltdf-bg-responsive .eltdf-title-image { display: block; } .eltdf-title-holder.eltdf-bg-responsive .eltdf-title-wrapper { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .eltdf-title-holder.eltdf-bg-parallax { background-attachment: fixed; } .eltdf-title-holder .eltdf-title-image { display: none; } .eltdf-title-holder .eltdf-title-image img { display: block; width: 100%; } .eltdf-title-holder .eltdf-separator-icon { padding: 0 10px; } .eltdf-title-holder .eltdf-separator { width: 38px; border-bottom: 1px solid #17436f; } .eltdf-title-holder .eltdf-title-wrapper { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .eltdf-title-holder .eltdf-title-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } /* ========================================================================== Title style - end ========================================================================== */ /* ========================================================================== Breadcrumbs Title type style - begin ========================================================================== */ .eltdf-title-holder.eltdf-breadcrumbs-type .eltdf-breadcrumbs { color: #676767; font-family: "Crimson Text", cursive; font-size: 16px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-title-holder.eltdf-breadcrumbs-type .eltdf-breadcrumbs.eltdf-has-inline-style a { opacity: 1; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltdf-title-holder.eltdf-breadcrumbs-type .eltdf-breadcrumbs.eltdf-has-inline-style a:hover { color: inherit; opacity: 0.9; } .eltdf-title-holder.eltdf-breadcrumbs-type .eltdf-breadcrumbs a, .eltdf-title-holder.eltdf-breadcrumbs-type .eltdf-breadcrumbs span { position: relative; display: inline-block; vertical-align: middle; color: #676767; } .eltdf-title-holder.eltdf-breadcrumbs-type .eltdf-breadcrumbs a:hover { color: #17436f; } /* ========================================================================== Breadcrumbs Title type style - end ========================================================================== */ /* ========================================================================== Centered Title type style - begin ========================================================================== */ .eltdf-title-holder.eltdf-centered-type .eltdf-title-inner { text-align: center; } .eltdf-title-holder.eltdf-centered-type .eltdf-page-title { margin: 0; } .eltdf-title-holder.eltdf-centered-type .eltdf-page-subtitle { display: block; margin: 10px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ========================================================================== Centered Title type style - end ========================================================================== */ /* ========================================================================== Standard With Breadcrumbs Title type style - begin ========================================================================== */ .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-title-info, .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs-info { display: table-cell; vertical-align: middle; } .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-title-info { width: 99%; } .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs-info { width: 1%; white-space: nowrap; } .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-page-title { margin: 0; font-size: 30px; } .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-page-subtitle { margin: 5px 0 0; } .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs { color: #676767; font-family: "Crimson Text", cursive; font-size: 13px; font-weight: 300; text-transform: uppercase; } .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs.eltdf-has-inline-style a { opacity: 1; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs.eltdf-has-inline-style a:hover { color: #17436f; opacity: 0.9; } .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs a, .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs span { position: relative; display: inline-block; vertical-align: middle; color: #676767; } .eltdf-title-holder.eltdf-standard-with-breadcrumbs-type .eltdf-breadcrumbs a:hover { color: #17436f; } /* ========================================================================== Standard With Breadcrumbs Title type style - end ========================================================================== */ /* ========================================================================== Standard Title type style - begin ========================================================================== */ .eltdf-title-holder.eltdf-standard-type .eltdf-page-title { margin: 0; } .eltdf-title-holder.eltdf-standard-type .eltdf-page-subtitle { margin: 10px 0 0; } /* ========================================================================== Standard Title type style - end ========================================================================== */ /* ========================================================================== Title styles - end ========================================================================== */ /* ========================================================================== Global partials ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== Custom Post Types styles ========================================================================== */ /* ========================================================================== Portfolio Single page style - begin ========================================================================== */ .eltdf-portfolio-single-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 50px; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder .eltdf-ps-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder .eltdf-ps-image a, .eltdf-portfolio-single-holder .eltdf-ps-image-holder .eltdf-ps-image img { position: relative; display: block; } .eltdf-portfolio-single-holder .eltdf-ps-info-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-portfolio-single-holder .eltdf-ps-info-holder .eltdf-ps-info-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 5px; } .eltdf-portfolio-single-holder .eltdf-ps-info-holder .eltdf-ps-info-item p, .eltdf-portfolio-single-holder .eltdf-ps-info-holder .eltdf-ps-info-item a { display: inline-block; vertical-align: baseline; margin: 0; } .eltdf-portfolio-single-holder .eltdf-ps-info-holder .eltdf-ps-info-item a:hover { color: #17436f; } .eltdf-portfolio-single-holder .eltdf-ps-info-holder .eltdf-ps-info-item.eltdf-ps-social-share { margin-top: 7px; } .eltdf-portfolio-single-holder .eltdf-ps-info-holder .eltdf-ps-info-item .eltdf-ps-info-category:not(:last-child):after { content: ','; } .eltdf-portfolio-single-holder .eltdf-ps-info-holder .eltdf-ps-info-title { display: inline-block; vertical-align: baseline; margin: 0; } /* ========================================================================== Portfolio Single page style - end ========================================================================== */ /* ========================================================================== Portfolio Single page specific style for types - begin ========================================================================== */ .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images { /***** Columns Layout - begin *****/ /***** Columns Layout - end *****/ } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-two-columns .eltdf-ps-image { width: 50%; } @media only screen and (min-width: 1025px) { .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-two-columns .eltdf-ps-image:nth-child(2n+1) { clear: both; } } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-three-columns .eltdf-ps-image { width: 33.33333%; } @media only screen and (min-width: 1025px) { .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-three-columns .eltdf-ps-image:nth-child(3n+1) { clear: both; } } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-four-columns .eltdf-ps-image { width: 25%; } @media only screen and (min-width: 1201px) { .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-gallery-images.eltdf-ps-four-columns .eltdf-ps-image:nth-child(4n+1) { clear: both; } } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images { /***** Columns Layout - begin *****/ /***** Columns Layout - end *****/ } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images .eltdf-ps-image, .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images .eltdf-ps-grid-sizer { width: 25%; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images .eltdf-ps-grid-gutter { width: 0; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images .eltdf-ps-image a { height: 100%; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images .eltdf-ps-image.eltdf-ps-fixed-masonry img { height: 100%; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images .eltdf-ps-masonry-large-width img { width: 100%; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-two-columns .eltdf-ps-image, .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-two-columns .eltdf-ps-grid-sizer { width: 50%; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-two-columns .eltdf-ps-image.eltdf-ps-masonry-large-width, .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-two-columns .eltdf-ps-image.eltdf-ps-masonry-large-width-height { width: 100%; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-image, .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-grid-sizer { width: 33.33333%; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-image.eltdf-ps-masonry-large-width, .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-three-columns .eltdf-ps-image.eltdf-ps-masonry-large-width-height { width: 66.66667%; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image, .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-grid-sizer { width: 25%; } .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image.eltdf-ps-masonry-large-width, .eltdf-portfolio-single-holder .eltdf-ps-image-holder.eltdf-ps-masonry-images.eltdf-ps-four-columns .eltdf-ps-image.eltdf-ps-masonry-large-width-height { width: 50%; } .eltdf-portfolio-single-holder .eltdf-ps-item-title { margin: 0 0 11px; } /* ========================================================================== Portfolio Single page specific style for types - end ========================================================================== */ /* ========================================================================== Portfolio Single - Gallery layout style - begin ========================================================================== */ .eltdf-portfolio-single-holder.eltdf-ps-gallery-layout .eltdf-ps-image-holder { width: 100%; } .eltdf-portfolio-single-holder.eltdf-ps-gallery-layout .eltdf-ps-image-holder .eltdf-ps-image { float: left; } .eltdf-portfolio-single-holder.eltdf-ps-gallery-layout .eltdf-ps-image-holder .eltdf-ps-image a:hover:after { opacity: 1; } .eltdf-portfolio-single-holder.eltdf-ps-gallery-layout .eltdf-ps-image-holder .eltdf-ps-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-portfolio-single-holder.eltdf-ps-gallery-layout > .eltdf-grid-row { margin-top: 40px; } .eltdf-portfolio-single-holder.eltdf-ps-gallery-layout .eltdf-ps-info-holder { padding: 72px 0 0; } .eltdf-portfolio-single-holder .eltdf-ps-item-title { margin: 0 0 6px; } /* ========================================================================== Portfolio Single - Gallery layout style - end ========================================================================== */ /* ========================================================================== Portfolio Single - Huge Images layout style - begin ========================================================================== */ .eltdf-portfolio-single-holder.eltdf-ps-huge-images-layout { padding: 0 4%; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-portfolio-single-holder.eltdf-ps-huge-images-layout .eltdf-ps-image-holder { margin: 0 0 50px; } .eltdf-portfolio-single-holder.eltdf-ps-huge-images-layout .eltdf-ps-image-holder .eltdf-ps-image { margin: 0 0 50px; } .eltdf-portfolio-single-holder.eltdf-ps-huge-images-layout .eltdf-ps-image-holder .eltdf-ps-image:last-child { margin: 0; } @media only screen and (max-width: 1200px) { .eltdf-portfolio-single-holder.eltdf-ps-huge-images-layout { padding: 0 40px; } } @media only screen and (max-width: 768px) { .eltdf-portfolio-single-holder.eltdf-ps-huge-images-layout { padding: 0 30px; } } /* ========================================================================== Portfolio Single - Huge Images layout style - end ========================================================================== */ /* ========================================================================== Portfolio Single - Images layout style - begin ========================================================================== */ .eltdf-portfolio-single-holder.eltdf-ps-images-layout .eltdf-ps-image-holder { margin: 0 0 50px; } .eltdf-portfolio-single-holder.eltdf-ps-images-layout .eltdf-ps-image-holder .eltdf-ps-image { margin: 0 0 50px; } .eltdf-portfolio-single-holder.eltdf-ps-images-layout .eltdf-ps-image-holder .eltdf-ps-image:last-child { margin: 0; } .eltdf-portfolio-single-holder.eltdf-ps-images-layout .eltdf-ps-info-holder { padding: 72px 0 0; } .eltdf-portfolio-single-holder .eltdf-ps-item-title { margin: 0 0 6px; } /* ========================================================================== Portfolio Single - Images layout style - end ========================================================================== */ /* ========================================================================== Portfolio Single - Masonry layout style - begin ========================================================================== */ .eltdf-portfolio-single-holder.eltdf-ps-masonry-layout .eltdf-ps-image-holder .eltdf-ps-image-inner { opacity: 0; } .eltdf-portfolio-single-holder.eltdf-ps-masonry-layout > .eltdf-grid-row { margin-top: 40px; } /* ========================================================================== Portfolio Single - Masonry layout style - end ========================================================================== */ /* ========================================================================== Portfolio Single - Slider layout style - begin ========================================================================== */ .eltdf-portfolio-single-holder.eltdf-ps-slider-layout .eltdf-ps-image-holder { margin: 0 0 50px; } .eltdf-portfolio-single-holder.eltdf-ps-slider-layout .eltdf-ps-image-holder .eltdf-ps-image-inner { visibility: hidden; } .eltdf-portfolio-single-holder.eltdf-ps-slider-layout .eltdf-ps-image-holder .eltdf-ps-image img { width: 100%; } .eltdf-portfolio-single-holder.eltdf-ps-slider-layout .eltdf-ps-info-holder { padding: 72px 0 0; } .eltdf-portfolio-single-holder .eltdf-ps-item-title { margin: 0 0 6px; } /* ========================================================================== Portfolio Single - Slider layout style - end ========================================================================== */ /* ========================================================================== Portfolio Single - Small Gallery layout style - begin ========================================================================== */ .eltdf-portfolio-single-holder.eltdf-ps-small-gallery-layout .eltdf-ps-image-holder { width: 100%; } .eltdf-portfolio-single-holder.eltdf-ps-small-gallery-layout .eltdf-ps-image-holder .eltdf-ps-image { float: left; } .eltdf-portfolio-single-holder.eltdf-ps-small-gallery-layout .eltdf-ps-image-holder .eltdf-ps-image a:hover:after { opacity: 1; } .eltdf-portfolio-single-holder.eltdf-ps-small-gallery-layout .eltdf-ps-image-holder .eltdf-ps-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-portfolio-single-holder.eltdf-ps-small-gallery-layout .eltdf-ps-content-item { margin: 5px 0 30px; } /* ========================================================================== Portfolio Single - Small Gallery layout style - end ========================================================================== */ /* ========================================================================== Portfolio Single - Small Images layout style - begin ========================================================================== */ .eltdf-portfolio-single-holder.eltdf-ps-small-images-layout .eltdf-ps-image-holder .eltdf-ps-image { margin: 0 0 50px; } .eltdf-portfolio-single-holder.eltdf-ps-small-images-layout .eltdf-ps-image-holder .eltdf-ps-image:last-child { margin: 0; } .eltdf-portfolio-single-holder.eltdf-ps-small-images-layout .eltdf-ps-content-item { margin: 5px 0 30px; } /* ========================================================================== Portfolio Single - Small Images layout style - end ========================================================================== */ /* ========================================================================== Portfolio Single - Small Masonry layout style - begin ========================================================================== */ .eltdf-portfolio-single-holder.eltdf-ps-small-masonry-layout .eltdf-ps-image-holder .eltdf-ps-image-inner { opacity: 0; } .eltdf-portfolio-single-holder.eltdf-ps-small-masonry-layout .eltdf-ps-content-item { margin: 5px 0 30px; } /* ========================================================================== Portfolio Single - Small Masonry layout style - end ========================================================================== */ /* ========================================================================== Portfolio Single - Small Slider layout style - begin ========================================================================== */ .eltdf-portfolio-single-holder.eltdf-ps-small-slider-layout .eltdf-ps-image-holder .eltdf-ps-image-inner { visibility: hidden; } .eltdf-portfolio-single-holder.eltdf-ps-small-slider-layout .eltdf-ps-image-holder .eltdf-ps-image img { width: 100%; } .eltdf-portfolio-single-holder.eltdf-ps-small-slider-layout .eltdf-ps-content-item { margin: 5px 0 30px; } /* ========================================================================== Portfolio Single - Small Slider layout style - end ========================================================================== */ /* ========================================================================== Portfolio Single navigation style - begin ========================================================================== */ .eltdf-ps-navigation { position: relative; display: table; width: 100%; vertical-align: middle; padding: 0; margin: 145px 0 0; clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-ps-full-width-custom-layout .eltdf-ps-navigation { padding: 0 40px; } .eltdf-ps-navigation .eltdf-ps-back-btn { position: absolute; top: 50%; left: 50%; display: inline-block; vertical-align: middle; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .eltdf-ps-navigation .eltdf-ps-back-btn a { position: relative; display: inline-block; margin: 0; padding: 0; vertical-align: middle; cursor: pointer; font-size: 26px; line-height: 1; } .eltdf-ps-navigation .eltdf-ps-back-btn a span { display: block; line-height: inherit; } .eltdf-ps-navigation .eltdf-ps-prev, .eltdf-ps-navigation .eltdf-ps-next { position: relative; display: table-cell; vertical-align: middle; width: 49%; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-ps-navigation .eltdf-ps-prev a, .eltdf-ps-navigation .eltdf-ps-next a { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; color: #676767; } .eltdf-ps-navigation .eltdf-ps-prev a .eltdf-ps-nav-mark, .eltdf-ps-navigation .eltdf-ps-next a .eltdf-ps-nav-mark { position: relative; display: inline-block; vertical-align: top; font-size: 20px; line-height: 24px; } .eltdf-ps-navigation .eltdf-ps-prev a .eltdf-ps-nav-mark:after, .eltdf-ps-navigation .eltdf-ps-next a .eltdf-ps-nav-mark:after { display: inline-block; line-height: inherit; } .eltdf-ps-navigation .eltdf-ps-prev a:hover, .eltdf-ps-navigation .eltdf-ps-next a:hover { color: #17436f; } .eltdf-ps-navigation .eltdf-ps-prev a .eltdf-ps-nav-mark { left: 0; padding-right: 7px; } .eltdf-ps-navigation .eltdf-ps-next { text-align: right; } .eltdf-ps-navigation .eltdf-ps-next a .eltdf-ps-nav-mark { right: 0; padding-left: 7px; } /* ========================================================================== Portfolio Single navigation style - end ========================================================================== */ /* ========================================================================== Portfolio Single navigation style - begin ========================================================================== */ .eltdf-ps-related-posts-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 30px 0 0; clear: both; } .eltdf-ps-related-posts-holder .eltdf-ps-related-posts { margin: 0 -15px; } .eltdf-ps-related-posts-holder .eltdf-ps-related-post { position: relative; display: inline-block; vertical-align: middle; width: 25%; float: left; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1024px) { .eltdf-ps-related-posts-holder .eltdf-ps-related-post { width: 50%; } .eltdf-ps-related-posts-holder .eltdf-ps-related-post:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 680px) { .eltdf-ps-related-posts-holder .eltdf-ps-related-post { width: 100%; } } .eltdf-ps-related-posts-holder .eltdf-ps-related-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-ps-related-posts-holder .eltdf-ps-related-image a, .eltdf-ps-related-posts-holder .eltdf-ps-related-image img { display: block; } .eltdf-ps-related-posts-holder .eltdf-ps-related-text { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 20px 0 0; } .eltdf-ps-related-posts-holder .eltdf-ps-related-text .eltdf-ps-related-title { margin: 0; } .eltdf-ps-related-posts-holder .eltdf-ps-related-text .eltdf-ps-related-categories { margin: 6px 0 0; } /* ========================================================================== Portfolio Single navigation style - end ========================================================================== */ /* ========================================================================== Portfolio Category List shortcode style - begin ========================================================================== */ .eltdf-portfolio-category-list-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Article Global Style - begin *****/ /***** Article Global Style - end *****/ } .eltdf-portfolio-category-list-holder article { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .touch .eltdf-portfolio-category-list-holder article { cursor: pointer; } .eltdf-portfolio-category-list-holder article:hover .eltdf-pcli-text-holder { opacity: 1; } .eltdf-portfolio-category-list-holder article .eltdf-pcl-item-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } .eltdf-portfolio-category-list-holder article .eltdf-pcli-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-portfolio-category-list-holder article .eltdf-pcli-image img { display: block; width: 100%; } .eltdf-portfolio-category-list-holder article .eltdf-pcli-text-holder { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 20px; background-color: rgba(51, 51, 51, 0.6); opacity: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .eltdf-portfolio-category-list-holder article .eltdf-pcli-text-wrapper { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .eltdf-portfolio-category-list-holder article .eltdf-pcli-text { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .eltdf-portfolio-category-list-holder article .eltdf-pcli-title { margin: 0; color: #fff; } .eltdf-portfolio-category-list-holder article .eltdf-pcli-excerpt { margin: 3px 0 0; color: #fff; } .eltdf-portfolio-category-list-holder article .eltdf-pcli-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } .eltdf-portfolio-category-list-holder:not(.eltdf-pcl-one-column) article { float: left; } .eltdf-portfolio-category-list-holder.eltdf-pcl-two-columns article { width: 50%; } @media only screen and (min-width: 1025px) { .eltdf-portfolio-category-list-holder.eltdf-pcl-two-columns article:nth-child(2n+1) { clear: both; } } .eltdf-portfolio-category-list-holder.eltdf-pcl-three-columns article { width: 33.33333%; } @media only screen and (min-width: 1025px) { .eltdf-portfolio-category-list-holder.eltdf-pcl-three-columns article:nth-child(3n+1) { clear: both; } } .eltdf-portfolio-category-list-holder.eltdf-pcl-four-columns article { width: 25%; } @media only screen and (min-width: 1281px) { .eltdf-portfolio-category-list-holder.eltdf-pcl-four-columns article:nth-child(4n+1) { clear: both; } } .eltdf-portfolio-category-list-holder.eltdf-pcl-five-columns article { width: 20%; } @media only screen and (min-width: 1281px) { .eltdf-portfolio-category-list-holder.eltdf-pcl-five-columns article:nth-child(5n+1) { clear: both; } } /* ========================================================================== Portfolio Category List shortcode style - end ========================================================================== */ /* ========================================================================== Portfolio shortcode style - begin ========================================================================== */ .eltdf-portfolio-list-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Article Global Style - begin *****/ /***** Article Global Style - end *****/ /***** Specific Global Style - begin *****/ /***** Specific Global Style - end *****/ /***** Portfolio Types - begin *****/ /***** Portfolio Types - end *****/ /***** Additional Features - begin *****/ /***** Additional Features - end *****/ } .eltdf-portfolio-list-holder article { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .touch .eltdf-portfolio-list-holder article { cursor: pointer; } .eltdf-portfolio-list-holder article .eltdf-pl-item-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-portfolio-list-holder article .eltdf-pli-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-portfolio-list-holder article .eltdf-pli-image img { display: block; width: 100%; } .eltdf-portfolio-list-holder article .eltdf-pli-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } .eltdf-portfolio-list-holder article .eltdf-pli-text-wrapper { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .eltdf-portfolio-list-holder article .eltdf-pli-text { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-title { margin: 0; } .eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-category-holder { position: relative; display: block; margin: 5px 0 0; } .eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-category-holder a { position: relative; display: inline-block; vertical-align: middle; padding: 0 6px 0 0; margin: 0 3px 0 0; font-size: 14px; font-weight: 700; color: #17436f; letter-spacing: 0.05em; font-family: "Crimson Text", cursive; text-transform: uppercase; z-index: 8; } .eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-category-holder a:after { position: absolute; top: 0; right: -4px; content: '/'; color: inherit; font-size: 12px; line-height: inherit; } .eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-category-holder a:last-child { margin: 0; padding: 0; } .eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-category-holder a:last-child:after { display: none; } .eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-excerpt { margin: 3px 0 0; } .eltdf-portfolio-list-holder.eltdf-pl-has-shadow article .eltdf-pli-image { -webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); } .eltdf-portfolio-list-holder.eltdf-pl-has-filter .eltdf-pl-inner { overflow: hidden; } .eltdf-portfolio-list-holder.eltdf-pl-no-content .eltdf-pli-text-holder { display: none; } .eltdf-portfolio-list-holder.eltdf-pl-gallery:not(.eltdf-pl-one-column) article { float: left; } .eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-two-columns article { width: 50%; } @media only screen and (min-width: 769px) { .eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-two-columns article:nth-child(2n+1) { clear: both; } } .eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-three-columns article { width: 33.33333%; } @media only screen and (min-width: 769px) { .eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-three-columns article:nth-child(3n+1) { clear: both; } } .eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-four-columns article { width: 25%; } @media only screen and (min-width: 1025px) { .eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-four-columns article:nth-child(4n+1) { clear: both; } } .eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-five-columns article { width: 20%; } @media only screen and (min-width: 1441px) { .eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-five-columns article:nth-child(5n+1) { clear: both; } } .eltdf-portfolio-list-holder.eltdf-pl-masonry .eltdf-pl-inner { opacity: 0; } .eltdf-portfolio-list-holder.eltdf-pl-masonry article, .eltdf-portfolio-list-holder.eltdf-pl-masonry .eltdf-pl-grid-sizer { width: 100%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry .eltdf-pl-grid-gutter { width: 0; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-two-columns article, .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-two-columns .eltdf-pl-grid-sizer { width: 50%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-two-columns article.eltdf-pl-masonry-large-width, .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-two-columns article.eltdf-pl-masonry-large-width-height { width: 100%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns article, .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns .eltdf-pl-grid-sizer { width: 33.33333%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns article.eltdf-pl-masonry-large-width, .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-three-columns article.eltdf-pl-masonry-large-width-height { width: 66.66667%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article, .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns .eltdf-pl-grid-sizer { width: 25%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article.eltdf-pl-masonry-large-width, .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-four-columns article.eltdf-pl-masonry-large-width-height { width: 50%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article, .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns .eltdf-pl-grid-sizer { width: 20%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article.eltdf-pl-masonry-large-width, .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-five-columns article.eltdf-pl-masonry-large-width-height { width: 40%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-images-fixed article .eltdf-pl-item-inner { height: 100%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-images-fixed article .eltdf-pli-image { height: 100%; } .eltdf-portfolio-list-holder.eltdf-pl-masonry.eltdf-pl-images-fixed article .eltdf-pli-image img { height: 100%; } .eltdf-portfolio-list-holder.eltdf-pl-has-animation article { opacity: 0; -webkit-transform: translateY(80px); transform: translateY(80px); -webkit-transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04); -webkit-transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), -webkit-transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04); transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), -webkit-transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04); transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04); transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), -webkit-transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04); } .eltdf-portfolio-list-holder.eltdf-pl-has-animation article.eltdf-item-show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .eltdf-portfolio-list-holder.eltdf-pl-has-animation article.eltdf-item-show.eltdf-item-shown { -webkit-transition: none; transition: none; } .touch .eltdf-portfolio-list-holder.eltdf-pl-has-animation article { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* ========================================================================== Portfolio shortcode style - end ========================================================================== */ /* ========================================================================== Portfolio filter style - begin ========================================================================== */ .eltdf-pl-filter-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 30px; text-align: center; } .eltdf-pl-filter-holder ul { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; list-style: none; } .eltdf-pl-filter-holder ul li { position: relative; display: inline-block; vertical-align: middle; margin: 0 0 10px; padding: 0 22px; cursor: pointer; } @media only screen and (max-width: 1440px) { .eltdf-pl-filter-holder ul li { padding: 0 16px; } } @media only screen and (max-width: 1024px) { .eltdf-pl-filter-holder ul li { padding: 0 10px; } } .eltdf-pl-filter-holder ul li span { position: relative; display: inline-block; vertical-align: middle; color: #333333; font-size: 12px; font-weight: 700; line-height: 22px; text-transform: uppercase; letter-spacing: .1em; white-space: nowrap; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .eltdf-pl-filter-holder ul li.eltdf-pl-current span, .eltdf-pl-filter-holder ul li:hover span { color: #17436f; } /* ========================================================================== Portfolio filter style - end ========================================================================== */ /* ========================================================================== Portfolio standard pagination style - begin ========================================================================== */ .eltdf-portfolio-list-holder.eltdf-pl-pag-standard .eltdf-pl-inner { opacity: 1; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltdf-portfolio-list-holder.eltdf-pl-pag-standard.eltdf-pl-pag-standard-animate .eltdf-pl-inner { opacity: 0; } .eltdf-pl-standard-pagination { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 20px 0 0; clear: both; } .eltdf-pl-standard-pagination ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; list-style: none; text-align: center; } .eltdf-pl-standard-pagination ul li { position: relative; display: inline-block; vertical-align: top; margin: 0 12px; padding: 0; } .eltdf-pl-standard-pagination ul li a { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-active a { color: #17436f; } .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-prev, .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-next { position: absolute; top: 0; } .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-prev a, .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-next a { font-size: 30px; -webkit-transition: color 0.2s ease-out, opacity 0.2s ease-out; transition: color 0.2s ease-out, opacity 0.2s ease-out; } .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-prev a span, .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-next a span { display: block; line-height: inherit; } .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-prev a span:before, .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-next a span:before { display: block; line-height: inherit; } .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-prev { left: 0; } .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-prev a { opacity: 0; } .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-next { right: 0; } .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-next a { opacity: 1; } /* ========================================================================== Portfolio standard pagination style - end ========================================================================== */ /* ========================================================================== Portfolio load more pagination style - begin ========================================================================== */ .eltdf-pl-load-more-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-pl-load-more-holder .eltdf-pl-load-more { margin: 40px 0 0; text-align: center; } /* ========================================================================== Portfolio load more pagination style - end ========================================================================== */ /* ========================================================================== Portfolio loading element style - begin ========================================================================== */ .eltdf-pl-loading { position: relative; display: none; width: 100%; margin: 40px 0 20px; color: #333333; text-align: center; } .eltdf-pl-loading.eltdf-filter-trigger { position: absolute; top: 250px; left: 0; } .eltdf-pl-loading.eltdf-standard-pag-trigger { position: absolute; top: 50px; left: 0; } .eltdf-pl-has-filter .eltdf-pl-loading.eltdf-standard-pag-trigger { top: 150px; } .eltdf-pl-loading.eltdf-showing { display: block; } .eltdf-pl-loading > div { position: relative; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 3px; background-color: #333333; border-radius: 100%; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .eltdf-pl-loading .eltdf-pl-loading-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .eltdf-pl-loading .eltdf-pl-loading-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* ========================================================================== Portfolio loading element style - end ========================================================================== */ /* ========================================================================== Portfolio Item Layout - Gallery Overlay Icon style - begin ========================================================================== */ .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-icon.eltdf-pl-has-shadow .eltdf-pl-item-inner { -webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-icon article:hover .eltdf-pli-text-holder { opacity: 1; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-icon article .eltdf-pl-item-inner { overflow: hidden; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-icon article .eltdf-pli-text .eltdf-pli-icon { color: #333333; font-size: 40px; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-icon .eltdf-pli-text-holder { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 20px; background-color: rgba(255, 255, 255, 0.93); border: 3px solid #17436f; opacity: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } /* ========================================================================== Portfolio Item Layout - Gallery Overlay Icon style - end ========================================================================== */ /* ========================================================================== Portfolio Item Layout - Gallery Overlay with Zoom style - begin ========================================================================== */ .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom.eltdf-pl-has-shadow .eltdf-pl-item-inner { -webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom article:hover .eltdf-pli-image img { -webkit-transform: scale(1.04) translateZ(0); transform: scale(1.04) translateZ(0); } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom article:hover .eltdf-pli-text-holder { opacity: 1; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom article .eltdf-pl-item-inner { overflow: hidden; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom article .eltdf-pli-image { overflow: hidden; -webkit-backface-visibility: hidden; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom article .eltdf-pli-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform ease 0.3s; transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; transition: transform ease 0.3s, -webkit-transform ease 0.3s; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom article .eltdf-pli-text .eltdf-pli-title, .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom article .eltdf-pli-text .eltdf-pli-excerpt { color: #333333; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom article .eltdf-pli-text .eltdf-pli-category-holder a { color: #17436f; font-family: "Crimson Text", cursive; font-size: 16px; letter-spacing: .1em; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom article .eltdf-pli-text .eltdf-pli-category-holder a:hover { color: #333333; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay-zoom .eltdf-pli-text-holder { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 20px; background-color: rgba(255, 255, 255, 0.93); border: 3px solid #17436f; opacity: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } /* ========================================================================== Portfolio Item Layout - Gallery Overlay with Zoom style - end ========================================================================== */ /* ========================================================================== Portfolio Item Layout - Gallery Overlay style - begin ========================================================================== */ .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay.eltdf-pl-has-shadow .eltdf-pl-item-inner { -webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay article:hover .eltdf-pli-text-holder { opacity: 1; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay article .eltdf-pl-item-inner { overflow: hidden; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay article .eltdf-pli-text .eltdf-pli-title, .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay article .eltdf-pli-text .eltdf-pli-excerpt { color: #333333; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay article .eltdf-pli-text .eltdf-pli-category-holder a { color: #17436f; font-family: "Crimson Text", cursive; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay article .eltdf-pli-text .eltdf-pli-category-holder a:hover { color: #333333; } .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay .eltdf-pli-text-holder { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 20px; background-color: rgba(255, 255, 255, 0.93); border: 3px solid #17436f; opacity: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } /* ========================================================================== Portfolio Item Layout - Gallery Overlay style - end ========================================================================== */ /* ========================================================================== Portfolio Item Layout - Standard Shader style - begin ========================================================================== */ .eltdf-portfolio-list-holder.eltdf-pl-standard-shader article:hover .eltdf-pli-image:after { opacity: 1; } .eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-image:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 1; } .eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-link { z-index: 2; } .eltdf-portfolio-list-holder.eltdf-pl-standard-shader .eltdf-pli-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 35px 0 0; } .eltdf-portfolio-list-holder.eltdf-pl-standard-shader .eltdf-pli-text-holder .eltdf-pli-category-holder { margin: 0; } /* ========================================================================== Portfolio Item Layout - Standard Shader style - end ========================================================================== */ /* ========================================================================== Portfolio Item Layout - Standard Switch Images style - begin ========================================================================== */ .eltdf-portfolio-list-holder.eltdf-pl-standard-switch-images article .eltdf-pli-image img { -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; -webkit-backface-visibility: hidden; } .eltdf-portfolio-list-holder.eltdf-pl-standard-switch-images article .eltdf-pli-image img:nth-child(1) { opacity: 1; } .eltdf-portfolio-list-holder.eltdf-pl-standard-switch-images article .eltdf-pli-image img:nth-child(2) { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .eltdf-portfolio-list-holder.eltdf-pl-standard-switch-images article.eltdf-pl-has-switch-image:hover .eltdf-pli-image img:nth-child(1) { opacity: 1; } .eltdf-portfolio-list-holder.eltdf-pl-standard-switch-images article.eltdf-pl-has-switch-image:hover .eltdf-pli-image img:nth-child(2) { opacity: 1; } .eltdf-portfolio-list-holder.eltdf-pl-standard-switch-images .eltdf-pli-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 35px 0 0; display: none !important; } .eltdf-portfolio-list-holder.eltdf-pl-standard-switch-images .eltdf-pli-text-holder .eltdf-pli-category-holder { margin: 0; } /* ========================================================================== Portfolio Item Layout - Standard Switch Images style - end ========================================================================== */ /* ========================================================================== Portfolio Item Layout - Standard Zoom and Shader style - begin ========================================================================== */ .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom-shader article:hover .eltdf-pli-image img { -webkit-transform: scale(1.03) translateZ(0); transform: scale(1.03) translateZ(0); } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom-shader article:hover .eltdf-pli-image:after { opacity: 1; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom-shader article .eltdf-pli-image { overflow: hidden; -webkit-backface-visibility: hidden; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom-shader article .eltdf-pli-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom-shader article .eltdf-pli-image:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 1; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom-shader article .eltdf-pli-link { z-index: 2; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom-shader .eltdf-pli-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 35px 0 0; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom-shader .eltdf-pli-text-holder .eltdf-pli-category-holder { margin: 0; } /* ========================================================================== Portfolio Item Layout - Standard Zoom and Shader style - end ========================================================================== */ /* ========================================================================== Portfolio Item Layout - Standard Zoom style - begin ========================================================================== */ .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom article:hover .eltdf-pli-image img { -webkit-transform: scale(1.03) translateZ(0); transform: scale(1.03) translateZ(0); } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom article .eltdf-pli-image { overflow: hidden; -webkit-backface-visibility: hidden; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom article .eltdf-pli-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom article .eltdf-pli-link { z-index: 2; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom .eltdf-pli-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 35px 0 0; } .eltdf-portfolio-list-holder.eltdf-pl-standard-zoom .eltdf-pli-text-holder .eltdf-pli-category-holder { margin: 0; } /* ========================================================================== Portfolio Item Layout - Standard Zoom style - end ========================================================================== */ /* ========================================================================== Portfolio Project Info shortcode style - begin ========================================================================== */ .eltdf-portfolio-project-info { position: relative; display: inline-block; vertical-align: middle; } .eltdf-portfolio-project-info .eltdf-ppi-label { margin: 0; padding: 0; } .eltdf-portfolio-project-info > div { position: relative; display: inline-block; vertical-align: middle; } .eltdf-portfolio-project-info > div a { position: relative; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; } .eltdf-portfolio-project-info > div a:last-child { margin: 0; } .eltdf-portfolio-project-info .eltdf-ppi-title { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .eltdf-portfolio-project-info .eltdf-ppi-image { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .eltdf-portfolio-project-info .eltdf-ppi-image img { display: block; } /* ========================================================================== Portfolio Project Info shortcode style - end ========================================================================== */ /* ========================================================================== Portfolio Slider shortcode style - begin ========================================================================== */ .eltdf-portfolio-slider-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-portfolio-slider-holder .eltdf-pl-inner { margin: 0 !important; } .eltdf-portfolio-slider-holder article { width: auto !important; padding: 0 !important; margin: 0 !important; float: none !important; } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-nav-light-skin .owl-nav .owl-prev, .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-nav-light-skin .owl-nav .owl-next { color: #fff; } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-nav-light-skin .owl-nav .owl-prev:hover, .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-nav-light-skin .owl-nav .owl-next:hover { color: rgba(255, 255, 255, 0.8); } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-nav-dark-skin .owl-nav .owl-prev, .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-nav-dark-skin .owl-nav .owl-next { color: #333; } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-nav-dark-skin .owl-nav .owl-prev:hover, .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-nav-dark-skin .owl-nav .owl-next:hover { color: rgba(51, 51, 51, 0.8); } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-pag-light-skin .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.2); } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-pag-light-skin .owl-dots .owl-dot.active span, .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-pag-light-skin .owl-dots .owl-dot:hover span { background-color: rgba(255, 255, 255, 0.8); } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-pag-dark-skin .owl-dots .owl-dot span { background-color: rgba(51, 51, 51, 0.2); } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-pag-dark-skin .owl-dots .owl-dot.active span, .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-pag-dark-skin .owl-dots .owl-dot:hover span { background-color: rgba(51, 51, 51, 0.8); } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-pag-on-slider .owl-nav .owl-prev, .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-pag-on-slider .owl-nav .owl-next { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .eltdf-portfolio-slider-holder .eltdf-portfolio-list-holder.eltdf-pag-on-slider .owl-dots { position: absolute; left: 0; bottom: 20px; width: 100%; margin: 0; } /* ========================================================================== Portfolio Slider shortcode style - end ========================================================================== */ /* ========================================================================== Testimonials boxed style - begin ========================================================================== */ .eltdf-testimonials-holder.eltdf-testimonials-boxed { padding: 60px 15px; margin: 0 -15px; /* Light/Dark styles */ } .eltdf-testimonials-holder.eltdf-testimonials-boxed .eltdf-testimonials { margin: 0; } .eltdf-testimonials-holder.eltdf-testimonials-boxed .eltdf-testimonials .eltdf-testimonial-text-holder { width: 100%; text-align: center; } .eltdf-testimonials-holder.eltdf-testimonials-boxed .owl-item { padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-testimonials-holder.eltdf-testimonials-boxed .eltdf-testimonial-content { padding: 74px 50px 70px; background-color: #fbfbfb; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .eltdf-testimonials-holder.eltdf-testimonials-boxed .eltdf-testimonial-content .eltdf-testimonial-image { padding: 0 0 20px 0; float: none; margin: 0 auto; } .eltdf-testimonials-holder.eltdf-testimonials-boxed .eltdf-testimonials-author-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; } .eltdf-testimonials-holder.eltdf-testimonials-boxed .eltdf-testimonials-author-holder .eltdf-testimonial-image { float: left; } .eltdf-testimonials-holder.eltdf-testimonials-boxed .eltdf-testimonials-icon { display: block; text-align: center; margin-bottom: 10px; } .eltdf-testimonials-holder.eltdf-testimonials-boxed .eltdf-testimonial-text { margin: 3% 0 0; } /* ========================================================================== Testimonials boxed style - end ========================================================================== */ /* ========================================================================== Testimonials standard style - begin ========================================================================== */ .eltdf-testimonials-holder.eltdf-testimonials-standard { text-align: center; border: 2px solid #e9e8e8; /* Light/Dark styles */ } .eltdf-testimonials-holder.eltdf-testimonials-standard .eltdf-testimonial-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-testimonials-holder.eltdf-testimonials-standard .eltdf-testimonial-image img { display: block; margin: 0 auto; } .eltdf-testimonials-holder.eltdf-testimonials-standard .eltdf-testimonial-title { margin: 0; color: #17436f; } .eltdf-testimonials-holder.eltdf-testimonials-standard .eltdf-testimonials .owl-dots { width: 65%; margin: 0 auto; text-align: left; margin-left: 195px; } .eltdf-testimonials-holder.eltdf-testimonials-standard.eltdf-testimonials-light { background-color: #006767; } /* ========================================================================== Testimonials standard style - end ========================================================================== */ /* ========================================================================== Testimonials shortcode style - begin ========================================================================== */ .eltdf-testimonials-holder { padding: 73px 189px 59px 105px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-testimonials-holder .eltdf-testimonials, .eltdf-testimonials-holder .eltdf-testimonial-content, .eltdf-testimonials-holder .eltdf-testimonial-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-testimonials-holder .eltdf-testimonials { -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-testimonials-holder .eltdf-testimonials .eltdf-testimonial-author { display: block; margin: 12px 0 0; text-transform: uppercase; } .eltdf-testimonials-holder .eltdf-testimonials .eltdf-testimonial-author .eltdf-testimonials-author-name { font-family: "Crimson Text", cursive; color: #17436f; font-size: 16px; font-weight: 600; } .eltdf-testimonials-holder .eltdf-testimonials .eltdf-testimonial-author .eltdf-testimonials-author-job { font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 600; } .eltdf-testimonials-holder .eltdf-testimonials .eltdf-testimonial-text-holder { float: left; width: calc(100% - 195px); text-align: left; } .eltdf-testimonials-holder .eltdf-testimonials .eltdf-testimonial-text-holder .eltdf-testimonial-text { margin: 0 0 14px; font-size: 1.15em; line-height: 1.75em; } .eltdf-testimonials-holder .eltdf-testimonials .eltdf-testimonial-image { float: left; width: 115px; vertical-align: middle; margin: 0; padding: 0 80px 0 0; } .eltdf-testimonials-holder .eltdf-testimonials .eltdf-testimonial-image img { width: auto !important; border-radius: 100%; } .eltdf-testimonials-holder .eltdf-testimonials .owl-dots { width: 100%; margin: 0; text-align: center; } .eltdf-testimonials-holder .eltdf-testimonials .owl-dots .owl-dot span { width: 8px; height: 8px; background-color: #cfcfcf; border: #cfcfcf; margin: 0 3px; } .eltdf-testimonials-holder .eltdf-testimonials .owl-dots .owl-dot.active span { width: 10px; height: 10px; background-color: #17436f; border: #17436f; } .eltdf-testimonials-holder .eltdf-testimonial-quote-image { color: #17436f; } .eltdf-testimonials-holder.eltdf-testimonials-light .eltdf-testimonial-content { background-color: #006767; } .eltdf-testimonials-holder.eltdf-testimonials-light .eltdf-testimonial-title, .eltdf-testimonials-holder.eltdf-testimonials-light .eltdf-testimonial-text, .eltdf-testimonials-holder.eltdf-testimonials-light .eltdf-testimonial-author { color: #fff; } .eltdf-testimonials-holder.eltdf-testimonials-light .eltdf-testimonial-text-holder .eltdf-testimonial-author .eltdf-testimonials-author-name, .eltdf-testimonials-holder.eltdf-testimonials-light .eltdf-testimonial-text-holder .eltdf-testimonial-author .eltdf-testimonials-author-job { color: #fff; } .eltdf-testimonials-holder.eltdf-testimonials-light .owl-dots .owl-dot span { border: 2px solid rgba(255, 255, 255, 0.5); } .eltdf-testimonials-holder.eltdf-testimonials-light .owl-dots .owl-dot:hover span, .eltdf-testimonials-holder.eltdf-testimonials-light .owl-dots .owl-dot.active span { background-color: #fff; border-color: #fff; } /* ========================================================================== Testimonials shortcode style - end ========================================================================== */ /* ========================================================================== Global partials ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== Custom Post Types styles ========================================================================== */ /* ========================================================================== Global partials ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== Shortcodes styles ========================================================================== */ /* ========================================================================== Accordions shortcode style - begin ========================================================================== */ .eltdf-accordion-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-accordion-holder .eltdf-accordion-title { position: relative; display: inline-block; width: 100%; vertical-align: middle; cursor: pointer; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out; transition: color 0.2s ease-out, background-color 0.2s ease-out; } .eltdf-accordion-holder .eltdf-accordion-title .eltdf-tab-title { display: block; line-height: inherit; } .eltdf-accordion-holder .eltdf-accordion-title .eltdf-accordion-mark { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin: -1px 0 0; line-height: 20px; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .eltdf-accordion-holder .eltdf-accordion-title .eltdf-accordion-mark span { position: absolute; display: block; width: 100%; height: 100%; font-size: inherit; line-height: inherit; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltdf-accordion-holder .eltdf-accordion-title .eltdf-accordion-mark span:before { display: block; line-height: inherit; } .eltdf-accordion-holder .eltdf-accordion-title .eltdf-accordion-mark span.eltdf_icon_minus { opacity: 0; } .eltdf-accordion-holder .eltdf-accordion-title .eltdf-accordion-mark span.eltdf_icon_plus { opacity: 1; } .eltdf-accordion-holder .eltdf-accordion-title.ui-state-active .eltdf-accordion-mark span.eltdf_icon_minus, .eltdf-accordion-holder .eltdf-accordion-title.ui-state-hover .eltdf-accordion-mark span.eltdf_icon_minus { opacity: 1; } .eltdf-accordion-holder .eltdf-accordion-title.ui-state-active .eltdf-accordion-mark span.eltdf_icon_plus, .eltdf-accordion-holder .eltdf-accordion-title.ui-state-hover .eltdf-accordion-mark span.eltdf_icon_plus { opacity: 0; } .eltdf-accordion-holder span.eltdf-accordion-title { font-family: "Crimson Text", cursive; font-weight: 700; color: #333333; letter-spacing: 0.1em; text-transform: uppercase; } .eltdf-accordion-holder .eltdf-accordion-content { margin: 0; padding: 21px 0 0; border: none; } .eltdf-accordion-holder .eltdf-accordion-content p { margin: 0; } .eltdf-accordion-holder.eltdf-ac-boxed.eltdf-white-skin .eltdf-accordion-title { background-color: #fff; border: none; } .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-title { margin: 24px 0 0; padding: 16px 20px 16px 44px; background-color: #f3f3f3; border: none; } .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-title:first-child { margin: 0; } .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-title .eltdf-accordion-mark { left: 12px; } .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-title.ui-state-active, .eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-title.ui-state-hover { color: #fff; background-color: #006767; } .eltdf-accordion-holder.eltdf-ac-simple .eltdf-accordion-title { border: none; border-bottom: 1px solid #808285; padding: 20px 20px 20px 44px; } .eltdf-accordion-holder.eltdf-ac-simple .eltdf-accordion-title .eltdf-accordion-mark { left: 12px; } .eltdf-accordion-holder.eltdf-ac-simple .eltdf-accordion-content { border-bottom: 1px solid #808285; padding: 21px 0; } /* ========================================================================== Accordions shortcode style - end ========================================================================== */ /* ========================================================================== Banner shortcode style - begin ========================================================================== */ .eltdf-banner-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .touch .eltdf-banner-holder { cursor: pointer; } .eltdf-banner-holder.eltdf-visible-on-hover:hover .eltdf-banner-text-holder { opacity: 1; } .eltdf-banner-holder.eltdf-visible-on-hover .eltdf-banner-text-holder { opacity: 0; background-color: rgba(51, 51, 51, 0.4); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-shader .eltdf-banner-text-holder:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-shader:hover .eltdf-banner-text-holder:after { opacity: 1; } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-zoom { overflow: hidden; } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-zoom .eltdf-banner-image { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-zoom:hover .eltdf-banner-image { -webkit-transform: scale(1.03) translateZ(0); transform: scale(1.03) translateZ(0); } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-zoom-shader { overflow: hidden; } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-zoom-shader .eltdf-banner-image { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-zoom-shader .eltdf-banner-text-holder:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-zoom-shader:hover .eltdf-banner-image { -webkit-transform: scale(1.03) translateZ(0); transform: scale(1.03) translateZ(0); } .eltdf-banner-holder.eltdf-visible-on-default.eltdf-banner-hover-zoom-shader:hover .eltdf-banner-text-holder:after { opacity: 1; } .eltdf-banner-holder.eltdf-disabled .eltdf-banner-text-holder { display: none; } .eltdf-banner-holder.eltdf-banner-info-centered .eltdf-banner-text-holder { padding: 70px 20px; text-align: center; } .eltdf-banner-holder .eltdf-banner-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-banner-holder .eltdf-banner-image img { display: block; } .eltdf-banner-holder .eltdf-banner-text-holder { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 768px) { .eltdf-banner-holder .eltdf-banner-text-holder { padding: 25px; } } .eltdf-banner-holder .eltdf-banner-text-outer { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .eltdf-banner-holder .eltdf-banner-text-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: top; } .eltdf-banner-holder .eltdf-banner-subtitle { position: relative; margin: 0; z-index: 10; } .eltdf-banner-holder .eltdf-banner-title { position: relative; line-height: 1em; margin: 0; z-index: 10; } .eltdf-banner-holder .eltdf-banner-title .eltdf-banner-title-light { font-weight: 300; } .eltdf-banner-holder .eltdf-banner-link-text { position: relative; display: inline-block; vertical-align: top; margin: 11px 0 0; color: #fff; line-height: 1em; z-index: 2; -webkit-transform: translateZ(0); transform: translateZ(0); } .eltdf-banner-holder .eltdf-banner-link-text:hover .eltdf-banner-link-hover { width: 100%; } .eltdf-banner-holder .eltdf-banner-link-text .eltdf-banner-link-original { position: relative; display: inline-block; vertical-align: top; width: 100%; } .eltdf-banner-holder .eltdf-banner-link-text .eltdf-banner-link-original span { color: inherit; } .eltdf-banner-holder .eltdf-banner-link-text .eltdf-banner-link-hover { position: absolute; top: 0; left: 0; width: 0.1%; height: 100%; display: inline-block; vertical-align: top; white-space: nowrap; overflow: hidden; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } .eltdf-banner-holder .eltdf-banner-link-text .eltdf-banner-link-hover span { color: #17436f; } .eltdf-banner-holder .eltdf-banner-link-text .eltdf-banner-link-icon, .eltdf-banner-holder .eltdf-banner-link-text .eltdf-banner-link-label { position: relative; display: inline-block; vertical-align: top; } .eltdf-banner-holder .eltdf-banner-link-text .eltdf-banner-link-icon { margin: 0 2px 0 0; font-size: 15px; } .eltdf-banner-holder .eltdf-banner-link-text .eltdf-banner-link-label { font-size: 14px; line-height: inherit; } .eltdf-banner-holder .eltdf-banner-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } /* ========================================================================== Banner shortcode style - end ========================================================================== */ /* ========================================================================== Button shortcode style - begin ========================================================================== */ .eltdf-btn { font-family: inherit; position: relative; display: inline-block; vertical-align: middle; width: auto; outline: none; font-size: 14px; line-height: 2.2em; letter-spacing: 0.1em; font-weight: 600; text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; padding: 13px 46px; cursor: pointer; } .eltdf-btn.eltdf-btn-simple { padding: 0 !important; font-size: 12px; color: #333333; background-color: transparent; border: 0; vertical-align: middle; } .eltdf-btn.eltdf-btn-simple .eltdf-btn-text { display: inline-block; vertical-align: middle; } .eltdf-btn.eltdf-btn-simple.eltdf-btn-underline:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: currentColor; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } .eltdf-btn.eltdf-btn-simple.eltdf-btn-underline:hover:after { width: 100%; } .eltdf-btn.eltdf-btn-simple:not(.eltdf-btn-custom-hover-color):not(.eltdf-btn-underline):hover { color: #17436f !important; } .eltdf-btn.eltdf-btn-simple:not(.eltdf-btn-custom-hover-bg):hover { background-color: transparent !important; } .eltdf-btn.eltdf-btn-simple:not(.eltdf-btn-custom-border-hover):hover { border-color: transparent !important; } .eltdf-btn.eltdf-btn-solid { color: #fff; background-color: #17436f; border: none; } .eltdf-btn.eltdf-btn-solid:not(.eltdf-btn-custom-hover-color):hover { color: #fff !important; } .eltdf-btn.eltdf-btn-solid:not(.eltdf-btn-custom-hover-bg):hover { background-color: #333333 !important; } .eltdf-btn.eltdf-btn-outline { color: #17436f; background-color: transparent; } .eltdf-btn.eltdf-btn-outline .eltdf-btn-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #17436f; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .eltdf-btn.eltdf-btn-outline.eltdf-btn-double-border .eltdf-btn-border.eltdf-btn-border-first { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } .eltdf-btn.eltdf-btn-outline.eltdf-btn-double-border .eltdf-btn-border.eltdf-btn-border-second { -webkit-transform: translate(2px, 2px); transform: translate(2px, 2px); } .eltdf-btn.eltdf-btn-outline.eltdf-btn-double-border:hover .eltdf-btn-border.eltdf-btn-border-first { -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } .eltdf-btn.eltdf-btn-outline.eltdf-btn-double-border:hover .eltdf-btn-border.eltdf-btn-border-second { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } .eltdf-btn.eltdf-btn-outline:not(.eltdf-btn-double-border):not(.eltdf-btn-custom-hover-color):hover { color: #333333 !important; } .eltdf-btn.eltdf-btn-outline:not(.eltdf-btn-double-border):not(.eltdf-btn-custom-border-hover):hover .eltdf-btn-border { border-color: #333333 !important; } .eltdf-btn.eltdf-btn-small { font-size: 12px; padding: 10px 34px; } .eltdf-btn.eltdf-btn-large { padding: 15px 56px; } .eltdf-btn.eltdf-btn-huge { display: block; text-align: center; padding: 15px 26px; } .eltdf-btn.eltdf-btn-icon > i, .eltdf-btn.eltdf-btn-icon > span:not(.eltdf-btn-text) { position: relative; display: inline-block; vertical-align: top; margin: 0 0 0 4px; font-size: 1.142857142857143em; line-height: inherit; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-btn.eltdf-btn-icon > i:before, .eltdf-btn.eltdf-btn-icon > span:not(.eltdf-btn-text):before { display: block; line-height: inherit; } .eltdf-btn.eltdf-btn-icon.eltdf-btn-icon-animate:hover > i, .eltdf-btn.eltdf-btn-icon.eltdf-btn-icon-animate:hover > span:not(.eltdf-btn-text) { -webkit-transform: translateX(3px); transform: translateX(3px); } /* ========================================================================== Button shortcode style - end ========================================================================== */ /* ========================================================================== Call To Action shortcode style - begin ========================================================================== */ .eltdf-call-to-action-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Layout Style - begin *****/ /***** Layout Style - end *****/ /***** Columns Space - begin *****/ /***** Columns Space - end *****/ } .eltdf-call-to-action-holder .eltdf-cta-text-holder, .eltdf-call-to-action-holder .eltdf-cta-button-holder { position: relative; display: inline-block; vertical-align: middle; } .eltdf-call-to-action-holder .eltdf-cta-text-holder h1, .eltdf-call-to-action-holder .eltdf-cta-text-holder h2, .eltdf-call-to-action-holder .eltdf-cta-text-holder h3, .eltdf-call-to-action-holder .eltdf-cta-text-holder h4, .eltdf-call-to-action-holder .eltdf-cta-text-holder h5, .eltdf-call-to-action-holder .eltdf-cta-text-holder h6 { margin: 0; } .eltdf-call-to-action-holder .eltdf-cta-button-holder .eltdf-btn { white-space: nowrap; } .eltdf-call-to-action-holder.eltdf-normal-layout .eltdf-cta-inner { display: table; } .eltdf-call-to-action-holder.eltdf-normal-layout:not(.eltdf-content-in-grid) .eltdf-cta-inner { width: 100%; } .eltdf-call-to-action-holder.eltdf-normal-layout .eltdf-cta-text-holder, .eltdf-call-to-action-holder.eltdf-normal-layout .eltdf-cta-button-holder { display: table-cell; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-call-to-action-holder.eltdf-normal-layout .eltdf-cta-button-holder { text-align: right; } .eltdf-call-to-action-holder.eltdf-simple-layout .eltdf-cta-inner { text-align: center; } .eltdf-call-to-action-holder.eltdf-simple-layout .eltdf-cta-text-holder, .eltdf-call-to-action-holder.eltdf-simple-layout .eltdf-cta-button-holder { width: 100%; } .eltdf-call-to-action-holder.eltdf-simple-layout .eltdf-cta-button-holder { margin: 28px 0 0; } .eltdf-call-to-action-holder.eltdf-two-halves-columns .eltdf-cta-text-holder, .eltdf-call-to-action-holder.eltdf-two-halves-columns .eltdf-cta-button-holder { width: 50%; } .eltdf-call-to-action-holder.eltdf-two-thirds-columns .eltdf-cta-text-holder { width: 66.66666666666667%; } .eltdf-call-to-action-holder.eltdf-two-thirds-columns .eltdf-cta-button-holder { width: 33.33333333333333%; } .eltdf-call-to-action-holder.eltdf-three-quarters-columns .eltdf-cta-text-holder { width: 75%; } .eltdf-call-to-action-holder.eltdf-three-quarters-columns .eltdf-cta-button-holder { width: 25%; } .eltdf-call-to-action-holder.eltdf-four-fifths-columns .eltdf-cta-text-holder { width: 80%; } .eltdf-call-to-action-holder.eltdf-four-fifths-columns .eltdf-cta-button-holder { width: 20%; } /* ========================================================================== Call To Action shortcode style - end ========================================================================== */ /* ========================================================================== Clients Carousel shortcode style - begin ========================================================================== */ .eltdf-clients-carousel-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Hover Types - begin *****/ /***** Hover Types - end *****/ } .eltdf-clients-carousel-holder .eltdf-cc-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-clients-carousel-holder .eltdf-cc-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .touch .eltdf-clients-carousel-holder .eltdf-cc-item { cursor: pointer; } .eltdf-clients-carousel-holder .eltdf-cc-item .eltdf-cc-item { position: relative; display: block; } .eltdf-clients-carousel-holder.eltdf-cc-hover-switch-images .eltdf-cc-item:hover .eltdf-cc-image { opacity: 0; } .eltdf-clients-carousel-holder.eltdf-cc-hover-switch-images .eltdf-cc-item:hover .eltdf-cc-hover-image { opacity: 1; } .eltdf-clients-carousel-holder.eltdf-cc-hover-switch-images .eltdf-cc-item .eltdf-cc-image { position: relative; display: block; width: auto; margin: 0 auto; opacity: 1; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .eltdf-clients-carousel-holder.eltdf-cc-hover-switch-images .eltdf-cc-item .eltdf-cc-hover-image { position: absolute; top: 0; left: 50%; width: auto; opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .eltdf-clients-carousel-holder.eltdf-cc-hover-roll-over .eltdf-cc-item { overflow: hidden; } .eltdf-clients-carousel-holder.eltdf-cc-hover-roll-over .eltdf-cc-item:hover .eltdf-cc-image { -webkit-transform: translateY(100%); transform: translateY(100%); } .eltdf-clients-carousel-holder.eltdf-cc-hover-roll-over .eltdf-cc-item:hover .eltdf-cc-hover-image { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .eltdf-clients-carousel-holder.eltdf-cc-hover-roll-over .eltdf-cc-item .eltdf-cc-image { position: relative; display: block; width: auto; margin: 0 auto; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .eltdf-clients-carousel-holder.eltdf-cc-hover-roll-over .eltdf-cc-item .eltdf-cc-hover-image { position: absolute; top: 0; left: 50%; width: auto; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } /* ========================================================================== Clients Carousel shortcode style - end ========================================================================== */ /* ========================================================================== Countdown shortcode style - begin ========================================================================== */ .eltdf-countdown { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-countdown.eltdf-light-skin .countdown-row .countdown-section .countdown-amount, .eltdf-countdown.eltdf-light-skin .countdown-row .countdown-section .countdown-period { color: #fff; } .eltdf-countdown .countdown-rtl { direction: rtl; } .eltdf-countdown .countdown-row { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: center; clear: both; } .eltdf-countdown .countdown-row.countdown-show1 .countdown-section { width: 100%; } .eltdf-countdown .countdown-row.countdown-show2 .countdown-section { width: 50%; } .eltdf-countdown .countdown-row.countdown-show3 .countdown-section { width: 33.33333%; } .eltdf-countdown .countdown-row.countdown-show4 .countdown-section { width: 25%; } .eltdf-countdown .countdown-row.countdown-show5 .countdown-section { width: 20%; } .eltdf-countdown .countdown-row.countdown-show6 .countdown-section { width: 16.66667%; } .eltdf-countdown .countdown-row .countdown-section { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-countdown .countdown-row .countdown-section .countdown-amount { position: relative; display: block; color: #333333; font-family: "Crimson Text", cursive; font-size: 60px; line-height: 1em; letter-spacing: 0.1em; } .eltdf-countdown .countdown-row .countdown-section .countdown-period { display: block; font-family: "Crimson Text", cursive; font-weight: 400; color: #333333; font-size: 22px; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 7px; } /* ========================================================================== Countdown shortcode style - end ========================================================================== */ /* ========================================================================== Counter shortcode style - begin ========================================================================== */ .eltdf-counter-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; opacity: 0; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .eltdf-counter-holder .eltdf-counter-inner { position: relative; display: inline-block; vertical-align: middle; } .eltdf-counter-holder .eltdf-counter { display: inline-block !important; vertical-align: middle; font-size: 60px; font-family: "Crimson Text", cursive; color: #4e4e4e; line-height: 1em; letter-spacing: 0.1em; overflow: hidden; } .eltdf-counter-holder .eltdf-counter-title { display: block; margin: 5px 0 0; } .eltdf-counter-holder .eltdf-counter-text { margin: 10px 0 0; font-size: 15px; } /* ========================================================================== Counter shortcode style - end ========================================================================== */ /* ========================================================================== Custom Font shortcode style - begin ========================================================================== */ .eltdf-custom-font-holder .eltdf-cf-typed-wrap { width: 0; white-space: nowrap; } .eltdf-custom-font-holder .eltdf-cf-typed { display: inline-block; } .eltdf-custom-font-holder .eltdf-cf-typed span { display: none; } .eltdf-custom-font-holder .eltdf-cf-typed ~ .typed-cursor { display: inline-block; opacity: 1; -webkit-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @-webkit-keyframes blink { 0% { opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0; filter: alpha(opacity=0); } 100% { opacity: 1; filter: alpha(opacity=100); } } @keyframes blink { 0% { opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0; filter: alpha(opacity=0); } 100% { opacity: 1; filter: alpha(opacity=100); } } /* ========================================================================== Custom Font shortcode style - end ========================================================================== */ /* ========================================================================== Dropcaps shortcode style - begin ========================================================================== */ .eltdf-dropcaps { position: relative; display: inline-block; vertical-align: top; float: left; line-height: 42px; font-size: 42px; color: #676767; font-weight: 300; text-align: center; margin: 5px 15px 0 0; } .eltdf-dropcaps.eltdf-square, .eltdf-dropcaps.eltdf-circle { height: 35px; width: 35px; font-size: 22px; line-height: 35px; font-weight: 600; color: #fff; background-color: #333333; margin: 10px 12px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-dropcaps.eltdf-circle { border-radius: 3em; } /* ========================================================================== Dropcaps shortcode style - end ========================================================================== */ /* ========================================================================== Elements Holder shortcode style - begin ========================================================================== */ .eltdf-elements-holder { width: 100%; display: table; table-layout: fixed; } .eltdf-elements-holder.eltdf-eh-full-height { height: 100%; } .eltdf-elements-holder.eltdf-ehi-float .eltdf-eh-item { float: left; } .eltdf-elements-holder.eltdf-two-columns .eltdf-eh-item { width: 50%; } .eltdf-elements-holder.eltdf-three-columns .eltdf-eh-item { width: 33.33333%; } .eltdf-elements-holder.eltdf-four-columns .eltdf-eh-item { width: 25%; } .eltdf-elements-holder.eltdf-five-columns .eltdf-eh-item { width: 20%; } .eltdf-elements-holder.eltdf-six-columns .eltdf-eh-item { width: 16.66667%; } .eltdf-elements-holder .eltdf-eh-item { display: table-cell; vertical-align: middle; height: 100%; background-position: center; background-size: cover; } .eltdf-elements-holder .eltdf-eh-item.eltdf-vertical-alignment-top { vertical-align: top; } .eltdf-elements-holder .eltdf-eh-item.eltdf-vertical-alignment-bottom { vertical-align: bottom; } .eltdf-elements-holder .eltdf-eh-item.eltdf-horizontal-alignment-center { text-align: center; } .eltdf-elements-holder .eltdf-eh-item.eltdf-horizontal-alignment-right { text-align: right; } .eltdf-elements-holder .eltdf-eh-item .eltdf-elements-holder-item-inner { width: 100%; } .eltdf-elements-holder .eltdf-ehi-content { padding: 0 20px; } /* ========================================================================== Elements Holder shortcode style - end ========================================================================== */ /* ========================================================================== Full Screen Image Slider shortcode style - begin ========================================================================== */ .eltdf-full-screen-image-slider { position: relative; display: inline-block; width: 100%; vertical-align: middle; opacity: 0; } .eltdf-full-screen-image-slider.eltdf-fsis-is-init { opacity: 1; } .eltdf-full-screen-image-slider.eltdf-fsis-active .eltdf-fsis-slider .owl-nav .owl-prev { left: -100px; } .eltdf-full-screen-image-slider.eltdf-fsis-active .eltdf-fsis-slider .owl-nav .owl-next { right: -100px; } .eltdf-full-screen-image-slider.eltdf-fsis-active .eltdf-fsis-slider .owl-dots { bottom: -30px; } .eltdf-full-screen-image-slider.eltdf-fsis-active .eltdf-fsis-prev-nav { left: -100px; } .eltdf-full-screen-image-slider.eltdf-fsis-active .eltdf-fsis-next-nav { right: -100px; } .eltdf-full-screen-image-slider .eltdf-fsis-slider { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100vh; z-index: inherit; } .admin-bar .eltdf-full-screen-image-slider .eltdf-fsis-slider { height: calc(100vh - 32px); } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-stage-outer { overflow: visible; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-nav .owl-prev, .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-nav .owl-next { width: 40px; text-align: center; -webkit-transition: left 0.4s ease, right 0.4s ease; transition: left 0.4s ease, right 0.4s ease; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-nav .owl-prev { left: 25px; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-nav .owl-prev:hover { left: 15px; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-nav .owl-next { right: 25px; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-nav .owl-next:hover { right: 15px; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-dots { position: absolute; left: 0; bottom: calc(8% - 14px); width: 100%; margin: 0; counter-reset: section; z-index: 3; -webkit-transition: bottom 0.4s ease; transition: bottom 0.4s ease; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-dots .owl-dot { margin: 0 14px; color: #676767; font-size: 16px; line-height: 28px; font-weight: 500; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-dots .owl-dot:hover, .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-dots .owl-dot.active { color: #333333; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-dots .owl-dot span { display: none; } .eltdf-full-screen-image-slider .eltdf-fsis-slider .owl-dots .owl-dot:after { counter-increment: section; content: "0" counter(section); } .eltdf-full-screen-image-slider .eltdf-fsis-thumb-nav { position: absolute; top: 20%; height: 60%; width: 100px; display: block; z-index: 1; background-position: 20% 20%; } .eltdf-full-screen-image-slider .eltdf-fsis-prev-nav { left: 0; -webkit-transition: background 0.3s ease, left 0.4s ease; transition: background 0.3s ease, left 0.4s ease; } .eltdf-full-screen-image-slider .eltdf-fsis-next-nav { right: 0; -webkit-transition: background 0.3s ease, right 0.4s ease; transition: background 0.3s ease, right 0.4s ease; } .eltdf-full-screen-image-slider .eltdf-fsis-slider-mask { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .eltdf-full-screen-image-slider .eltdf-fsis-slider-mask.eltdf-drag { z-index: 2; } .eltdf-full-screen-image-slider .eltdf-fsis-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100vh; overflow: hidden; } .admin-bar .eltdf-full-screen-image-slider .eltdf-fsis-item { height: calc(100vh - 32px); } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-content-image-init .eltdf-fsis-image-top { top: -2%; } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-content-image-init .eltdf-fsis-image-left { left: 9%; } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-content-image-init .eltdf-fsis-image-right { right: 14%; } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-content-image-init .eltdf-fsis-title, .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-content-image-init .eltdf-fsis-subtitle { top: 0; opacity: 1; } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-image-top { top: calc(-2% - 10px); left: calc(28% - 20px); } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-image-left { bottom: calc(2% - 20px); left: calc(9% - 10px); } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-image-right { bottom: calc(7% - 20px); right: calc(14% - 10px); } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-top, .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-bottom { height: 18%; } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-left, .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-image-hover .eltdf-fsis-frame-right { width: 18%; } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-image-top { top: calc(-2% - 25px); left: calc(28% - 50px); } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-image-left { bottom: calc(2% - 50px); left: calc(9% - 25px); } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-image-right { bottom: calc(7% - 50px); right: calc(14% - 25px); } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-top, .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-bottom { height: 0; } .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-left, .eltdf-full-screen-image-slider .eltdf-fsis-item.eltdf-fsis-active-image .eltdf-fsis-frame-right { width: 0; } .eltdf-full-screen-image-slider .eltdf-fsis-image-wrapper { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .eltdf-full-screen-image-slider .eltdf-fsis-image-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; } .eltdf-full-screen-image-slider .eltdf-fsis-image { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; } .eltdf-full-screen-image-slider .eltdf-fsis-content-image { position: absolute; } .eltdf-full-screen-image-slider .eltdf-fsis-content-image img { width: auto; max-width: 600px; } .eltdf-full-screen-image-slider .eltdf-fsis-image-top { top: -50%; left: 28%; -webkit-transform: rotate(-23deg); transform: rotate(-23deg); -webkit-transition: top 0.8s ease, left 0.8s ease; transition: top 0.8s ease, left 0.8s ease; } .eltdf-full-screen-image-slider .eltdf-fsis-image-left { bottom: 2%; left: -50%; -webkit-transform: rotate(-10.5deg); transform: rotate(-10.5deg); -webkit-transition: bottom 0.8s ease, left 0.8s ease; transition: bottom 0.8s ease, left 0.8s ease; } .eltdf-full-screen-image-slider .eltdf-fsis-image-right { bottom: 7%; right: -50%; -webkit-transform: rotate(-12deg); transform: rotate(-12deg); -webkit-transition: bottom 0.8s ease, right 0.8s ease; transition: bottom 0.8s ease, right 0.8s ease; } .eltdf-full-screen-image-slider .eltdf-fsis-title { position: relative; top: 15px; margin: 0; padding: 0 12%; line-height: 1.2em; color: #fff; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease-in, top 0.3s ease-in; transition: opacity 0.2s ease-in, top 0.3s ease-in; } .eltdf-full-screen-image-slider .eltdf-fsis-subtitle { position: relative; top: 25px; margin: 20px 0 0; padding: 0 14%; color: #fff; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease-in, top 0.3s ease-in; transition: opacity 0.2s ease-in, top 0.3s ease-in; } .eltdf-full-screen-image-slider .eltdf-fsis-frame { position: fixed; background-color: #fff; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .eltdf-full-screen-image-slider .eltdf-fsis-frame-top { top: 0; left: 0; width: 100%; height: 20%; } .eltdf-full-screen-image-slider .eltdf-fsis-frame-bottom { bottom: 0; left: 0; width: 100%; height: 20%; } .eltdf-full-screen-image-slider .eltdf-fsis-frame-left { top: 0; left: 0; width: 20%; height: 100%; } .eltdf-full-screen-image-slider .eltdf-fsis-frame-right { top: 0; right: 0; width: 20%; height: 100%; } /* ========================================================================== Full Screen Image Slider shortcode style - end ========================================================================== */ /* ========================================================================== Full Screen Sections shortcode style - begin ========================================================================== */ 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-scrollable { overflow: hidden; position: relative; } .fp-scroller { overflow: hidden; } .iScrollIndicator { border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } .fp-auto-height.eltdf-fss-item, .fp-auto-height .eltdf-fss-slide, .fp-auto-height .fp-tableCell { height: auto !important; } .fp-responsive .fp-auto-height-responsive.eltdf-fss-item, .fp-responsive .fp-auto-height-responsive .eltdf-fss-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } #fp-nav { position: fixed; top: 50%; right: 40px; margin: -32px 0 0; z-index: 1001; } @media only screen and (max-width: 1024px) { #fp-nav { right: 30px; } } #fp-nav ul { margin: 0; padding: 0; } #fp-nav ul li { position: relative; display: block; margin: 10px 0; padding: 0; } #fp-nav ul li a { position: relative; width: 12px; height: 12px; display: block; background-color: rgba(80, 80, 80, 0.3); border-radius: 100%; z-index: 1; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } #fp-nav ul li a.active, #fp-nav ul li a:hover { background-color: rgba(80, 80, 80, 0.7); } .eltdf-light-header #fp-nav ul li a span { background-color: rgba(255, 255, 255, 0.3); } .eltdf-light-header #fp-nav ul li a.active span, .eltdf-light-header #fp-nav ul li a:hover span { background-color: #fff; } .eltdf-dark-header #fp-nav ul li a span { background-color: rgba(0, 0, 0, 0.3); } .eltdf-dark-header #fp-nav ul li a.active span, .eltdf-dark-header #fp-nav ul li a:hover span { background-color: #000; } #fp-nav ul li a span { position: relative; height: 100%; width: 100%; display: block; } .eltdf-full-screen-sections { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-full-screen-sections .eltdf-fss-wrapper { visibility: hidden; } .eltdf-full-screen-sections .eltdf-fss-item { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; margin: 0; padding: 0; background-position: center; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .eltdf-full-screen-sections .eltdf-fss-item.active { -webkit-transform: scale(0.92); transform: scale(0.92); } .eltdf-full-screen-sections .eltdf-fss-item.active.fp-completely { -webkit-transform: scale(1); transform: scale(1); } .eltdf-full-screen-sections .eltdf-fss-item.fp-completely:not(.active) { -webkit-transform: scale(0.92); transform: scale(0.92); } .eltdf-full-screen-sections .eltdf-fss-item .fp-scroller > .vc_column_container { padding: 0; margin: 0; } .eltdf-full-screen-sections .eltdf-fss-item .fp-scroller > .vc_column_container > .vc_column-inner { padding: 0; margin: 0; } .eltdf-full-screen-sections .eltdf-fss-item.eltdf-fss-item-va-top .eltdf-fss-item-inner { vertical-align: top; } .eltdf-full-screen-sections .eltdf-fss-item.eltdf-fss-item-va-bottom .eltdf-fss-item-inner { vertical-align: bottom; } .eltdf-full-screen-sections .eltdf-fss-item.eltdf-fss-item-ha-left .eltdf-fss-item-inner { text-align: left; } .eltdf-full-screen-sections .eltdf-fss-item.eltdf-fss-item-ha-center .eltdf-fss-item-inner { text-align: center; } .eltdf-full-screen-sections .eltdf-fss-item.eltdf-fss-item-ha-right .eltdf-fss-item-inner { text-align: right; } .eltdf-full-screen-sections .eltdf-fss-item.eltdf-fss-item-has-link .eltdf-fss-item-inner a { position: relative; z-index: 2; } .eltdf-full-screen-sections .eltdf-fss-item .eltdf-fss-item-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-full-screen-sections .eltdf-fss-item .eltdf-fss-item-inner a { position: relative; z-index: 2; } .eltdf-full-screen-sections .eltdf-fss-item .eltdf-fss-item-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .eltdf-full-screen-sections .eltdf-fss-nav-holder { position: fixed; bottom: 48px; left: 57px; display: block; width: 55px; text-align: center; visibility: hidden; z-index: 1001; } .eltdf-full-screen-sections .eltdf-fss-nav-holder a { display: block; font-size: 55px; line-height: 0.9; color: #333333; height: auto; opacity: 1; -webkit-transition: color 0.2s ease-out, opacity 0.25s ease-out; transition: color 0.2s ease-out, opacity 0.25s ease-out; } .eltdf-full-screen-sections .eltdf-fss-nav-holder a:hover { color: rgba(51, 51, 51, 0.7); } .eltdf-light-header .eltdf-full-screen-sections .eltdf-fss-nav-holder a { color: #fff; } .eltdf-light-header .eltdf-full-screen-sections .eltdf-fss-nav-holder a:hover { color: rgba(255, 255, 255, 0.7); } .eltdf-dark-header .eltdf-full-screen-sections .eltdf-fss-nav-holder a { color: #000; } .eltdf-dark-header .eltdf-full-screen-sections .eltdf-fss-nav-holder a:hover { color: rgba(0, 0, 0, 0.7); } .eltdf-full-screen-sections .eltdf-fss-nav-holder a span { display: block; line-height: inherit; } .eltdf-full-screen-sections .eltdf-fss-nav-holder a span:before { display: block; line-height: inherit; } @media only screen and (max-width: 1024px) { .eltdf-full-screen-sections .eltdf-fss-nav-holder { bottom: 28px; left: 37px; } } /* ========================================================================== Full Screen Sections shortcode style - end ========================================================================== */ /* ========================================================================== Google Map shortcode style - begin ========================================================================== */ .eltdf-google-map-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-google-map-holder .eltdf-google-map { display: block; width: 100%; height: 300px; } .eltdf-google-map-holder .eltdf-google-map iframe, .eltdf-google-map-holder .eltdf-google-map object, .eltdf-google-map-holder .eltdf-google-map embed { width: 100%; display: block; } .eltdf-google-map-holder .eltdf-google-map img { max-width: none; } .eltdf-google-map-holder .eltdf-snazzy-map { display: none; } .eltdf-google-map-holder .eltdf-google-map-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1000; } /* ========================================================================== Google Map shortcode style - end ========================================================================== */ /* ========================================================================== Icon List Item shortcode style - begin ========================================================================== */ .eltdf-icon-list-holder { position: relative; display: table; table-layout: fixed; height: auto; width: 100%; margin-bottom: 8px; } .eltdf-icon-list-holder .eltdf-il-icon-holder, .eltdf-icon-list-holder .eltdf-il-text { position: relative; display: table-cell; vertical-align: top; } .eltdf-icon-list-holder .eltdf-il-icon-holder { width: 1%; } .eltdf-icon-list-holder .eltdf-il-icon-holder > * { position: relative; display: inline-block; vertical-align: top; font-size: 17px; line-height: inherit; } .eltdf-icon-list-holder .eltdf-il-icon-holder > *:before { display: block; line-height: inherit; } .eltdf-icon-list-holder .eltdf-il-text { width: 99%; padding: 0 0 0 13px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ========================================================================== Icon List Item shortcode style - end ========================================================================== */ /* ========================================================================== Icon With Text shortcode style - begin ========================================================================== */ .eltdf-iwt { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-iwt .eltdf-iwt-icon a { position: relative; display: inline-block; vertical-align: middle; } .eltdf-iwt .eltdf-iwt-icon .eltdf-icon-shortcode { line-height: 1; color: #006767; } .eltdf-iwt .eltdf-iwt-icon .eltdf-icon-shortcode.eltdf-circle, .eltdf-iwt .eltdf-iwt-icon .eltdf-icon-shortcode.eltdf-square, .eltdf-iwt .eltdf-iwt-icon .eltdf-icon-shortcode.eltdf-dropcaps.eltdf-circle { line-height: 2; } .eltdf-iwt .eltdf-iwt-icon .eltdf-iwt-custom-icon { position: relative; display: inline-block; vertical-align: middle; } .eltdf-iwt .eltdf-iwt-icon .eltdf-iwt-custom-icon .eltdf-iwt-hover-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .eltdf-iwt .eltdf-iwt-icon .eltdf-iwt-custom-icon img { vertical-align: middle; } .eltdf-iwt .eltdf-iwt-title { margin: 0; } .eltdf-iwt .eltdf-iwt-title a { position: relative; display: inline-block; vertical-align: top; } .eltdf-iwt .eltdf-iwt-title-text { display: block; } .eltdf-iwt .eltdf-iwt-text { margin: 10px 0 0; } .eltdf-iwt.eltdf-iwt-icon-left { width: auto; } .eltdf-iwt.eltdf-iwt-icon-left .eltdf-iwt-icon, .eltdf-iwt.eltdf-iwt-icon-left .eltdf-iwt-content { display: table-cell; vertical-align: top; } .eltdf-iwt.eltdf-iwt-icon-left .eltdf-iwt-icon { position: relative; top: 1px; } .eltdf-iwt.eltdf-iwt-icon-left .eltdf-iwt-icon img { max-width: none; } .eltdf-iwt.eltdf-iwt-icon-left .eltdf-iwt-content { padding: 0 0 0 15px; } .eltdf-iwt.eltdf-iwt-icon-left-from-title .eltdf-iwt-icon, .eltdf-iwt.eltdf-iwt-icon-left-from-title .eltdf-iwt-title-text { position: relative; display: table-cell; vertical-align: middle; } .eltdf-iwt.eltdf-iwt-icon-left-from-title .eltdf-iwt-icon img { max-width: none; } .eltdf-iwt.eltdf-iwt-icon-left-from-title .eltdf-iwt-title-text { padding: 0 0 0 17px; } .eltdf-iwt.eltdf-iwt-icon-top { text-align: center; } .eltdf-iwt.eltdf-iwt-icon-top .eltdf-iwt-content { padding: 15px 0 0; } .eltdf-iwt.eltdf-iwt-has-hover-icon .eltdf-iwt-custom-icon img { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-iwt.eltdf-iwt-has-hover-icon .eltdf-iwt-custom-icon .eltdf-iwt-hover-icon img { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-iwt.eltdf-iwt-has-hover-icon .eltdf-iwt-custom-icon:hover img { opacity: 0; } .eltdf-iwt.eltdf-iwt-has-hover-icon .eltdf-iwt-custom-icon:hover .eltdf-iwt-hover-icon img { opacity: 1; } /* ========================================================================== Icon With Text shortcode style - end ========================================================================== */ /* ========================================================================== Icon shortcode style - begin ========================================================================== */ .eltdf-icon-shortcode { position: relative; display: inline-block; vertical-align: middle; line-height: 1.1em; } .eltdf-icon-shortcode.eltdf-circle, .eltdf-icon-shortcode.eltdf-square, .eltdf-icon-shortcode.eltdf-dropcaps.eltdf-circle { width: 2em; height: 2em; line-height: 2em; text-align: center; } .eltdf-icon-shortcode.eltdf-circle .eltdf-icon-bckg-holder, .eltdf-icon-shortcode.eltdf-square .eltdf-icon-bckg-holder, .eltdf-icon-shortcode.eltdf-dropcaps.eltdf-circle .eltdf-icon-bckg-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #17436f; -webkit-transition: background-color 0.3s ease, border-color 0.3s ease; transition: background-color 0.3s ease, border-color 0.3s ease; } .eltdf-icon-shortcode.eltdf-circle a, .eltdf-icon-shortcode.eltdf-square a, .eltdf-icon-shortcode.eltdf-dropcaps.eltdf-circle a { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; z-index: 10; } .eltdf-icon-shortcode.eltdf-circle .eltdf-icon-element, .eltdf-icon-shortcode.eltdf-square .eltdf-icon-element, .eltdf-icon-shortcode.eltdf-dropcaps.eltdf-circle .eltdf-icon-element { position: relative; color: #fff; line-height: inherit; z-index: 5; } .eltdf-icon-shortcode.eltdf-circle { border-radius: 50%; } .eltdf-icon-shortcode.eltdf-circle .eltdf-icon-bckg-holder { border-radius: 50%; } .eltdf-icon-shortcode .eltdf-icon-element { display: block; line-height: inherit; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .eltdf-icon-shortcode .eltdf-icon-element:before { display: block; line-height: inherit; } .eltdf-icon-shortcode.eltdf-icon-switch { overflow: hidden; } .eltdf-icon-shortcode.eltdf-icon-switch .eltdf-icon-original { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-icon-shortcode.eltdf-icon-switch .eltdf-icon-duplicate { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-icon-shortcode.eltdf-icon-switch:hover .eltdf-icon-original { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .eltdf-icon-shortcode.eltdf-icon-switch:hover .eltdf-icon-duplicate { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .eltdf-icon-animation-holder { position: relative; display: inline-block; vertical-align: middle; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.15s ease-in-out; -webkit-transition: -webkit-transform 0.15s ease-in-out; transition: -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } .eltdf-icon-animation-holder.eltdf-icon-animation-show { -webkit-transform: scale(1); transform: scale(1); } .eltdf-icon-tiny { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .eltdf-icon-small { font-size: 2em; } .eltdf-icon-medium { font-size: 3em; } .eltdf-icon-large { font-size: 4em; } .eltdf-icon-huge { font-size: 5em; } /* ========================================================================== Icon shortcode style - end ========================================================================== */ /* ========================================================================== Image Gallery shortcode style - begin ========================================================================== */ .eltdf-image-gallery { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Image Gallery Grid Style - begin *****/ /***** Image Gallery Grid Style - end *****/ /***** Image Gallery Masonry Style - begin *****/ /***** Image Gallery Masonry Style - end *****/ /***** Lightbox Behavior Style - begin *****/ /***** Lightbox Behavior Style - end *****/ /***** Shader Hover Style - begin *****/ /***** Shader Hover Style - end *****/ /***** Zoom Hover Style - begin *****/ /***** Zoom Hover Style - end *****/ /***** Zoom & Shader Hover Style - begin *****/ /***** Zoom & Shader Hover Style - end *****/ /***** Grayscale Hover Style - begin *****/ /***** Grayscale Hover Style - end *****/ } .eltdf-image-gallery.eltdf-has-shadow .eltdf-ig-image-inner { -webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); } .eltdf-image-gallery.eltdf-has-shadow.eltdf-ig-slider-type .owl-stage-outer, .eltdf-image-gallery.eltdf-has-shadow.eltdf-ig-carousel-type .owl-stage-outer { padding: 0 0 20px; } .eltdf-image-gallery.eltdf-has-shadow.eltdf-ig-slider-type .eltdf-ig-image, .eltdf-image-gallery.eltdf-has-shadow.eltdf-ig-carousel-type .eltdf-ig-image { -webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); } .eltdf-image-gallery .eltdf-ig-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-image-gallery .eltdf-ig-image a, .eltdf-image-gallery .eltdf-ig-image img { position: relative; display: block; } .eltdf-image-gallery .eltdf-ig-image-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-image-gallery .eltdf-ig-slider { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-image-gallery .eltdf-ig-grid .eltdf-ig-image { float: left; } .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-two-columns .eltdf-ig-image { width: 50%; } @media only screen and (min-width: 1025px) { .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-two-columns .eltdf-ig-image:nth-child(2n+1) { clear: both; } } .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-three-columns .eltdf-ig-image { width: 33.33333%; } @media only screen and (min-width: 1025px) { .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-three-columns .eltdf-ig-image:nth-child(3n+1) { clear: both; } } .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-four-columns .eltdf-ig-image { width: 25%; } @media only screen and (min-width: 1025px) { .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-four-columns .eltdf-ig-image:nth-child(4n+1) { clear: both; } } .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-five-columns .eltdf-ig-image { width: 20%; } @media only screen and (min-width: 1025px) { .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-five-columns .eltdf-ig-image:nth-child(5n+1) { clear: both; } } .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image { width: 16.66667%; } @media only screen and (min-width: 1025px) { .eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-six-columns .eltdf-ig-image:nth-child(6n+1) { clear: both; } } .eltdf-image-gallery .eltdf-ig-masonry { opacity: 0; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltdf-image-gallery .eltdf-ig-masonry .eltdf-ig-grid-sizer { width: 100%; } .eltdf-image-gallery .eltdf-ig-masonry .eltdf-ig-grid-gutter { width: 0; } .eltdf-image-gallery .eltdf-ig-masonry .eltdf-image-gallery-masonry-fixed { overflow: hidden; } .eltdf-image-gallery .eltdf-ig-masonry .eltdf-large-height-masonry-item .eltdf-ig-image-inner { height: 100%; overflow: hidden; } .eltdf-image-gallery .eltdf-ig-masonry .eltdf-large-height-masonry-item img { max-width: initial; height: 100%; width: auto; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-two-columns .eltdf-ig-image, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-two-columns .eltdf-ig-grid-sizer { width: 50%; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-two-columns .eltdf-ig-image.eltdf-large-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-two-columns .eltdf-ig-image.eltdf-large-width-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-two-columns .eltdf-ig-image.eltdf-large-width-height-masonry-item { width: 100%; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-image, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-grid-sizer { width: 33.33333%; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-image.eltdf-large-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-image.eltdf-large-width-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-three-columns .eltdf-ig-image.eltdf-large-width-height-masonry-item { width: 66.66667%; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-image, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-grid-sizer { width: 25%; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-image.eltdf-large-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-image.eltdf-large-width-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-four-columns .eltdf-ig-image.eltdf-large-width-height-masonry-item { width: 50%; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-grid-sizer { width: 20%; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image.eltdf-large-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image.eltdf-large-width-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-five-columns .eltdf-ig-image.eltdf-large-width-height-masonry-item { width: 40%; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-grid-sizer { width: 16.66667%; } .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image.eltdf-large-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image.eltdf-large-width-masonry-item, .eltdf-image-gallery .eltdf-ig-masonry.eltdf-ig-six-columns .eltdf-ig-image.eltdf-large-width-height-masonry-item { width: 33.33333%; } .eltdf-image-gallery.eltdf-image-behavior-lightbox .eltdf-ig-image .eltdf-ig-lightbox-icon { position: absolute; top: 50%; left: 50%; color: #fff; font-size: 38px; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 10; } .eltdf-image-gallery.eltdf-image-behavior-lightbox .eltdf-ig-image:hover .eltdf-ig-lightbox-icon { opacity: 1; } .eltdf-image-gallery.eltdf-image-hover-shader .eltdf-ig-image a:hover:after { opacity: 1; } .eltdf-image-gallery.eltdf-image-hover-shader .eltdf-ig-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-image-gallery.eltdf-image-hover-zoom .eltdf-ig-image { overflow: hidden; -webkit-backface-visibility: hidden; } .touch .eltdf-image-gallery.eltdf-image-hover-zoom .eltdf-ig-image { cursor: pointer; } .eltdf-image-gallery.eltdf-image-hover-zoom .eltdf-ig-image:hover img { -webkit-transform: scale(1.03) translateZ(0); transform: scale(1.03) translateZ(0); } .eltdf-image-gallery.eltdf-image-hover-zoom .eltdf-ig-image .eltdf-ig-image-inner { overflow: hidden; } .eltdf-image-gallery.eltdf-image-hover-zoom .eltdf-ig-image img { -webkit-transform: scale(1.005) translateZ(0); transform: scale(1.005) translateZ(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-image-gallery.eltdf-image-hover-zoom-shader .eltdf-ig-image { overflow: hidden; -webkit-backface-visibility: hidden; } .touch .eltdf-image-gallery.eltdf-image-hover-zoom-shader .eltdf-ig-image { cursor: pointer; } .eltdf-image-gallery.eltdf-image-hover-zoom-shader .eltdf-ig-image:hover img { -webkit-transform: scale(1.03) translateZ(0); transform: scale(1.03) translateZ(0); } .eltdf-image-gallery.eltdf-image-hover-zoom-shader .eltdf-ig-image .eltdf-ig-image-inner { overflow: hidden; } .eltdf-image-gallery.eltdf-image-hover-zoom-shader .eltdf-ig-image img { -webkit-transform: scale(1.005) translateZ(0); transform: scale(1.005) translateZ(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eltdf-image-gallery.eltdf-image-hover-zoom-shader .eltdf-ig-image a:hover:after { opacity: 1; } .eltdf-image-gallery.eltdf-image-hover-zoom-shader .eltdf-ig-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-image-gallery.eltdf-image-hover-grayscale .eltdf-ig-image { overflow: hidden; } .touch .eltdf-image-gallery.eltdf-image-hover-grayscale .eltdf-ig-image { cursor: pointer; } .eltdf-image-gallery.eltdf-image-hover-grayscale .eltdf-ig-image:hover img { -webkit-filter: grayscale(0); } .eltdf-image-gallery.eltdf-image-hover-grayscale .eltdf-ig-image img { filter: url("../../../../plugins/calla-core/assets/css/img/desaturate.svg#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* ========================================================================== Image Gallery shortcode style - end ========================================================================== */ /* ========================================================================== Image With Text shortcode style - begin ========================================================================== */ .eltdf-image-with-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Custom Link Behavior Style - begin *****/ /***** Custom Link Behavior Style - end *****/ /***** Lightbox Behavior Style - begin *****/ /***** Lightbox Behavior Style - end *****/ /***** Zoom Behavior Style - begin *****/ /***** Zoom Behavior Style - end *****/ /***** Grayscale Behavior Style - begin *****/ /***** Grayscale Behavior Style - end *****/ } .eltdf-image-with-text-holder.eltdf-has-shadow .eltdf-iwt-image { -webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); } .eltdf-image-with-text-holder .eltdf-iwt-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-image-with-text-holder .eltdf-iwt-image a, .eltdf-image-with-text-holder .eltdf-iwt-image img { position: relative; display: block; } .eltdf-image-with-text-holder .eltdf-iwt-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-image-with-text-holder .eltdf-iwt-title { margin: 32px 0 0; } .eltdf-image-with-text-holder .eltdf-iwt-text { margin: 14px 0 0; } .eltdf-image-with-text-holder.eltdf-image-behavior-custom-link .eltdf-iwt-image { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .eltdf-image-with-text-holder.eltdf-image-behavior-custom-link .eltdf-iwt-image:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .eltdf-image-with-text-holder.eltdf-image-behavior-lightbox .eltdf-iwt-image a:hover:after { opacity: 1; } .eltdf-image-with-text-holder.eltdf-image-behavior-lightbox .eltdf-iwt-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-image-with-text-holder.eltdf-image-behavior-zoom .eltdf-iwt-image { overflow: hidden; } .touch .eltdf-image-with-text-holder.eltdf-image-behavior-zoom .eltdf-iwt-image { cursor: pointer; } .eltdf-image-with-text-holder.eltdf-image-behavior-zoom .eltdf-iwt-image:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); } .eltdf-image-with-text-holder.eltdf-image-behavior-zoom .eltdf-iwt-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .eltdf-image-with-text-holder.eltdf-image-behavior-grayscale .eltdf-iwt-image { overflow: hidden; } .touch .eltdf-image-with-text-holder.eltdf-image-behavior-grayscale .eltdf-iwt-image { cursor: pointer; } .eltdf-image-with-text-holder.eltdf-image-behavior-grayscale .eltdf-iwt-image:hover img { -webkit-filter: grayscale(0); filter: none; } .eltdf-image-with-text-holder.eltdf-image-behavior-grayscale .eltdf-iwt-image img { filter: url("../../../../plugins/calla-core/assets/css/img/desaturate.svg#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* ========================================================================== Image With Text shortcode style - end ========================================================================== */ /* ========================================================================== Item Showcase shortcode style - begin ========================================================================== */ .eltdf-item-showcase-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: center; opacity: 0; } .eltdf-item-showcase-holder .eltdf-is-image { position: relative; display: inline-block; vertical-align: middle; float: left; width: 40%; margin-top: -100px; opacity: 0; -webkit-transform: translateY(70px); transform: translateY(70px); } .eltdf-item-showcase-holder .eltdf-is-image.eltdf-appeared { -webkit-transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .eltdf-item-showcase-holder .eltdf-is-item-holder { display: inline-block; vertical-align: middle; width: 30%; } .eltdf-item-showcase-holder .eltdf-is-item-holder.eltdf-is-left-holder { float: left; } .eltdf-item-showcase-holder .eltdf-is-item-holder.eltdf-is-right-holder { float: right; } .eltdf-item-showcase-holder .eltdf-is-item-holder .eltdf-is-item:first-child { margin: 0; } .eltdf-item-showcase-holder .eltdf-is-item { position: relative; display: inline-block; vertical-align: middle; margin: 56px 0 0; opacity: 0; } .eltdf-item-showcase-holder .eltdf-is-item.eltdf-is-left { text-align: right; -webkit-transform: translateX(-70px); transform: translateX(-70px); } .eltdf-item-showcase-holder .eltdf-is-item.eltdf-is-left .eltdf-is-content { padding: 0 20px 0 0; } .eltdf-item-showcase-holder .eltdf-is-item.eltdf-is-right { text-align: left; -webkit-transform: translateX(70px); transform: translateX(70px); } .eltdf-item-showcase-holder .eltdf-is-item.eltdf-is-right .eltdf-is-content { padding: 0 0 0 20px; } .eltdf-item-showcase-holder .eltdf-is-item.eltdf-appeared { -webkit-transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .eltdf-item-showcase-holder .eltdf-is-item .eltdf-is-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-item-showcase-holder .eltdf-is-item .eltdf-is-title { margin: 0; } .eltdf-item-showcase-holder .eltdf-is-item .eltdf-is-text { margin: 14px 0 0; } /* ========================================================================== Item Showcase shortcode style - end ========================================================================== */ /* ========================================================================== Pie Chart shortcode style - begin ========================================================================== */ .eltdf-pie-chart-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; opacity: 0; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .eltdf-pie-chart-holder .eltdf-pc-percentage { position: relative; display: block; height: 176px; width: 176px; line-height: 176px; text-align: center; margin: 0 auto; } .eltdf-pie-chart-holder .eltdf-pc-percentage canvas { position: absolute; top: 0; left: 0; } .eltdf-pie-chart-holder .eltdf-pc-percentage .eltdf-pc-percent { position: relative; display: inline-block; vertical-align: middle; color: #333333; font-size: 36px; line-height: inherit; font-weight: 600; } .eltdf-pie-chart-holder .eltdf-pc-percentage .eltdf-pc-percent:after { position: relative; top: -15px; content: '%'; font-size: 15px; } .eltdf-pie-chart-holder .eltdf-pc-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: center; margin: 25px 0 0; } .eltdf-pie-chart-holder .eltdf-pc-text-holder .eltdf-pc-title { margin: 0; } /* ========================================================================== Pie Chart shortcode style - end ========================================================================== */ /* ========================================================================== Pricing Tables shortcode style - begin ========================================================================== */ .eltdf-pricing-tables { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; } .eltdf-pricing-tables .eltdf-pt-wrapper { position: relative; } .eltdf-pricing-tables.eltdf-two-columns .eltdf-price-table { width: 50%; } .eltdf-pricing-tables.eltdf-three-columns .eltdf-price-table { width: 33.33333%; } .eltdf-pricing-tables.eltdf-four-columns .eltdf-price-table { width: 25%; } .eltdf-pricing-tables.eltdf-five-columns .eltdf-price-table { width: 20%; } .eltdf-price-table { position: relative; width: 100%; padding: 0; margin: 0; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-price-table .eltdf-pt-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; background-color: #f9f9f9; } .eltdf-price-table .eltdf-pt-inner ul { list-style: none; margin: 0; padding: 0; } .eltdf-price-table .eltdf-pt-inner ul .eltdf-pt-title { display: block; color: inherit; text-align: center; margin: 0; } .eltdf-price-table .eltdf-pt-inner ul .eltdf-pt-content-bottom { padding: 60px 30px; } .eltdf-price-table .eltdf-pt-inner ul .eltdf-pt-content-bottom .eltdf-pt-title { color: #000; margin-bottom: 55px; } .eltdf-price-table .eltdf-pt-inner ul .eltdf-pt-content-bottom .eltdf-pt-price-holder { font-family: "Crimson Text", cursive; font-size: 40px; color: #333333; margin-bottom: 30px; } .eltdf-price-table .eltdf-pt-inner ul .eltdf-pt-content-bottom .eltdf-pt-content { margin-bottom: 50px; } .eltdf-price-table .eltdf-pt-inner ul .eltdf-pt-content-bottom .eltdf-pt-button .eltdf-btn { background-color: #006767; } .eltdf-price-table .eltdf-pt-inner ul li { margin: 0; text-align: center; } .eltdf-price-table .eltdf-pt-inner ul li.eltdf-pt-title-holder { position: relative; background-color: #006767; background-repeat: no-repeat; background-position: center center; background-size: cover; color: #fff; padding: 35px 15px 35px; } .eltdf-price-table .eltdf-pt-inner ul li .eltdf-pt-value { position: relative; line-height: 1; font-weight: 300; } .eltdf-price-table .eltdf-pt-inner ul li .eltdf-pt-price { position: relative; left: -5px; display: inline-block; line-height: 1; font-weight: 300; } .eltdf-price-table .eltdf-pt-inner ul li .eltdf-pt-mark { position: relative; display: block; margin: 5px 0 0; font-family: "Crimson Text", cursive; font-size: 22px; } /* ========================================================================== Pricing Tables shortcode style - end ========================================================================== */ /* ========================================================================== Process shortcode style - begin ========================================================================== */ .eltdf-process-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-process-holder.eltdf-two-columns .eltdf-mark-horizontal-holder .eltdf-process-mark { width: 50%; } .eltdf-process-holder.eltdf-two-columns .eltdf-mark-vertical-holder .eltdf-process-mark { height: 50%; } .eltdf-process-holder.eltdf-two-columns .eltdf-process-item { width: 50%; } .eltdf-process-holder.eltdf-three-columns .eltdf-mark-horizontal-holder .eltdf-process-mark { width: 33.33333%; } .eltdf-process-holder.eltdf-three-columns .eltdf-mark-vertical-holder .eltdf-process-mark { height: 33.33333%; } .eltdf-process-holder.eltdf-three-columns .eltdf-process-item { width: 33.33333%; } .eltdf-process-holder.eltdf-four-columns .eltdf-mark-horizontal-holder .eltdf-process-mark { width: 25%; } .eltdf-process-holder.eltdf-four-columns .eltdf-mark-vertical-holder .eltdf-process-mark { height: 25%; } .eltdf-process-holder.eltdf-four-columns .eltdf-process-item { width: 25%; } .eltdf-process-holder.eltdf-process-appeared .eltdf-process-circle { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .eltdf-process-holder.eltdf-process-appeared .eltdf-mark-horizontal-holder .eltdf-process-line { width: 100%; } .eltdf-process-holder.eltdf-process-appeared .eltdf-mark-vertical-holder .eltdf-process-line { height: 100%; } .eltdf-process-holder.eltdf-process-appeared .eltdf-process-item { opacity: 1; } .eltdf-process-holder .eltdf-mark-horizontal-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; } .eltdf-process-holder .eltdf-mark-horizontal-holder .eltdf-process-mark { float: left; } .eltdf-process-holder .eltdf-mark-horizontal-holder .eltdf-process-line { top: 50%; left: 50%; width: 0; height: 1px; -webkit-transition: width 0.4s ease 0.1s; transition: width 0.4s ease 0.1s; } .eltdf-process-holder .eltdf-mark-vertical-holder { position: absolute; top: 26px; left: 0; display: none; width: 46px; height: 100%; } .eltdf-process-holder .eltdf-mark-vertical-holder .eltdf-process-line { top: 23px; left: 50%; width: 1px; height: 0; -webkit-transition: height 0.4s ease 0.1s; transition: height 0.4s ease 0.1s; } .eltdf-process-holder .eltdf-process-mark { position: relative; display: inline-block; vertical-align: top; text-align: center; } .eltdf-process-holder .eltdf-process-mark:last-child .eltdf-process-line { display: none; } .eltdf-process-holder .eltdf-process-mark:nth-child(2) .eltdf-process-circle { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .eltdf-process-holder .eltdf-process-mark:nth-child(2) .eltdf-process-line { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .eltdf-process-holder .eltdf-process-mark:nth-child(3) .eltdf-process-circle { -webkit-transition-delay: 1s; transition-delay: 1s; } .eltdf-process-holder .eltdf-process-mark:nth-child(3) .eltdf-process-line { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .eltdf-process-holder .eltdf-process-mark:nth-child(4) .eltdf-process-circle { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .eltdf-process-holder .eltdf-process-mark:nth-child(4) .eltdf-process-line { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .eltdf-process-holder .eltdf-process-circle { position: relative; display: inline-block; vertical-align: top; width: 46px; height: 46px; font-size: 18px; line-height: 46px; font-weight: 700; color: #fff; background-color: #17436f; border-radius: 100%; opacity: 0; -webkit-transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, transform .3s ease; transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease; -webkit-transform: scale(0.6); transform: scale(0.6); } .eltdf-process-holder .eltdf-process-line { position: absolute; background-color: #17436f; } .eltdf-process-holder .eltdf-process-inner { margin: 0 -15px; } .eltdf-process-holder .eltdf-process-item { position: relative; display: inline-block; vertical-align: top; float: left; padding: 0 15px; opacity: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .eltdf-process-holder .eltdf-process-item:nth-child(2) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .eltdf-process-holder .eltdf-process-item:nth-child(3) { -webkit-transition-delay: 1s; transition-delay: 1s; } .eltdf-process-holder .eltdf-process-item:nth-child(4) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .eltdf-process-holder .eltdf-pi-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 26px 0 10px; } .eltdf-process-holder .eltdf-pi-title { margin: 0; } .eltdf-process-holder .eltdf-pi-text { margin: 11px 0 0; } /* ========================================================================== Process shortcode style - end ========================================================================== */ /* ========================================================================== Progress Bar shortcode style - begin ========================================================================== */ .eltdf-progress-bar { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-progress-bar .eltdf-pb-title-holder { position: relative; margin: 10px 0 4px; } .eltdf-progress-bar .eltdf-pb-title-holder .eltdf-pb-title { position: relative; display: inline-block; vertical-align: middle; z-index: 100; } .eltdf-progress-bar .eltdf-pb-percent { position: absolute; right: 0; bottom: 1px; width: auto; color: #333333; font-size: 18px; opacity: 0; z-index: 10; } .eltdf-progress-bar .eltdf-pb-percent:after { content: '%'; } .eltdf-progress-bar .eltdf-pb-content-holder { position: relative; height: 3px; overflow: hidden; background-color: #ebebeb; } .eltdf-progress-bar .eltdf-pb-content-holder .eltdf-pb-content { height: 3px; max-width: 100%; overflow: hidden; background-color: #17436f; } /* ========================================================================== Progress Bar shortcode style - end ========================================================================== */ /* ========================================================================== Section Title shortcode styles - begin ========================================================================== */ .eltdf-section-title-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-section-title-holder .eltdf-st-title { display: block; margin: 0 0 16px; } .eltdf-section-title-holder .eltdf-st-title .eltdf-st-title-bold { font-weight: 700; } .eltdf-section-title-holder .eltdf-st-title .eltdf-st-title-light { font-weight: 300; } .eltdf-section-title-holder .eltdf-st-tagline-text { margin-bottom: 5px; } .eltdf-section-title-holder .eltdf-st-text { display: block; margin: 14px 0 0; } /* ========================================================================== Section Title shortcode styles - end ========================================================================== */ /* ========================================================================== Separator shortcode style - begin ========================================================================== */ .eltdf-separator-holder { position: relative; height: auto; font-size: 0; line-height: 1em; margin: 10px 0; } .eltdf-separator-holder.eltdf-separator-center { text-align: center; } .eltdf-separator-holder.eltdf-separator-left { text-align: left; } .eltdf-separator-holder.eltdf-separator-right { text-align: right; } .eltdf-separator-holder.eltdf-separator-full-width .eltdf-separator { width: 100% !important; } .eltdf-separator-holder .eltdf-separator-icon { display: inline-block; vertical-align: middle; } .eltdf-separator-holder .eltdf-separator-icon .eltdf-icon-shortcode .eltdf-icon-element { line-height: 1em; } .eltdf-separator { position: relative; display: inline-block; vertical-align: middle; border-bottom: 1px solid #ebebeb; } /* ========================================================================== Separator shortcode style - end ========================================================================== */ /* ========================================================================== Single Image shortcode style - begin ========================================================================== */ .eltdf-single-image-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Custom Link Behavior Style - begin *****/ /***** Custom Link Behavior Style - end *****/ /***** Lightbox Behavior Style - begin *****/ /***** Lightbox Behavior Style - end *****/ /***** Zoom Behavior Style - begin *****/ /***** Zoom Behavior Style - end *****/ /***** Grayscale Behavior Style - begin *****/ /***** Grayscale Behavior Style - end *****/ /***** Moving Behavior Style - begin *****/ /***** Moving Behavior Style - end *****/ } .eltdf-single-image-holder.eltdf-has-shadow .eltdf-si-inner { -webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09); } .eltdf-single-image-holder .eltdf-si-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-single-image-holder .eltdf-si-inner a, .eltdf-single-image-holder .eltdf-si-inner img { position: relative; display: block; } .eltdf-single-image-holder.eltdf-image-behavior-custom-link .eltdf-si-inner a:hover:after { opacity: 1; } .eltdf-single-image-holder.eltdf-image-behavior-custom-link .eltdf-si-inner a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-single-image-holder.eltdf-image-behavior-lightbox .eltdf-si-inner a:hover:after { opacity: 1; } .eltdf-single-image-holder.eltdf-image-behavior-lightbox .eltdf-si-inner a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(51, 51, 51, 0.4); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltdf-single-image-holder.eltdf-image-behavior-zoom .eltdf-si-inner { overflow: hidden; } .touch .eltdf-single-image-holder.eltdf-image-behavior-zoom .eltdf-si-inner { cursor: pointer; } .eltdf-single-image-holder.eltdf-image-behavior-zoom .eltdf-si-inner:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); } .eltdf-single-image-holder.eltdf-image-behavior-zoom .eltdf-si-inner img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .eltdf-single-image-holder.eltdf-image-behavior-grayscale .eltdf-si-inner { overflow: hidden; } .touch .eltdf-single-image-holder.eltdf-image-behavior-grayscale .eltdf-si-inner { cursor: pointer; } .eltdf-single-image-holder.eltdf-image-behavior-grayscale .eltdf-si-inner:hover img { -webkit-filter: grayscale(0); filter: none; } .eltdf-single-image-holder.eltdf-image-behavior-grayscale .eltdf-si-inner img { filter: url("../../../../plugins/calla-core/assets/css/img/desaturate.svg#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .eltdf-single-image-holder.eltdf-image-behavior-moving .eltdf-si-inner { overflow: hidden; padding: 10% 0; background-repeat: no-repeat; background-position: 0 center; background-size: 120%; -webkit-transition: background 0.7s ease-out; transition: background 0.7s ease-out; } .eltdf-single-image-holder.eltdf-image-behavior-moving .eltdf-si-inner:hover { background-position: 90% center; } .touch .eltdf-single-image-holder.eltdf-image-behavior-moving .eltdf-si-inner { cursor: pointer; } .eltdf-single-image-holder.eltdf-image-behavior-moving .eltdf-si-inner img { z-index: -1; max-width: 80%; } @media only screen and (max-width: 1024px) { .eltdf-single-image-holder.eltdf-image-behavior-moving .eltdf-si-inner { padding: 0; background: none; } .eltdf-single-image-holder.eltdf-image-behavior-moving .eltdf-si-inner img { z-index: inherit; max-width: 100%; } } /* ========================================================================== Single Image shortcode style - end ========================================================================== */ /* ========================================================================== Social Share shortcode style - begin ========================================================================== */ .eltdf-social-share-holder { position: relative; display: inline-block; vertical-align: top; } .eltdf-social-share-holder ul { position: relative; display: inline-block; vertical-align: top; list-style: none; padding: 0; margin: 0; } /* List type - begin ========================================================================== */ .eltdf-social-share-holder.eltdf-list .eltdf-social-title { position: relative; display: inline-block; vertical-align: top; margin: 0; color: #333333; } .eltdf-social-share-holder.eltdf-list li { position: relative; display: inline-block; vertical-align: top; padding: 0; margin: 0 15px 0 0; } .eltdf-social-share-holder.eltdf-list li a { color: #999; font-size: 15px; } .eltdf-social-share-holder.eltdf-list li a:hover { color: #17436f; } /* List type - end ========================================================================== */ /* Dropdown type - begin ========================================================================== */ .eltdf-social-share-holder.eltdf-dropdown { position: relative; display: inline-block; vertical-align: bottom; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown-opener { display: block; color: #676767; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown-opener .eltdf-social-share-title { display: inline-block; vertical-align: top; margin-right: 5px; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown-opener .social_share { font-size: 12px; color: #333333; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown-opener:hover { color: #17436f; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown-opener:hover .social_share { color: inherit; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown { position: relative; visibility: hidden; z-index: 950; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul { position: relative; display: block; z-index: 990; margin: 0; padding: 0 !important; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li { width: 88px; height: 28px; line-height: 28px; visibility: hidden; position: absolute; text-align: center; opacity: 0; margin: 0; padding: 0; border: 1px solid #c9c9c9; background-color: #fff; font-size: 12px; color: #676767; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease-out 0s, visibility 0.2s ease-out 0s, background-color 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s, visibility 0.2s ease-out 0s, background-color 0.2s ease-out 0s; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li:not(:first-child) { border-top: none; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li.eltdf-facebook-share:hover { background-color: #3b5998; color: #fff; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li.eltdf-twitter-share:hover { background-color: #00aced; color: #fff; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li.eltdf-google_plus-share:hover { background-color: #dd4b39; color: #fff; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li.eltdf-linkedin-share:hover { background-color: #007bb5; color: #fff; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li.eltdf-tumblr-share:hover { background-color: #32506d; color: #fff; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li.eltdf-pinterest-share:hover { background-color: #cb2027; color: #fff; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li.eltdf-vk-share:hover { background-color: #45668e; color: #fff; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li * { display: block; line-height: inherit; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li a { color: inherit !important; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li:nth-child(1) { bottom: -28px; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li:nth-child(2) { bottom: -56px; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li:nth-child(3) { bottom: -84px; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li:nth-child(4) { bottom: -112px; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li:nth-child(5) { bottom: -140px; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li:nth-child(6) { bottom: -168px; } .eltdf-social-share-holder.eltdf-dropdown .eltdf-social-share-dropdown ul li:nth-child(7) { bottom: -196px; } .eltdf-social-share-holder.eltdf-dropdown:hover .eltdf-social-share-dropdown ul li { opacity: 1; visibility: visible; cursor: pointer; } .eltdf-social-share-holder.eltdf-dropdown:hover .eltdf-social-share-dropdown ul li { /* opacity and visibility need to be different, but not background-color */ } .eltdf-social-share-holder.eltdf-dropdown:hover .eltdf-social-share-dropdown ul li:nth-child(2) { -webkit-transition: opacity 0.2s ease-out 0.2s, visibility 0.2s ease-out 0.2s, background-color 0.2s ease-out; transition: opacity 0.2s ease-out 0.2s, visibility 0.2s ease-out 0.2s, background-color 0.2s ease-out; } .eltdf-social-share-holder.eltdf-dropdown:hover .eltdf-social-share-dropdown ul li:nth-child(3) { -webkit-transition: opacity 0.2s ease-out 0.3s, visibility 0.2s ease-out 0.3s, background-color 0.2s ease-out; transition: opacity 0.2s ease-out 0.3s, visibility 0.2s ease-out 0.3s, background-color 0.2s ease-out; } .eltdf-social-share-holder.eltdf-dropdown:hover .eltdf-social-share-dropdown ul li:nth-child(4) { -webkit-transition: opacity 0.2s ease-out 0.4s, visibility 0.2s ease-out 0.4s, background-color 0.2s ease-out; transition: opacity 0.2s ease-out 0.4s, visibility 0.2s ease-out 0.4s, background-color 0.2s ease-out; } .eltdf-social-share-holder.eltdf-dropdown:hover .eltdf-social-share-dropdown ul li:nth-child(5) { -webkit-transition: opacity 0.2s ease-out 0.5s, visibility 0.2s ease-out 0.5s, background-color 0.2s ease-out; transition: opacity 0.2s ease-out 0.5s, visibility 0.2s ease-out 0.5s, background-color 0.2s ease-out; } .eltdf-social-share-holder.eltdf-dropdown:hover .eltdf-social-share-dropdown ul li:nth-child(6) { -webkit-transition: opacity 0.2s ease-out 0.6s, visibility 0.2s ease-out 0.6s, background-color 0.2s ease-out; transition: opacity 0.2s ease-out 0.6s, visibility 0.2s ease-out 0.6s, background-color 0.2s ease-out; } .eltdf-social-share-holder.eltdf-dropdown:hover .eltdf-social-share-dropdown ul li:nth-child(7) { -webkit-transition: opacity 0.2s ease-out 0.7s, visibility 0.2s ease-out 0.7s, background-color 0.2s ease-out; transition: opacity 0.2s ease-out 0.7s, visibility 0.2s ease-out 0.7s, background-color 0.2s ease-out; } /* Dropdown type - end ========================================================================== */ /* ========================================================================== Social Share shortcode style - end ========================================================================== */ /* ========================================================================== Tabs shortcode style - begin ========================================================================== */ .eltdf-tabs { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-tabs .eltdf-tabs-nav { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; padding: 0; list-style: none; } .eltdf-tabs .eltdf-tabs-nav li { float: left; margin: 0; padding: 0; } .eltdf-tabs .eltdf-tabs-nav li a { position: relative; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f6f6f6; font-family: "Crimson Text", cursive; color: #333333; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } .eltdf-tabs .eltdf-tabs-nav li a.ui-tabs-anchor { padding: 15px 40px 12px; } .eltdf-tabs .eltdf-tab-container { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-tabs .eltdf-tab-container p { margin: 0; } .eltdf-tabs.eltdf-tabs-standard { border: none; } .eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li a { background-color: transparent; } .eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-standard .eltdf-tabs-nav li.ui-state-hover a { color: #fff; background-color: #006767; } .eltdf-tabs.eltdf-tabs-standard .eltdf-tab-container { margin: 21px 0 0; } .eltdf-tabs.eltdf-tabs-boxed { border: none; } .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li { margin-right: 2px; } .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li a { color: #333333; background-color: #f6f6f6; } .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li.ui-state-hover a { color: #fff; background-color: #006767; } .eltdf-tabs.eltdf-tabs-boxed .eltdf-tabs-nav li:last-child { margin: 0; } .eltdf-tabs.eltdf-tabs-boxed .eltdf-tab-container { margin: 21px 0 0; } .eltdf-tabs.eltdf-tabs-boxed-white { border: none; } .eltdf-tabs.eltdf-tabs-boxed-white .eltdf-tabs-nav li { margin-right: 2px; } .eltdf-tabs.eltdf-tabs-boxed-white .eltdf-tabs-nav li a { color: #333333; background-color: #fff; } .eltdf-tabs.eltdf-tabs-boxed-white .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-boxed-white .eltdf-tabs-nav li.ui-state-hover a { color: #fff; background-color: #006767; } .eltdf-tabs.eltdf-tabs-boxed-white .eltdf-tabs-nav li:last-child { margin: 0; } .eltdf-tabs.eltdf-tabs-boxed-white .eltdf-tab-container { margin: 21px 0 0; } .eltdf-tabs.eltdf-tabs-simple { border: none; } .eltdf-tabs.eltdf-tabs-simple .eltdf-tabs-nav { border-bottom: 1px solid #808285; } .eltdf-tabs.eltdf-tabs-simple .eltdf-tabs-nav li { margin: 0 31px 0 0; } .eltdf-tabs.eltdf-tabs-simple .eltdf-tabs-nav li a { background-color: transparent; } .eltdf-tabs.eltdf-tabs-simple .eltdf-tabs-nav li a:last-child { padding-left: 0; } .eltdf-tabs.eltdf-tabs-simple .eltdf-tab-container { padding: 21px 0; border-bottom: 1px solid #808285; } .eltdf-tabs.eltdf-tabs-vertical { display: table; border: none; } .eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav { display: table-cell; vertical-align: top; width: 30%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav li { width: 100%; } .eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav li a { width: 100%; text-align: center; } .eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav li a.ui-tabs-anchor { padding: 15px 0; } .eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav li.ui-state-active a, .eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav li.ui-state-hover a { color: #fff; background-color: #006767; } .eltdf-tabs.eltdf-tabs-vertical .eltdf-tabs-nav li:last-child { margin: 0; } .eltdf-tabs.eltdf-tabs-vertical .eltdf-tab-container { display: table-cell; vertical-align: top; width: 70%; padding: 10px 30px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-widget-content { padding: 0; font-family: inherit; font-size: inherit; color: inherit; background: none; border: 0; border-radius: 0; } .ui-widget-content .ui-widget-header { font-size: inherit; line-height: inherit; font-weight: inherit; color: initial; background: none; border: 0; border-radius: 0; } .ui-widget-content .ui-tabs-nav li { position: initial; font-weight: inherit; color: inherit; background: initial; border: 0; border-radius: 0; } .ui-widget-content .ui-widget-content { color: inherit; background: none; border: 0; border-radius: 0; } /* ========================================================================== Tabs shortcode style - end ========================================================================== */ /* ========================================================================== Team shortcode style - begin ========================================================================== */ .eltdf-team-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .touch .eltdf-team-holder.eltdf-team-info-on-image { cursor: pointer; } .eltdf-team-holder.eltdf-team-info-on-image:hover .eltdf-team-image img { filter: url("data:image/svg+xml;charset=utf-8,#filter"); -webkit-filter: blur(5px); filter: blur(5px); } .eltdf-team-holder.eltdf-team-info-on-image:hover .eltdf-team-social-wrapper { opacity: 1; } .eltdf-team-holder.eltdf-team-info-on-image:hover .eltdf-team-social-inner { -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.64, 0.01, 0.15, 1.16), opacity 0.5s; -webkit-transition: opacity 0.5s, -webkit-transform 0.45s cubic-bezier(0.64, 0.01, 0.15, 1.16); transition: opacity 0.5s, -webkit-transform 0.45s cubic-bezier(0.64, 0.01, 0.15, 1.16); transition: transform 0.45s cubic-bezier(0.64, 0.01, 0.15, 1.16), opacity 0.5s; transition: transform 0.45s cubic-bezier(0.64, 0.01, 0.15, 1.16), opacity 0.5s, -webkit-transform 0.45s cubic-bezier(0.64, 0.01, 0.15, 1.16); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); text-align: center; } .eltdf-team-holder.eltdf-team-info-on-image .eltdf-team-position { margin: 3px 0 0px; color: #333333; } .eltdf-team-holder.eltdf-team-info-on-image .eltdf-team-social-holder { margin: 7px 0 0; } .eltdf-team-holder.eltdf-team-info-on-image .eltdf-team-text { color: #333333; } .eltdf-team-holder .eltdf-team-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } .eltdf-team-holder .eltdf-team-image img { display: block; margin: 0 auto; -webkit-transition: all 0s ease 0.1s; transition: all 0s ease 0.1s; } .eltdf-team-holder .eltdf-team-title-holder { text-align: center; } .eltdf-team-holder .eltdf-team-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 31px 0 0; text-align: center; } .eltdf-team-holder .eltdf-team-name { margin: 0; } .eltdf-team-holder .eltdf-team-position { display: block; margin: 5px 0; } .eltdf-team-holder .eltdf-team-text { margin: 10px 0; } .eltdf-team-holder .eltdf-team-social-wrapper { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #17436f; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 1; } .eltdf-team-holder .eltdf-team-social-outer { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .eltdf-team-holder .eltdf-team-social-inner { position: relative; display: table-cell; height: 100%; width: 100%; padding: 2px 30px 0px; vertical-align: middle; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } .eltdf-team-holder .eltdf-team-social-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; } .eltdf-team-holder .eltdf-team-social-holder .eltdf-team-icon { font-size: 15px; margin: 0 10px 0 0; } .eltdf-team-holder .eltdf-team-social-holder .eltdf-team-icon:last-child { margin-right: 0; } .eltdf-team-holder .eltdf-team-social-holder .eltdf-team-icon .eltdf-icon-element { font-size: inherit; -webkit-transition: none; transition: none; } .eltdf-team-holder .eltdf-team-social-holder .eltdf-team-icon a { color: #999; } .eltdf-team-holder .eltdf-team-social-holder .eltdf-team-icon a:hover { color: #17436f; } /* ========================================================================== Team shortcode style - end ========================================================================== */ /* ========================================================================== Text Marquee shortcode style - begin ========================================================================== */ .eltdf-text-marquee { position: relative; white-space: nowrap; color: #333333; font-size: 60px; line-height: 1.2em; font-weight: 600; overflow: hidden; } .eltdf-text-marquee .eltdf-marquee-element { position: relative; display: inline-block; vertical-align: top; padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-text-marquee .eltdf-marquee-element.eltdf-aux-text { position: absolute; top: 0; left: 0; } /* ========================================================================== Text Marquee shortcode style - end ========================================================================== */ html { height: 100%; overflow-x: hidden; } .curtains { width: 100%; } .curtains > li { -webkit-transform: translateZ(0); background: white; position: fixed; display: block; top: 0; left: 0; width: 100%; min-height: 100%; overflow: hidden; z-index: 1; } .curtains > li.hidden { display: none; } .curtains > li:first-child { z-index: 2; } .eltdf-uncovering-section-on-page:not(.eltdf-header-bottom) .eltdf-page-header { -webkit-transition: top 0.6s ease; transition: top 0.6s ease; position: fixed; top: 0; left: 0; } .eltdf-uncovering-section-on-page:not(.eltdf-header-bottom).eltdf-header-top-enabled .eltdf-top-bar { -webkit-transition: top 0.6s ease; transition: top 0.6s ease; position: fixed; top: -45px; left: 0; } .eltdf-uncovering-section-on-page:not(.eltdf-header-bottom).eltdf-header-top-enabled:not(.eltdf-sticky-header-appear) .eltdf-top-bar { top: 0; } .eltdf-uncovering-section-on-page:not(.eltdf-header-bottom).eltdf-header-top-enabled:not(.eltdf-sticky-header-appear) .eltdf-page-header { top: 45px; } .eltdf-uncovering-section-on-page footer { display: none; } .eltdf-uncovering-sections { -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; opacity: 0; } .eltdf-uncovering-sections ul, .eltdf-uncovering-sections li { margin: 0; padding: 0; } .eltdf-uncovering-sections.eltdf-loaded { opacity: 1; } .eltdf-uncovering-sections .eltdf-uss-item { display: inline-block; height: 100%; width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; will-change: transform; } .eltdf-uncovering-sections .eltdf-uss-item .eltdf-uss-image-holder { position: absolute; top: -5%; left: 0; width: 100%; height: 125%; will-change: transform; background-position: center; background-size: cover; } .eltdf-uncovering-sections .eltdf-uss-item.eltdf-uss-item-va-top .eltdf-uss-item-inner { vertical-align: top; } .eltdf-uncovering-sections .eltdf-uss-item.eltdf-uss-item-va-bottom .eltdf-uss-item-inner { vertical-align: bottom; } .eltdf-uncovering-sections .eltdf-uss-item.eltdf-uss-item-ha-left .eltdf-uss-item-inner { text-align: left; } .eltdf-uncovering-sections .eltdf-uss-item.eltdf-uss-item-ha-center .eltdf-uss-item-inner { text-align: center; } .eltdf-uncovering-sections .eltdf-uss-item.eltdf-uss-item-ha-right .eltdf-uss-item-inner { text-align: right; } .eltdf-uncovering-sections .eltdf-uss-item.eltdf-uss-item-has-link .eltdf-uss-item-inner a { position: relative; } .eltdf-uncovering-sections .eltdf-uss-item .eltdf-uss-item-outer { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .eltdf-uncovering-sections .eltdf-uss-item .eltdf-uss-item-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-uncovering-sections .eltdf-uss-item .eltdf-uss-item-inner a { position: relative; } .eltdf-uncovering-sections .eltdf-uss-item .eltdf-uss-item-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .eltdf-fss-shadow { background: #323134; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 19; opacity: 0; pointer-events: none; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: opacity; } /* ========================================================================== Vertical Split Slider shortcode style - begin ========================================================================== */ .eltdf-vss-initialized .eltdf-content .eltdf-content-inner > .eltdf-container > .eltdf-container-inner { padding: 0; } .eltdf-vss-initialized .eltdf-content .eltdf-content-inner > .eltdf-full-width > .eltdf-full-width-inner { padding: 0; } .eltdf-vertical-split-slider { position: relative; opacity: 0; margin: 0 -2px; overflow: hidden; } .eltdf-vertical-split-slider .eltdf-vss-ms-left, .eltdf-vertical-split-slider .eltdf-vss-ms-right { position: absolute; width: 50%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-vertical-split-slider .eltdf-vss-ms-left { top: 0; left: 0; } .eltdf-vertical-split-slider .eltdf-vss-ms-left .eltdf-vss-ms-section { background-position: 100% center; background-size: cover; } .eltdf-vertical-split-slider .eltdf-vss-ms-right { top: 10000px; right: 0; } .eltdf-vertical-split-slider .eltdf-vss-ms-right .eltdf-vss-ms-section { background-position: 0 center; background-size: cover; } .eltdf-vertical-split-slider .eltdf-vss-ms-section.ms-table { display: table; width: 100%; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-vertical-split-slider .eltdf-vss-ms-section .ms-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: padding 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: padding 0.45s cubic-bezier(0.4, 0, 0.2, 1); } .eltdf-vertical-split-slider .eltdf-vss-ms-section .ms-easing { -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .eltdf-vertical-split-slider.eltdf-vss-scrolled .eltdf-vss-ms-left .eltdf-vss-ms-section .ms-tableCell { padding: 7.5rem 0 7.5rem 7.5rem; } .eltdf-vertical-split-slider.eltdf-vss-scrolled .eltdf-vss-ms-right .eltdf-vss-ms-section .ms-tableCell { padding: 7.5rem 7.5rem 7.5rem 0; } .eltdf-vertical-split-slider.eltdf-vss-scrolled .eltdf-vss-horizontal-mask:before, .eltdf-vertical-split-slider.eltdf-vss-scrolled .eltdf-vss-horizontal-mask:after { -webkit-transform: scaleY(1); transform: scaleY(1); } .eltdf-vertical-split-slider.eltdf-vss-scrolled .eltdf-vss-vertical-mask:before, .eltdf-vertical-split-slider.eltdf-vss-scrolled .eltdf-vss-vertical-mask:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .eltdf-vertical-split-slider .eltdf-vss-horizontal-mask:before, .eltdf-vertical-split-slider .eltdf-vss-horizontal-mask:after { content: ''; position: absolute; left: 0; right: 0; background-color: #fff; height: 7.5rem; z-index: 500; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); } .eltdf-vertical-split-slider .eltdf-vss-horizontal-mask:before { top: 0; -webkit-transform-origin: center top; transform-origin: center top; } .eltdf-vertical-split-slider .eltdf-vss-horizontal-mask:after { bottom: 0; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .eltdf-vertical-split-slider .eltdf-vss-vertical-mask:before, .eltdf-vertical-split-slider .eltdf-vss-vertical-mask:after { content: ''; position: absolute; top: 0; bottom: 0; background-color: #fff; width: 7.5rem; z-index: 500; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); } .eltdf-vertical-split-slider .eltdf-vss-vertical-mask:before { left: 0; -webkit-transform-origin: center left; transform-origin: center left; } .eltdf-vertical-split-slider .eltdf-vss-vertical-mask:after { right: 0; -webkit-transform-origin: center right; transform-origin: center right; } .eltdf-vss-responsive { display: none; } .eltdf-vss-responsive .eltdf-vss-ms-section { background-position: center; background-size: cover; } #multiscroll-nav { position: fixed; top: 50%; right: 64px; margin-top: -10px; opacity: 1; z-index: 1000; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .eltdf-fullscreen-menu-opened #multiscroll-nav { z-index: -1; } #multiscroll-nav ul { margin: 0; padding: 0; } #multiscroll-nav ul li { position: relative; display: block; margin: 12px 3px; overflow: hidden; } #multiscroll-nav ul li a { position: relative; display: block; width: 12px; height: 12px; margin: 0 auto; background-color: transparent; border: 2px solid rgba(51, 51, 51, 0.5); border-radius: 3em; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } #multiscroll-nav ul li a.active { background-color: #333333; border-color: #333333; } .eltdf-light-header #multiscroll-nav ul li a { border-color: #fff; } .eltdf-light-header #multiscroll-nav ul li a.active { background-color: #fff; } .eltdf-dark-header #multiscroll-nav ul li a { border-color: #333; } .eltdf-dark-header #multiscroll-nav ul li a.active { background-color: #333; } #multiscroll-nav ul li a span { display: block; } /* ========================================================================== Vertical Split Slider shortcode style - end ========================================================================== */ /* ========================================================================== Video Button shortcode start styles ========================================================================== */ .eltdf-video-button-holder { position: relative; display: inline-block; vertical-align: middle; } .eltdf-video-button-holder.eltdf-vb-has-img .eltdf-video-button-play, .eltdf-video-button-holder.eltdf-vb-has-img .eltdf-video-button-play-image { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .eltdf-video-button-holder.eltdf-vb-has-img .eltdf-video-button-play .eltdf-video-button-play-inner, .eltdf-video-button-holder.eltdf-vb-has-img .eltdf-video-button-play-image .eltdf-video-button-play-inner { position: relative; top: 50%; left: 0; display: block; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .eltdf-video-button-holder .eltdf-video-button-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltdf-video-button-holder .eltdf-video-button-image img { display: block; } .eltdf-video-button-holder .eltdf-video-button-play, .eltdf-video-button-holder .eltdf-video-button-play-image { position: relative; display: inline-block; vertical-align: top; z-index: 1; } .eltdf-video-button-holder .eltdf-video-button-play { color: #333333; font-size: 106px; line-height: 1; } .eltdf-video-button-holder .eltdf-video-button-play span { display: block; line-height: inherit; } .eltdf-video-button-holder .eltdf-video-button-play span:before { display: block; line-height: inherit; } .eltdf-video-button-holder .eltdf-video-button-play-image.eltdf-vb-has-hover-image:hover img:first-child { opacity: 0; } .eltdf-video-button-holder .eltdf-video-button-play-image.eltdf-vb-has-hover-image:hover img:nth-child(2) { opacity: 1; } .eltdf-video-button-holder .eltdf-video-button-play-image img { display: block; margin: 0 auto; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .eltdf-video-button-holder .eltdf-video-button-play-image img:first-child { position: relative; opacity: 1; } .eltdf-video-button-holder .eltdf-video-button-play-image img:nth-child(2) { position: absolute; top: 0; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); } .rev_slider_wrapper .eltdf-video-button-holder .eltdf-video-button-play-image img:nth-child(2) { -webkit-transform: translateZ(0); transform: translateZ(0); } /* ========================================================================== Video Button shortcode end styles ========================================================================== */ /* ========================================================================== Global partials ========================================================================== */ /* common mixins - start */ /* common mixins - end */ /* mixins styles - start */ /* mixins styles - end */ /* ========================================================================== Shortcodes styles ========================================================================== */ .eltdf-twitter-list-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; } .eltdf-twitter-list-holder:not(.eltdf-tl-one-column) .eltdf-tl-item { float: left; } .eltdf-twitter-list-holder .eltdf-twitter-list { position: relative; display: inline-block; width: 100%; vertical-align: middle; list-style: none; margin: 0; padding: 0; } .eltdf-twitter-list-holder .eltdf-tl-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-twitter-list-holder .eltdf-tli-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; background-color: #ffffff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .eltdf-twitter-list-holder .eltdf-tli-inner:hover { -webkit-box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, 0.05); box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, 0.05); -webkit-transform: translateY(-3px); transform: translateY(-3px); } .eltdf-twitter-list-holder .eltdf-tli-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 35px 23px; border: 1px solid #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-twitter-list-holder .eltdf-twitter-content-top { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin-bottom: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-twitter-list-holder .eltdf-twitter-link-over { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .eltdf-twitter-list-holder .eltdf-twitter-user { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-twitter-list-holder .eltdf-twitter-user .eltdf-twitter-image { position: relative; display: inline-block; vertical-align: top; float: left; width: 56px; height: 56px; } .eltdf-twitter-list-holder .eltdf-twitter-user .eltdf-twitter-image img { border-radius: 50%; } .eltdf-twitter-list-holder .eltdf-twitter-user .eltdf-twitter-name { position: relative; display: inline-block; vertical-align: top; float: left; width: calc(100% - 56px); padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-twitter-list-holder .eltdf-twitter-user .eltdf-twitter-name * { margin: 0; } .eltdf-twitter-list-holder .eltdf-twitter-icon { position: absolute; top: -7px; right: 3px; width: 20px; display: inline-block; vertical-align: top; color: #17436f; font-size: 24px; text-align: right; } .eltdf-twitter-list-holder .eltdf-tweet-text { padding-left: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-twitter-list-holder .eltdf-tweet-text a { position: relative; color: #808080; z-index: 2; } .eltdf-twitter-list-holder .eltdf-tweet-text a:hover { color: #17436f; } .eltdf-twitter-list-holder .eltdf-twitter-profile a { position: relative; color: #808080; z-index: 2; } .eltdf-twitter-list-holder .eltdf-twitter-profile a:hover { color: #17436f; } .eltdf-twitter-list-holder.eltdf-tl-two-columns .eltdf-tl-item { width: 50%; } @media only screen and (min-width: 1025px) { .eltdf-twitter-list-holder.eltdf-tl-two-columns .eltdf-tl-item:nth-child(2n+1) { clear: both; } } .eltdf-twitter-list-holder.eltdf-tl-three-columns .eltdf-tl-item { width: 33.33333%; } @media only screen and (min-width: 1201px) { .eltdf-twitter-list-holder.eltdf-tl-three-columns .eltdf-tl-item:nth-child(3n+1) { clear: both; } } .eltdf-twitter-list-holder.eltdf-tl-four-columns .eltdf-tl-item { width: 25%; } @media only screen and (min-width: 1281px) { .eltdf-twitter-list-holder.eltdf-tl-four-columns .eltdf-tl-item:nth-child(4n+1) { clear: both; } } .eltdf-twitter-list-holder.eltdf-tl-five-columns .eltdf-tl-item { width: 20%; } @media only screen and (min-width: 1281px) { .eltdf-twitter-list-holder.eltdf-tl-five-columns .eltdf-tl-item:nth-child(5n+1) { clear: both; } } #rev_slider_2_1_wrapper { max-width: 1441px; } .vc_custom_1669889642678 .eltdf-separator-holder { margin-bottom: 50px; } .vc_custom_1669889642678 .eltdf-image-with-text-holder .eltdf-iwt-text-holder { margin: -115px 0 0; padding: 15px; background: rgba(255, 255, 255, 0.75); } .vc_custom_1669889642678 .eltdf-image-with-text-holder .eltdf-iwt-text-holder h3 { font-size: 20px; color: #000; padding: 0; margin: 0; } .eltdf-product-list-title { font-size: 16px; margin-bottom: 15px !important; } .product-categories ul.children { margin-left: 0 !important; } .product-categories > li > a { font-weight: 500; } body.home .eltdf-full-width .eltdf-grid-col-push-3 { left: 0 !important; } body.home .eltdf-full-width .eltdf-grid-col-9 { width: 100% !important; } .eltdf-standard-with-breadcrumbs-type .eltdf-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .eltdf-standard-with-breadcrumbs-type .eltdf-grid .eltdf-title-info, .eltdf-standard-with-breadcrumbs-type .eltdf-grid .eltdf-breadcrumbs-info { width: 100%; } .xoo-wsc-items-count, .xoo-wsc-sc-count { background: #17436F; } span.xoo-wsc-pname, span.xoo-wsc-pname a { font-size: 14px; } .xoo-wsc-qty-price { font-size: 14px; } .eltdf-side-menu-button-opener { display: none !important; } /*# sourceMappingURL=modules.css.map */