Файловый менеджер - Редактировать - /home/neurocs/www/wp-content/themes/mediclinic/assets/css/modules.css
Назад
/* Button mixins - start */ /* Button mixins - end */ /*------------------------------------------------------------------ * This is main css file for theme. It is broken into following sections: * 1. Global styles and reset * 2. Header Styles * 3. Footer styles * 4. Title area styles * 5. Side area styles * 6. Fullscreen Menu functionality styles * 7. Search functionality styles * 8. Blog styles * 9. Widgets styles * 10. Plugins styles * 11. Shortcodes styles * 12. Custom Post Types styles -------------------------------------------------------------------*/ /*------------------------------------------------------------------ * Color codes * Accent color: #43d5cb * Background: #fff * Content: #6e6e6e * Header h1: #333333 * Header h2: #333333 * Header h3: #333333 * Header h4: #333333 * Header h5: #333333 * Header h6: #6e6e6e * Header Background: #ffffff * Footer Top Background: #292929 * Footer Bottom Background: #fff * a (standard): #43d5cb * a (hover): #43d5cb */ /* ========================================================================== 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-weight: 400; font-size: 15px; line-height: 26px; color: #6e6e6e; background-color: #fff; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; } h1 { font-size: 60px; line-height: 1.23em; font-weight: 500; font-family: "Poppins", sans-serif; } h2 { font-size: 50px; line-height: 1.2em; font-weight: 500; font-family: "Poppins", sans-serif; } h3 { font-size: 24px; line-height: 1.58em; font-weight: 500; font-family: "Poppins", sans-serif; color: #0e0e0e; } h4 { font-size: 21px; line-height: 1.8em; font-weight: 300; } h5 { font-size: 17px; font-weight: 500; line-height: 1.66em; font-family: "Poppins", sans-serif; } h6 { font-size: 12px; line-height: 1.66em; font-weight: 500; letter-spacing: .03em; font-family: "Poppins", sans-serif; color: #4e6dcc; } h1, h2, h3, h4, h5 { margin: 20px 0; color: #333333; } h1 a, h2 a, h3 a, h4 a, h5 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 { color: #43d5cb; } a, p a { color: #333333; text-decoration: none; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } a:hover, p a:hover { color: #43d5cb; } 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 20px; } 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 #e1e1e1; } table tbody th { border-right: 1px solid #e1e1e1; } blockquote { position: relative; display: inline-block; width: 100%; vertical-align: middle; font-family: "Poppins", sans-serif; color: #000; font-weight: 400; margin: 20px 0; padding: 0 0 10px 95px; font-size: 18px; line-height: 30px; text-align: left; quotes: none; box-sizing: border-box; } 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; } blockquote:after { position: absolute; left: 45px; top: 7px; font-family: FontAwesome; content: "\f10e"; color: #4e6dcc; font-size: 35px; } blockquote cite { font-style: normal; font-weight: 400; } /* Webkit */ ::selection { background: #43d5cb; color: #fff; } /* Gecko/Mozilla */ ::-moz-selection { background: #43d5cb; color: #fff; } .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { opacity: 1; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .aligncenter { 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; } .mkdf-wrapper { position: relative; left: 0; z-index: 1000; } .mkdf-wrapper .mkdf-wrapper-inner { width: 100%; overflow: hidden; } .mkdf-content { position: relative; margin-top: 0; z-index: 100; background-color: #fff; /*this is needed because of the uncovering footer*/ } .mkdf-boxed { overflow: hidden !important; /* this is because content jumping while using accordion and display:inline-block on 'body.mkdf-boxed .mkdf-wrapper' */ } .mkdf-boxed .mkdf-wrapper { display: inline-block; vertical-align: middle; width: 100%; } .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner { width: 1150px; overflow: visible; margin: auto; } .mkdf-boxed .mkdf-content { overflow: hidden; } .mkdf-boxed .mkdf-footer-inner { width: 1150px; margin: auto; } .mkdf-boxed .mkdf-page-header .mkdf-sticky-header, .mkdf-boxed .mkdf-page-header .mkdf-fixed-wrapper.fixed { width: 1150px; left: auto; } .mkdf-paspartu-enabled .mkdf-wrapper { padding: 10px; background-color: #fff; box-sizing: border-box; } .mkdf-paspartu-enabled.mkdf-top-paspartu-disabled .mkdf-wrapper { padding-top: 0 !important; } .mkdf-smooth-transition-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; background-color: #fff; opacity: 1; display: block; } .mkdf-container { background-color: #fff; position: relative; padding: 0; width: 100%; z-index: 100; } .mkdf-container:before { content: " "; display: table; } .mkdf-container:after { content: " "; display: table; clear: both; } .mkdf-container-inner { width: 1100px; margin: 0 auto; } .mkdf-full-width { position: relative; z-index: 100; } .mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner, .mkdf-content .mkdf-content-inner > .mkdf-full-width > .mkdf-full-width-inner { padding-top: 40px; } @media only screen and (min-width: 1400px) { .mkdf-grid-1300 .mkdf-grid, .mkdf-grid-1300 .mkdf-container-inner, .mkdf-grid-1300 .mkdf-row-grid-section, .mkdf-grid-1300 .mkdf-footer-top-border-holder.mkdf-in-grid, .mkdf-grid-1300 .mkdf-footer-bottom-border-holder.mkdf-in-grid { width: 1300px; } .mkdf-grid-1300.mkdf-boxed .mkdf-footer-inner, .mkdf-grid-1300.mkdf-boxed .mkdf-wrapper-inner { width: 1350px; } .mkdf-grid-1300.mkdf-boxed .mkdf-page-header .mkdf-sticky-header, .mkdf-grid-1300.mkdf-boxed .mkdf-page-header .mkdf-fixed-wrapper.fixed { width: 1350px; left: auto; } } @media only screen and (min-width: 1300px) { .mkdf-grid-1200 .mkdf-grid, .mkdf-grid-1200 .mkdf-container-inner, .mkdf-grid-1200 .mkdf-row-grid-section, .mkdf-grid-1200 .mkdf-footer-top-border-holder.mkdf-in-grid, .mkdf-grid-1200 .mkdf-footer-bottom-border-holder.mkdf-in-grid { width: 1200px; } .mkdf-grid-1200.mkdf-boxed .mkdf-footer-inner, .mkdf-grid-1200.mkdf-boxed .mkdf-wrapper-inner { width: 1250px; } .mkdf-grid-1200.mkdf-boxed .mkdf-page-header .mkdf-sticky-header, .mkdf-grid-1200.mkdf-boxed .mkdf-page-header .mkdf-fixed-wrapper.fixed { width: 1250px; left: auto; } } @media only screen and (min-width: 1200px) { .mkdf-grid-1000 .mkdf-grid, .mkdf-grid-1000 .mkdf-container-inner, .mkdf-grid-1000 .mkdf-row-grid-section, .mkdf-grid-1000 .mkdf-footer-top-border-holder.mkdf-in-grid, .mkdf-grid-1000 .mkdf-footer-bottom-border-holder.mkdf-in-grid { width: 1000px; } .mkdf-grid-1000.mkdf-boxed .mkdf-footer-inner, .mkdf-grid-1000.mkdf-boxed .mkdf-wrapper-inner { width: 1050px; } .mkdf-grid-1000.mkdf-boxed .mkdf-page-header .mkdf-sticky-header, .mkdf-grid-1000.mkdf-boxed .mkdf-page-header .mkdf-fixed-wrapper.fixed { width: 1050px; left: auto; } } @media only screen and (min-width: 1024px) { .mkdf-grid-800 .mkdf-grid, .mkdf-grid-800 .mkdf-container-inner, .mkdf-grid-800 .mkdf-row-grid-section, .mkdf-grid-800 .mkdf-footer-top-border-holder.mkdf-in-grid, .mkdf-grid-800 .mkdf-footer-bottom-border-holder.mkdf-in-grid { width: 800px; } .mkdf-grid-800.mkdf-boxed .mkdf-footer-inner, .mkdf-grid-800.mkdf-boxed .mkdf-wrapper-inner { width: 850px; } .mkdf-grid-800.mkdf-boxed .mkdf-page-header .mkdf-sticky-header, .mkdf-grid-800.mkdf-boxed .mkdf-page-header .mkdf-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; } } .mkdf-preload-background { background-repeat: repeat !important; background-color: transparent !important; background-attachment: scroll !important; background-size: 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! */ } .mkdf-grid { width: 1100px; margin: 0 auto; } .mkdf-vertical-align-containers { position: relative; height: 100%; width: 100%; padding: 0 20px; box-sizing: border-box; } .mkdf-vertical-align-containers.mkdf-25-50-25 .mkdf-position-left, .mkdf-vertical-align-containers.mkdf-25-50-25 .mkdf-position-right { width: 25%; } .mkdf-vertical-align-containers.mkdf-25-50-25 .mkdf-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mkdf-vertical-align-containers.mkdf-33-33-33 .mkdf-position-left, .mkdf-vertical-align-containers.mkdf-33-33-33 .mkdf-position-center, .mkdf-vertical-align-containers.mkdf-33-33-33 .mkdf-position-right { width: 33.33%; } .mkdf-vertical-align-containers.mkdf-33-33-33 .mkdf-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mkdf-vertical-align-containers.mkdf-50-50 .mkdf-position-left, .mkdf-vertical-align-containers.mkdf-50-50 .mkdf-position-right { width: 50%; } .mkdf-vertical-align-containers.mkdf-33-66 .mkdf-position-left { width: 33.33%; } .mkdf-vertical-align-containers.mkdf-33-66 .mkdf-position-right { width: 66.66%; } .mkdf-vertical-align-containers.mkdf-66-33 .mkdf-position-left { width: 66.66%; } .mkdf-vertical-align-containers.mkdf-66-33 .mkdf-position-right { width: 33.33%; } .mkdf-vertical-align-containers .mkdf-position-left { position: relative; float: left; z-index: 2; height: 100%; } .mkdf-vertical-align-containers .mkdf-position-center { height: 100%; width: 100%; position: absolute; left: 0; text-align: center; z-index: 1; } .mkdf-vertical-align-containers .mkdf-position-right { position: relative; float: right; z-index: 2; height: 100%; text-align: right; } .mkdf-vertical-align-containers .mkdf-position-left-inner, .mkdf-vertical-align-containers .mkdf-position-center-inner, .mkdf-vertical-align-containers .mkdf-position-right-inner { vertical-align: middle; display: inline-block; } .mkdf-vertical-align-containers .mkdf-position-right.mkdf-has-widget .mkdf-position-right-inner { height: 100%; } .mkdf-vertical-align-containers .mkdf-position-left:before, .mkdf-vertical-align-containers .mkdf-position-center:before, .mkdf-vertical-align-containers .mkdf-position-right:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; margin-right: 0px; /* adjusts for spacing */ } /* ========================================================================== #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; } .mkdf-scrolling-text-enabled { position: relative; } .mkdf-scrolling-text-enabled .mkdf-marquee-holder { position: absolute; font-family: "Poppins", sans-serif; width: 100%; height: 1.2em; overflow: hidden; font-size: 465px; line-height: 1em; letter-spacing: 0; color: #f3f3f3; font-weight: 600; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; padding: 0 50px; } .mkdf-scrolling-text-enabled .mkdf-marquee-holder ul { margin: 0; } .mkdf-scrolling-text-enabled .mkdf-marquee-holder .mkdf-marquee { float: left; margin: 0; display: block; line-height: 1.2em; } .mkdf-row-grid-section { position: relative; width: 1100px; margin: 0 auto; z-index: 20; } .mkdf-content-aligment-left { text-align: left; } .mkdf-content-aligment-center { text-align: center; } .mkdf-content-aligment-right { text-align: right; } @media only screen and (max-width: 1280px) { .mkdf-disabled-bg-image-bellow-1280 { background-image: none !important; } } @media only screen and (max-width: 1024px) { .mkdf-disabled-bg-image-bellow-1024 { background-image: none !important; } } @media only screen and (max-width: 768px) { .mkdf-disabled-bg-image-bellow-768 { background-image: none !important; } } @media only screen and (max-width: 680px) { .mkdf-disabled-bg-image-bellow-680 { background-image: none !important; } } @media only screen and (max-width: 480px) { .mkdf-disabled-bg-image-bellow-480 { background-image: none !important; } } .mkdf-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) { .mkdf-parallax-row-holder { height: auto !important; min-height: 200px !important; background-position: center top !important; background-attachment: scroll; background-size: cover; } } /* ========================================================================== #Row styles - end ========================================================================== */ /* ========================================================================== #Screen reader text - begin ========================================================================== */ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { clip: auto !important; display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 15px 23px 14px; color: #21759b; font-size: 14px; font-weight: bold; line-height: normal; text-decoration: none; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); z-index: 100000; /* Above WP toolbar. */ } /* ========================================================================== #Screen reader text - end ========================================================================== */ /* ========================================================================== Grid System style - begin ========================================================================== */ .mkdf-two-columns-form-without-space .mkdf-column-left { display: table-cell; width: 99%; vertical-align: top; } .mkdf-two-columns-form-without-space .mkdf-column-right { display: table-cell; width: 1%; text-align: left; vertical-align: top; } .mkdf-two-columns-form-with-space .mkdf-column-left { display: table-cell; width: 99%; vertical-align: top; padding: 0 10px 0 0; box-sizing: border-box; } .mkdf-two-columns-form-with-space .mkdf-column-right { display: table-cell; width: 1%; text-align: left; vertical-align: top; padding: 0 0 0 10px; box-sizing: border-box; } /* ========================================================================== Grid System Mixin style - begin ========================================================================== */ /* ========================================================================== Grid System Mixin style - end ========================================================================== */ .mkdf-grid-row { margin-left: -15px; margin-right: -15px; } .mkdf-grid-row:before, .mkdf-grid-row:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-row:after { clear: both; } .mkdf-grid-row { *zoom: 1; } .mkdf-grid-no-gutter { margin-left: -0px; margin-right: -0px; } .mkdf-grid-no-gutter > div { padding-left: 0px; padding-right: 0px; } .mkdf-grid-tiny-gutter { margin-left: -5px; margin-right: -5px; } .mkdf-grid-tiny-gutter > div { padding-left: 5px; padding-right: 5px; } .mkdf-grid-small-gutter { margin-left: -10px; margin-right: -10px; } .mkdf-grid-small-gutter > div { padding-left: 10px; padding-right: 10px; } .mkdf-grid-normal-gutter { margin-left: -15px; margin-right: -15px; } .mkdf-grid-normal-gutter > div { padding-left: 15px; padding-right: 15px; } .mkdf-grid-medium-gutter { margin-left: -20px; margin-right: -20px; } .mkdf-grid-medium-gutter > div { padding-left: 20px; padding-right: 20px; } .mkdf-grid-large-gutter { margin-left: -25px; margin-right: -25px; } .mkdf-grid-large-gutter > div { padding-left: 25px; padding-right: 25px; } .mkdf-grid-col-1 { position: relative; float: left; width: 8.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-1:before, .mkdf-grid-col-1:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-1:after { clear: both; } .mkdf-grid-col-1 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-1 { width: 100%; float: none; } } .mkdf-grid-col-2 { position: relative; float: left; width: 16.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-2:before, .mkdf-grid-col-2:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-2:after { clear: both; } .mkdf-grid-col-2 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-2 { width: 100%; float: none; } } .mkdf-grid-col-3 { position: relative; float: left; width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-3:before, .mkdf-grid-col-3:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-3:after { clear: both; } .mkdf-grid-col-3 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-3 { width: 100%; float: none; } } .mkdf-grid-col-4 { position: relative; float: left; width: 33.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-4:before, .mkdf-grid-col-4:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-4:after { clear: both; } .mkdf-grid-col-4 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-4 { width: 100%; float: none; } } .mkdf-grid-col-5 { position: relative; float: left; width: 41.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-5:before, .mkdf-grid-col-5:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-5:after { clear: both; } .mkdf-grid-col-5 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-5 { width: 100%; float: none; } } .mkdf-grid-col-6 { position: relative; float: left; width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-6:before, .mkdf-grid-col-6:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-6:after { clear: both; } .mkdf-grid-col-6 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-6 { width: 100%; float: none; } } .mkdf-grid-col-7 { position: relative; float: left; width: 58.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-7:before, .mkdf-grid-col-7:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-7:after { clear: both; } .mkdf-grid-col-7 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-7 { width: 100%; float: none; } } .mkdf-grid-col-8 { position: relative; float: left; width: 66.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-8:before, .mkdf-grid-col-8:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-8:after { clear: both; } .mkdf-grid-col-8 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-8 { width: 100%; float: none; } } .mkdf-grid-col-9 { position: relative; float: left; width: 75%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-9:before, .mkdf-grid-col-9:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-9:after { clear: both; } .mkdf-grid-col-9 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-9 { width: 100%; float: none; } } .mkdf-grid-col-10 { position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-10:before, .mkdf-grid-col-10:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-10:after { clear: both; } .mkdf-grid-col-10 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-10 { width: 100%; float: none; } } .mkdf-grid-col-11 { position: relative; float: left; width: 91.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-11:before, .mkdf-grid-col-11:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-11:after { clear: both; } .mkdf-grid-col-11 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-11 { width: 100%; float: none; } } .mkdf-grid-col-12 { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .mkdf-grid-col-12:before, .mkdf-grid-col-12:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkdf-grid-col-12:after { clear: both; } .mkdf-grid-col-12 { *zoom: 1; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-12 { width: 100%; float: none; } } .mkdf-grid-col-push-1 { left: 8.33333%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-1 { left: 0; } } .mkdf-grid-col-pull-1 { right: 8.33333%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-1 { right: 0; } } .mkdf-grid-col-push-2 { left: 16.66667%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-2 { left: 0; } } .mkdf-grid-col-pull-2 { right: 16.66667%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-2 { right: 0; } } .mkdf-grid-col-push-3 { left: 25%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-3 { left: 0; } } .mkdf-grid-col-pull-3 { right: 25%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-3 { right: 0; } } .mkdf-grid-col-push-4 { left: 33.33333%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-4 { left: 0; } } .mkdf-grid-col-pull-4 { right: 33.33333%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-4 { right: 0; } } .mkdf-grid-col-push-5 { left: 41.66667%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-5 { left: 0; } } .mkdf-grid-col-pull-5 { right: 41.66667%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-5 { right: 0; } } .mkdf-grid-col-push-6 { left: 50%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-6 { left: 0; } } .mkdf-grid-col-pull-6 { right: 50%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-6 { right: 0; } } .mkdf-grid-col-push-7 { left: 58.33333%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-7 { left: 0; } } .mkdf-grid-col-pull-7 { right: 58.33333%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-7 { right: 0; } } .mkdf-grid-col-push-8 { left: 66.66667%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-8 { left: 0; } } .mkdf-grid-col-pull-8 { right: 66.66667%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-8 { right: 0; } } .mkdf-grid-col-push-9 { left: 75%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-9 { left: 0; } } .mkdf-grid-col-pull-9 { right: 75%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-9 { right: 0; } } .mkdf-grid-col-push-10 { left: 83.33333%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-10 { left: 0; } } .mkdf-grid-col-pull-10 { right: 83.33333%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-10 { right: 0; } } .mkdf-grid-col-push-11 { left: 91.66667%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-11 { left: 0; } } .mkdf-grid-col-pull-11 { right: 91.66667%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-11 { right: 0; } } .mkdf-grid-col-push-12 { left: 100%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-push-12 { left: 0; } } .mkdf-grid-col-pull-12 { right: 100%; } @media only screen and (max-width: 1024px) { .mkdf-grid-col-pull-12 { right: 0; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-1 { width: 8.33333%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-2 { width: 16.66667%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-3 { width: 25%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-3 { width: 25%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-3 { width: 25%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-3 { width: 25%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-3 { width: 25%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-3 { width: 25%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-3 { width: 25%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-3 { width: 25%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-4 { width: 33.33333%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-5 { width: 41.66667%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-6 { width: 50%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-6 { width: 50%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-6 { width: 50%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-6 { width: 50%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-6 { width: 50%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-6 { width: 50%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-6 { width: 50%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-6 { width: 50%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-7 { width: 58.33333%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-8 { width: 66.66667%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-9 { width: 75%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-9 { width: 75%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-9 { width: 75%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-9 { width: 75%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-9 { width: 75%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-9 { width: 75%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-9 { width: 75%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-9 { width: 75%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-10 { width: 83.33333%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 320px) { .mkdf-grid-col-smaller-phone-portrait-11 { width: 91.66667%; float: left; } } @media only screen and (max-width: 1440px) { .mkdf-grid-col-laptop-landscape-large-12 { width: 100%; float: none; } } @media only screen and (max-width: 1280px) { .mkdf-grid-col-laptop-landscape-medium-12 { width: 100%; float: none; } } @media only screen and (max-width: 1200px) { .mkdf-grid-col-laptop-landscape-12 { width: 100%; float: none; } } @media only screen and (max-width: 1024px) { .mkdf-grid-col-ipad-landscape-12 { width: 100%; float: none; } } @media only screen and (max-width: 768px) { .mkdf-grid-col-ipad-portrait-12 { width: 100%; float: none; } } @media only screen and (max-width: 680px) { .mkdf-grid-col-phone-landscape-12 { width: 100%; float: none; } } @media only screen and (max-width: 480px) { .mkdf-grid-col-phone-portrait-12 { width: 100%; float: none; } } @media only screen and (max-width: 320px) { .mkdf-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; transform: translate(-20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-left { 0% { opacity: 0; transform: translate(-20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes element-from-right { 0% { opacity: 0; transform: translate(20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-right { 0% { opacity: 0; transform: translate(20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes element-from-top { 0% { opacity: 0; transform: translate(0, -30%); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-top { 0% { opacity: 0; transform: translate(0, -30%); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes element-from-bottom { 0% { opacity: 0; transform: translate(0, 30%); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-bottom { 0% { opacity: 0; transform: translate(0, 30%); } 100% { opacity: 1; transform: translate(0, 0); } } .mkdf-element-from-left, .mkdf-element-from-right, .mkdf-element-from-top, .mkdf-element-from-bottom, .mkdf-element-from-fade { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-element-from-left > div, .mkdf-element-from-right > div, .mkdf-element-from-top > div, .mkdf-element-from-bottom > div, .mkdf-element-from-fade > div { position: relative; display: inline-block; width: 100%; vertical-align: middle; opacity: 0; } .mkdf-element-from-fade.mkdf-element-from-fade-on > div { opacity: 1; -webkit-transition: opacity 0.8s ease 0s; -moz-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; } .mkdf-element-from-left.mkdf-element-from-left-on > div { -webkit-animation: element-from-left 0.55s 1 ease; -moz-animation: element-from-left 0.55s 1 ease; animation: element-from-left 0.55s 1 ease; opacity: 1; } .mkdf-element-from-right.mkdf-element-from-right-on > div { -webkit-animation: element-from-right 0.55s 1 ease; -moz-animation: element-from-right 0.55s 1 ease; animation: element-from-right 0.55s 1 ease; opacity: 1; } .mkdf-element-from-top.mkdf-element-from-top-on > div { -webkit-animation: element-from-top 0.55s 1 ease; -moz-animation: element-from-top 0.55s 1 ease; animation: element-from-top 0.55s 1 ease; opacity: 1; } .mkdf-element-from-bottom.mkdf-element-from-bottom-on > div { -webkit-animation: element-from-bottom 0.55s 1 ease; -moz-animation: element-from-bottom 0.55s 1 ease; animation: element-from-bottom 0.55s 1 ease; opacity: 1; } .mkdf-flip-in { opacity: 0; -webkit-transform: perspective(1000px) rotateY(25deg); -moz-transform: perspective(1000px) rotateY(25deg); transform: perspective(1000px) rotateY(25deg); -webkit-transition: all 1.1s ease-in-out; -moz-transition: all 1.1s ease-in-out; transition: all 1.1s ease-in-out; } .mkdf-flip-in.mkdf-flip-in-on { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); } .mkdf-grow-in { opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1); -moz-transition: all 1s cubic-bezier(0, 1, 0.5, 1); transition: all 1s cubic-bezier(0, 1, 0.5, 1); } .mkdf-grow-in.mkdf-grow-in-on { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkdf-z-rotate { opacity: 0; -webkit-transform: rotateZ(7deg); -moz-transform: rotateZ(7deg); transform: rotateZ(7deg); -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-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; -moz-transform-origin: top right; transform-origin: top right; } .mkdf-z-rotate.mkdf-z-rotate-on { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); } .mkdf-x-rotate { opacity: 0; -webkit-transform: perspective(900px) rotateX(-45deg); -moz-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); -moz-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); } .mkdf-x-rotate.mkdf-x-rotate-on { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } .mkdf-y-translate { opacity: 0; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); transform: translate(0, 30px); -webkit-transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65); -moz-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); } .mkdf-y-translate.mkdf-y-translate-on { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .mkdf-fade-in-down { opacity: 0; -webkit-transform: translate(0, -25px); -moz-transform: translate(0, -25px); transform: translate(0, -25px); -webkit-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); -moz-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); } .mkdf-fade-in-down.mkdf-fade-in-down-on { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .mkdf-fade-in-left-x-rotate { opacity: 0; -webkit-transform: rotateZ(-5deg) translate(-30px, 0); -moz-transform: rotateZ(-5deg) translate(-30px, 0); transform: rotateZ(-5deg) translate(-30px, 0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .mkdf-fade-in-left-x-rotate.mkdf-fade-in-left-x-rotate-on { opacity: 1; -webkit-transform: rotateZ(0deg) translate(0, 0); -moz-transform: rotateZ(0deg) translate(0, 0); transform: rotateZ(0deg) translate(0, 0); } .mkdf-fade-in { opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .mkdf-fade-in.mkdf-fade-in-on { opacity: 1; } /* ========================================================================== #Animation styles - end ========================================================================== */ .mkdf-st-loader { position: absolute; top: 50%; left: 50%; z-index: 2100; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mkdf-st-loader1 { position: relative; display: inline-block; width: 100%; height: 100%; } .mkdf-st-loader2 { margin: -50% 0 0 -50%; } /* rotate circles - start */ .mkdf-rotate-circles { width: 60px; height: 20px; } .mkdf-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; } .mkdf-rotate-circles > div:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms; } .mkdf-rotate-circles > div:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms; } .mkdf-rotate-circles > div:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); transform: translateY(145%); } } /* rotate circles - end */ /* pulse - start */ .mkdf-st-loader .pulse { width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #43d5cb; 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; } } @-moz-keyframes scaleout { 0% { -moz-transform: scale(0); } 100% { -moz-transform: scale(1); opacity: 0; } } @-ms-keyframes scaleout { 0% { -ms-transform: scale(0); } 100% { -ms-transform: scale(1); opacity: 0; } } @-o-keyframes scaleout { 0% { -o-transform: scale(0); } 100% { -o-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 */ .mkdf-st-loader .double_pulse { width: 40px; height: 40px; margin: -20px 0 0 -20px; position: relative; } .mkdf-st-loader .double_pulse .double-bounce1, .mkdf-st-loader .double_pulse .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #43d5cb; 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; } .mkdf-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 */ .mkdf-st-loader .cube { width: 60px; height: 60px; margin: -30px 0 0 -30px; background-color: #43d5cb; -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 */ .mkdf-st-loader .rotating_cubes { width: 32px; height: 32px; margin: -16px 0 0 -16px; position: relative; } .mkdf-st-loader .rotating_cubes .cube1, .mkdf-st-loader .rotating_cubes .cube2 { background-color: #43d5cb; 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; } .mkdf-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 */ .mkdf-st-loader .stripes { width: 50px; height: 60px; margin: -30px 0 0 -25px; text-align: center; font-size: 10px; } .mkdf-st-loader .stripes > div { background-color: #43d5cb; 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; } .mkdf-st-loader .stripes .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .mkdf-st-loader .stripes .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .mkdf-st-loader .stripes .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .mkdf-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 */ .mkdf-st-loader .wave { width: 72px; text-align: center; margin: -9px 0 0 -36px; } .mkdf-st-loader .wave > div { width: 18px; height: 18px; background-color: #43d5cb; 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; } .mkdf-st-loader .wave .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .mkdf-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 */ .mkdf-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; } .mkdf-st-loader .two_rotating_circles .dot1, .mkdf-st-loader .two_rotating_circles .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #43d5cb; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .mkdf-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 */ .mkdf-st-loader .five_rotating_circles { width: 60px; height: 60px; margin: -30px 0 0 -30px; position: relative; } .mkdf-st-loader .five_rotating_circles .container1 > div, .mkdf-st-loader .five_rotating_circles .container2 > div, .mkdf-st-loader .five_rotating_circles .container3 > div { width: 12px; height: 12px; background-color: #43d5cb; 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; } .mkdf-st-loader .five_rotating_circles .spinner-container { position: absolute; width: 100%; height: 100%; } .mkdf-st-loader .five_rotating_circles .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .mkdf-st-loader .five_rotating_circles .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .mkdf-st-loader .five_rotating_circles .circle1 { top: 0; left: 0; } .mkdf-st-loader .five_rotating_circles .circle2 { top: 0; right: 0; } .mkdf-st-loader .five_rotating_circles .circle3 { right: 0; bottom: 0; } .mkdf-st-loader .five_rotating_circles .circle4 { left: 0; bottom: 0; } .mkdf-st-loader .five_rotating_circles .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .mkdf-st-loader .five_rotating_circles .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .mkdf-st-loader .five_rotating_circles .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .mkdf-st-loader .five_rotating_circles .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .mkdf-st-loader .five_rotating_circles .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .mkdf-st-loader .five_rotating_circles .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .mkdf-st-loader .five_rotating_circles .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .mkdf-st-loader .five_rotating_circles .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .mkdf-st-loader .five_rotating_circles .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .mkdf-st-loader .five_rotating_circles .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .mkdf-st-loader .five_rotating_circles .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } /* five_rotating_circles - end */ /* atom - start */ .mkdf-st-loader .atom { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } .mkdf-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; -moz-animation: atom_shrink 4.5s infinite linear; -o-animation: atom_shrink 4.5s infinite linear; animation: atom_shrink 4.5s infinite linear; } .mkdf-st-loader .atom .ball-1:before { content: ''; background: #43d5cb; border-radius: 50%; height: 100%; width: 100%; position: absolute; top: -50%; left: -50%; } .mkdf-st-loader .atom .ball-2, .mkdf-st-loader .atom .ball-3, .mkdf-st-loader .atom .ball-4 { position: absolute; width: 100%; height: 100%; z-index: 0; } .mkdf-st-loader .atom .ball-2:before, .mkdf-st-loader .atom .ball-3:before, .mkdf-st-loader .atom .ball-4:before { content: ''; height: 20px; width: 20px; border-radius: 50%; background: #43d5cb; top: 0; left: 0; margin: 0 auto; position: absolute; } .mkdf-st-loader .atom .ball-2 { -webkit-animation: atom_zindex 1.5s 0.75s infinite steps(2, end); -moz-animation: atom_zindex 1.5s 0.75s infinite steps(2, end); -o-animation: atom_zindex 1.5s 0.75s infinite steps(2, end); animation: atom_zindex 1.5s 0.75s infinite steps(2, end); } .mkdf-st-loader .atom .ball-3 { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation: atom_zindex 1.5s -0.25s infinite steps(2, end); -moz-animation: atom_zindex 1.5s -0.25s infinite steps(2, end); -o-animation: atom_zindex 1.5s -0.25s infinite steps(2, end); animation: atom_zindex 1.5s -0.25s infinite steps(2, end); } .mkdf-st-loader .atom .ball-4 { -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation: atom_zindex 1.5s 0.25s infinite steps(2, end); -moz-animation: atom_zindex 1.5s 0.25s infinite steps(2, end); -o-animation: atom_zindex 1.5s 0.25s infinite steps(2, end); animation: atom_zindex 1.5s 0.25s infinite steps(2, end); } .mkdf-st-loader .atom .ball-2:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease; -moz-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease; -o-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; } .mkdf-st-loader .atom .ball-3:before { -webkit-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease; -moz-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease; -o-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; } .mkdf-st-loader .atom .ball-4:before { -webkit-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease; -moz-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease; -o-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; } } @-moz-keyframes atom_position { 50% { top: 80px; left: 80px; } } @-o-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); } } @-moz-keyframes atom_size { 50% { -moz-transform: scale(0.5, 0.5); } } @-o-keyframes atom_size { 50% { -o-transform: scale(0.5, 0.5); } } @keyframes atom_size { 50% { transform: scale(0.5, 0.5); } } @-webkit-keyframes atom_zindex { 100% { z-index: 10; } } @-moz-keyframes atom_zindex { 100% { z-index: 10; } } @-o-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); } } @-moz-keyframes atom_shrink { 50% { -moz-transform: scale(0.9, 0.9); } } @-o-keyframes atom_shrink { 50% { -o-transform: scale(0.9, 0.9); } } @keyframes atom_shrink { 50% { transform: scale(0.9, 0.9); } } /* atom - end */ /* clock - start*/ .mkdf-st-loader .clock { width: 50px; height: 50px; margin: -25px 0 0 -25px; position: relative; -webkit-animation: clock 8s infinite steps(8); -moz-animation: clock 8s infinite steps(8); -o-animation: clock 8s infinite steps(8); animation: clock 8s infinite steps(8); } .mkdf-st-loader .clock .ball { height: 50px; width: 50px; position: absolute; } .mkdf-st-loader .clock .ball:before { content: ''; border-radius: 50%; height: 18.31501832px; width: 18.31501832px; position: absolute; background: #43d5cb; } .mkdf-st-loader .clock .ball-1 { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-animation: clock1 1s ease-in infinite; -moz-animation: clock1 1s ease-in infinite; -o-animation: clock1 1s ease-in infinite; animation: clock1 1s ease-in infinite; } .mkdf-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; -moz-animation: clock2 1s ease-in infinite; -o-animation: clock2 1s ease-in infinite; animation: clock2 1s ease-in infinite; } .mkdf-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; -moz-animation: clock3 1s ease-in infinite; -o-animation: clock3 1s ease-in infinite; animation: clock3 1s ease-in infinite; } .mkdf-st-loader .clock .ball-4 { -webkit-animation: clock4 1s ease-in infinite; -moz-animation: clock4 1s ease-in infinite; -o-animation: clock4 1s ease-in infinite; animation: clock4 1s ease-in infinite; } @-webkit-keyframes clock { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes clock { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes clock { 100% { -o-transform: rotate(360deg); } } @keyframes clock { 100% { transform: rotate(360deg); } } @-webkit-keyframes clock1 { 0% { -webkit-transform: rotate(-135deg); } 30% { -webkit-transform: rotate(-450deg); } 100% { -webkit-transform: rotate(-450deg); } } @-moz-keyframes clock1 { 0% { -moz-transform: rotate(-135deg); } 30% { -moz-transform: rotate(-450deg); } 100% { -moz-transform: rotate(-450deg); } } @-o-keyframes clock1 { 0% { -o-transform: rotate(-135deg); } 30% { -o-transform: rotate(-450deg); } 100% { -o-transform: rotate(-450deg); } } @keyframes clock1 { 0% { transform: rotate(-135deg); } 30% { transform: rotate(-450deg); } 100% { transform: rotate(-450deg); } } @-webkit-keyframes clock2 { 5% { -webkit-transform: rotate(-90deg); } 35% { -webkit-transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); } } @-moz-keyframes clock2 { 5% { -moz-transform: rotate(-90deg); } 35% { -moz-transform: rotate(-405deg); } 100% { -moz-transform: rotate(-405deg); } } @-o-keyframes clock2 { 5% { -o-transform: rotate(-90deg); } 35% { -o-transform: rotate(-405deg); } 100% { -o-transform: rotate(-405deg); } } @keyframes clock2 { 5% { transform: rotate(-90deg); } 35% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @-webkit-keyframes clock3 { 10% { -webkit-transform: rotate(-45deg); } 40% { -webkit-transform: rotate(-360deg); } 100% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes clock3 { 10% { -moz-transform: rotate(-45deg); } 40% { -moz-transform: rotate(-360deg); } 100% { -moz-transform: rotate(-360deg); } } @-o-keyframes clock3 { 10% { -o-transform: rotate(-45deg); } 40% { -o-transform: rotate(-360deg); } 100% { -o-transform: rotate(-360deg); } } @keyframes clock3 { 10% { transform: rotate(-45deg); } 40% { transform: rotate(-360deg); } 100% { transform: rotate(-360deg); } } @-webkit-keyframes clock4 { 15% { -webkit-transform: rotate(0deg); } 45% { -webkit-transform: rotate(-315deg); } 100% { -webkit-transform: rotate(-315deg); } } @-moz-keyframes clock4 { 15% { -moz-transform: rotate(0deg); } 45% { -moz-transform: rotate(-315deg); } 100% { -moz-transform: rotate(-315deg); } } @-o-keyframes clock4 { 15% { -o-transform: rotate(0deg); } 45% { -o-transform: rotate(-315deg); } 100% { -o-transform: rotate(-315deg); } } @keyframes clock4 { 15% { transform: rotate(0deg); } 45% { transform: rotate(-315deg); } 100% { transform: rotate(-315deg); } } /* clock - end*/ /* mitosis - start*/ .mkdf-st-loader .mitosis { height: 50px; width: 50px; margin: -25px 0 0 -25px; position: relative; -webkit-animation: mitosis_invert 2s infinite steps(2, end); -moz-animation: mitosis_invert 2s infinite steps(2, end); -o-animation: mitosis_invert 2s infinite steps(2, end); animation: mitosis_invert 2s infinite steps(2, end); } .mkdf-st-loader .mitosis .ball { height: 100%; width: 100%; position: absolute; border-radius: 50%; top: 0; left: 0; background: #43d5cb; } .mkdf-st-loader .mitosis .ball-1 { -webkit-animation: mitosis_ball1 1s infinite alternate linear; -moz-animation: mitosis_ball1 1s infinite alternate linear; -o-animation: mitosis_ball1 1s infinite alternate linear; animation: mitosis_ball1 1s infinite alternate linear; } .mkdf-st-loader .mitosis .ball-2 { -webkit-animation: mitosis_ball2 1s infinite alternate linear; -moz-animation: mitosis_ball2 1s infinite alternate linear; -o-animation: mitosis_ball2 1s infinite alternate linear; animation: mitosis_ball2 1s infinite alternate linear; } .mkdf-st-loader .mitosis .ball-3 { -webkit-animation: mitosis_ball3 1s infinite alternate linear; -moz-animation: mitosis_ball3 1s infinite alternate linear; -o-animation: mitosis_ball3 1s infinite alternate linear; animation: mitosis_ball3 1s infinite alternate linear; } .mkdf-st-loader .mitosis .ball-4 { -webkit-animation: mitosis_ball4 1s infinite alternate linear; -moz-animation: mitosis_ball4 1s infinite alternate linear; -o-animation: mitosis_ball4 1s infinite alternate linear; animation: mitosis_ball4 1s infinite alternate linear; } @-webkit-keyframes mitosis_invert { 100% { -webkit-transform: rotate(180deg); } } @-moz-keyframes mitosis_invert { 100% { -moz-transform: rotate(180deg); } } @-o-keyframes mitosis_invert { 100% { -o-transform: rotate(180deg); } } @keyframes mitosis_invert { 100% { 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); } } @-moz-keyframes mitosis_ball1 { 12% { -moz-transform: none; } 26% { -moz-transform: translateX(25%) scale(1, 0.8); } 40% { -moz-transform: translateX(50%) scale(0.8, 0.8); } 60% { -moz-transform: translateX(50%) scale(0.8, 0.8); } 74% { -moz-transform: translate(50%, 25%) scale(0.6, 0.8); } 88% { -moz-transform: translate(50%, 50%) scale(0.6, 0.6); } 100% { -moz-transform: translate(50%, 50%) scale(0.6, 0.6); } } @-o-keyframes mitosis_ball1 { 12% { -o-transform: none; } 26% { -o-transform: translateX(25%) scale(1, 0.8); } 40% { -o-transform: translateX(50%) scale(0.8, 0.8); } 60% { -o-transform: translateX(50%) scale(0.8, 0.8); } 74% { -o-transform: translate(50%, 25%) scale(0.6, 0.8); } 88% { -o-transform: translate(50%, 50%) scale(0.6, 0.6); } 100% { -o-transform: translate(50%, 50%) scale(0.6, 0.6); } } @keyframes mitosis_ball1 { 12% { transform: none; } 26% { transform: translateX(25%) scale(1, 0.8); } 40% { transform: translateX(50%) scale(0.8, 0.8); } 60% { transform: translateX(50%) scale(0.8, 0.8); } 74% { transform: translate(50%, 25%) scale(0.6, 0.8); } 88% { transform: translate(50%, 50%) scale(0.6, 0.6); } 100% { 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); } } @-moz-keyframes mitosis_ball2 { 12% { -moz-transform: none; } 26% { -moz-transform: translateX(25%) scale(1, 0.8); } 40% { -moz-transform: translateX(50%) scale(0.8, 0.8); } 60% { -moz-transform: translateX(50%) scale(0.8, 0.8); } 74% { -moz-transform: translate(50%, -25%) scale(0.6, 0.8); } 88% { -moz-transform: translate(50%, -50%) scale(0.6, 0.6); } 100% { -moz-transform: translate(50%, -50%) scale(0.6, 0.6); } } @-o-keyframes mitosis_ball2 { 12% { -o-transform: none; } 26% { -o-transform: translateX(25%) scale(1, 0.8); } 40% { -o-transform: translateX(50%) scale(0.8, 0.8); } 60% { -o-transform: translateX(50%) scale(0.8, 0.8); } 74% { -o-transform: translate(50%, -25%) scale(0.6, 0.8); } 88% { -o-transform: translate(50%, -50%) scale(0.6, 0.6); } 100% { -o-transform: translate(50%, -50%) scale(0.6, 0.6); } } @keyframes mitosis_ball2 { 12% { transform: none; } 26% { transform: translateX(25%) scale(1, 0.8); } 40% { transform: translateX(50%) scale(0.8, 0.8); } 60% { transform: translateX(50%) scale(0.8, 0.8); } 74% { transform: translate(50%, -25%) scale(0.6, 0.8); } 88% { transform: translate(50%, -50%) scale(0.6, 0.6); } 100% { 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); } } @-moz-keyframes mitosis_ball3 { 12% { -moz-transform: none; } 26% { -moz-transform: translateX(-25%) scale(1, 0.8); } 40% { -moz-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -moz-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -moz-transform: translate(-50%, 25%) scale(0.6, 0.8); } 88% { -moz-transform: translate(-50%, 50%) scale(0.6, 0.6); } 100% { -moz-transform: translate(-50%, 50%) scale(0.6, 0.6); } } @-o-keyframes mitosis_ball3 { 12% { -o-transform: none; } 26% { -o-transform: translateX(-25%) scale(1, 0.8); } 40% { -o-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -o-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -o-transform: translate(-50%, 25%) scale(0.6, 0.8); } 88% { -o-transform: translate(-50%, 50%) scale(0.6, 0.6); } 100% { -o-transform: translate(-50%, 50%) scale(0.6, 0.6); } } @keyframes mitosis_ball3 { 12% { transform: none; } 26% { transform: translateX(-25%) scale(1, 0.8); } 40% { transform: translateX(-50%) scale(0.8, 0.8); } 60% { transform: translateX(-50%) scale(0.8, 0.8); } 74% { transform: translate(-50%, 25%) scale(0.6, 0.8); } 88% { transform: translate(-50%, 50%) scale(0.6, 0.6); } 100% { 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); } } @-moz-keyframes mitosis_ball4 { 12% { -moz-transform: none; } 26% { -moz-transform: translateX(-25%) scale(1, 0.8); } 40% { -moz-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -moz-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -moz-transform: translate(-50%, -25%) scale(0.6, 0.8); } 88% { -moz-transform: translate(-50%, -50%) scale(0.6, 0.6); } 100% { -moz-transform: translate(-50%, -50%) scale(0.6, 0.6); } } @-o-keyframes mitosis_ball4 { 12% { -o-transform: none; } 26% { -o-transform: translateX(-25%) scale(1, 0.8); } 40% { -o-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -o-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -o-transform: translate(-50%, -25%) scale(0.6, 0.8); } 88% { -o-transform: translate(-50%, -50%) scale(0.6, 0.6); } 100% { -o-transform: translate(-50%, -50%) scale(0.6, 0.6); } } @keyframes mitosis_ball4 { 12% { transform: none; } 26% { transform: translateX(-25%) scale(1, 0.8); } 40% { transform: translateX(-50%) scale(0.8, 0.8); } 60% { transform: translateX(-50%) scale(0.8, 0.8); } 74% { transform: translate(-50%, -25%) scale(0.6, 0.8); } 88% { transform: translate(-50%, -50%) scale(0.6, 0.6); } 100% { transform: translate(-50%, -50%) scale(0.6, 0.6); } } /* mitosis - end*/ /* lines - start*/ .mkdf-st-loader .lines { width: 60px; height: 60px; margin: 0 0 0 -30px; } .mkdf-st-loader .lines .line1, .mkdf-st-loader .lines .line2, .mkdf-st-loader .lines .line3, .mkdf-st-loader .lines .line4 { margin-left: 10px; position: absolute; width: 60px; height: 4px; background-color: #43d5cb; -webkit-animation: lines_spin 1.5s infinite linear; -webkit-animation-timing-function: ease; } .mkdf-st-loader .lines .line2 { -webkit-animation-delay: 0.1s; } .mkdf-st-loader .lines .line3 { -webkit-animation-delay: 0.2s; } .mkdf-st-loader .lines .line4 { -webkit-animation-delay: 0.3s; } @-webkit-keyframes lines_spin { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes lines_spin { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes lines_spin { 100% { -o-transform: rotate(360deg); } } @keyframes lines_spin { 100% { transform: rotate(360deg); } } /* lines - end*/ /* fussion - start*/ .mkdf-st-loader .fussion { width: 30px; height: 30px; margin: -45px 0 0 -30px; position: relative; } .mkdf-st-loader .fussion .ball { height: 40px; width: 40px; left: 50%; top: 50%; background: #43d5cb; border-radius: 50%; float: left; position: absolute; } .mkdf-st-loader .fussion .ball-1 { background: #43d5cb; top: 0; left: 50%; -webkit-animation: fussion_ball1 1s 0s ease infinite; -moz-animation: fussion_ball1 1s 0s ease infinite; -o-animation: fussion_ball1 1s 0s ease infinite; animation: fussion_ball1 1s 0s ease infinite; z-index: 1; } .mkdf-st-loader .fussion .ball-2 { background: #43d5cb; top: 50%; left: 100%; -webkit-animation: fussion_ball2 1s 0s ease infinite; -moz-animation: fussion_ball2 1s 0s ease infinite; -o-animation: fussion_ball2 1s 0s ease infinite; animation: fussion_ball2 1s 0s ease infinite; z-index: 2; } .mkdf-st-loader .fussion .ball-3 { background: #43d5cb; top: 100%; left: 50%; -webkit-animation: fussion_ball3 1s 0s ease infinite; -moz-animation: fussion_ball3 1s 0s ease infinite; -o-animation: fussion_ball3 1s 0s ease infinite; animation: fussion_ball3 1s 0s ease infinite; z-index: 1; } .mkdf-st-loader .fussion .ball-4 { background: #43d5cb; top: 50%; left: 0; -webkit-animation: fussion_ball4 1s 0s ease infinite; -moz-animation: fussion_ball4 1s 0s ease infinite; -o-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; } } @-moz-keyframes fussion_ball1 { 50% { top: -100%; left: 200%; } 100% { top: 50%; left: 100%; z-index: 2; } } @-o-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; } } @-moz-keyframes fussion_ball2 { 50% { top: 200%; left: 200%; } 100% { top: 100%; left: 50%; z-index: 1; } } @-o-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; } } @-moz-keyframes fussion_ball3 { 50% { top: 200%; left: -100%; } 100% { top: 50%; left: 0; z-index: 2; } } @-o-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; } } @-moz-keyframes fussion_ball4 { 50% { top: -100%; left: -100%; } 100% { top: 0; left: 50%; z-index: 1; } } @-o-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*/ .mkdf-st-loader .wave_circles { width: 150px; height: 30px; margin: -15px 0 0 -75px; } .mkdf-st-loader .wave_circles .ball { height: 30px; width: 30px; float: left; background: #43d5cb; border-radius: 50%; margin-right: 10px; } .mkdf-st-loader .wave_circles .ball-1 { -webkit-animation: wave_jump3 1.8s infinite ease-out; -moz-animation: wave_jump3 1.8s infinite ease-out; -o-animation: wave_jump3 1.8s infinite ease-out; animation: wave_jump3 1.8s infinite ease-out; } .mkdf-st-loader .wave_circles .ball-2 { -webkit-animation: wave_jump2 1.8s infinite ease-out; -moz-animation: wave_jump2 1.8s infinite ease-out; -o-animation: wave_jump2 1.8s infinite ease-out; animation: wave_jump2 1.8s infinite ease-out; } .mkdf-st-loader .wave_circles .ball-3 { -webkit-animation: wave_jump1 1.8s infinite ease-out; -moz-animation: wave_jump1 1.8s infinite ease-out; -o-animation: wave_jump1 1.8s infinite ease-out; animation: wave_jump1 1.8s infinite ease-out; } .mkdf-st-loader .wave_circles .ball-4 { margin-right: 0; -webkit-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1); -moz-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1); -o-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); } } @-moz-keyframes wave_jump1 { 12% { -moz-transform: translate(20px, -40px); -moz-animation-timing-function: ease-in; } 24% { -moz-transform: translate(40px, 0); } 100% { -moz-transform: translate(40px, 0); } } @-moz-keyframes wave_jump1 { 12% { -o-transform: translate(20px, -40px); -o-animation-timing-function: ease-in; } 24% { -o-transform: translate(40px, 0); } 100% { -o-transform: translate(40px, 0); } } @keyframes wave_jump1 { 12% { transform: translate(20px, -40px); animation-timing-function: ease-in; } 24% { transform: translate(40px, 0); } 100% { 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); } } @-moz-keyframes wave_jump2 { 12% { -moz-transform: translate(0, 0); } 24% { -moz-transform: translate(20px, -40px); -moz-animation-timing-function: ease-in; } 36% { -moz-transform: translate(40px, 0); } 100% { -moz-transform: translate(40px, 0); } } @-o-keyframes wave_jump2 { 12% { -o-transform: translate(0, 0); } 24% { -o-transform: translate(20px, -40px); -o-animation-timing-function: ease-in; } 36% { -o-transform: translate(40px, 0); } 100% { -o-transform: translate(40px, 0); } } @keyframes wave_jump2 { 12% { transform: translate(0, 0); } 24% { transform: translate(20px, -40px); animation-timing-function: ease-in; } 36% { transform: translate(40px, 0); } 100% { 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); } } @-moz-keyframes wave_jump3 { 24% { -moz-transform: translate(0, 0); } 36% { -moz-transform: translate(20px, -40px); -moz-animation-timing-function: ease-in; } 48% { -moz-transform: translate(40px, 0); } 100% { -moz-transform: translate(40px, 0); } } @-o-keyframes wave_jump3 { 24% { -o-transform: translate(0, 0); } 36% { -o-transform: translate(20px, -40px); -o-animation-timing-function: ease-in; } 48% { -o-transform: translate(40px, 0); } 100% { -o-transform: translate(40px, 0); } } @keyframes wave_jump3 { 24% { transform: translate(0, 0); } 36% { transform: translate(20px, -40px); animation-timing-function: ease-in; } 48% { transform: translate(40px, 0); } 100% { transform: translate(40px, 0); } } @-webkit-keyframes wave_wipe { 48% { -webkit-transform: translateX(-120px); } 100% { -webkit-transform: translateX(-120px); } } @-moz-keyframes wave_wipe { 48% { -moz-transform: translateX(-120px); } 100% { -moz-transform: translateX(-120px); } } @-o-keyframes wave_wipe { 48% { -o-transform: translateX(-120px); } 100% { -o-transform: translateX(-120px); } } @keyframes wave_wipe { 48% { transform: translateX(-120px); } 100% { transform: translateX(-120px); } } /* wave_circles - end*/ /* pulse_circles - start*/ .mkdf-st-loader .pulse_circles { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } .mkdf-st-loader .pulse_circles * { box-sizing: border-box; } .mkdf-st-loader .pulse_circles .ball { height: 100%; width: 100%; background: #43d5cb; position: absolute; border-radius: 50%; border: 0 solid #43d5cb; -webkit-animation: pulse_circles_pulse 3s infinite; -moz-animation: pulse_circles_pulse 3s infinite; -o-animation: pulse_circles_pulse 3s infinite; animation: pulse_circles_pulse 3s infinite; } .mkdf-st-loader .pulse_circles .ball-2 { -webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; -o-animation-delay: -0.75s; animation-delay: -0.75s; } .mkdf-st-loader .pulse_circles .ball-3 { -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .mkdf-st-loader .pulse_circles .ball-4 { -webkit-animation-delay: -2.25s; -moz-animation-delay: -2.25s; -o-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; } } @-moz-keyframes pulse_circles_pulse { 0% { -moz-transform: scale(0.1, 0.1); opacity: 1; border-width: 50px; } 100% { -moz-transform: scale(1, 1); opacity: 0; border-width: 0; } } @-o-keyframes pulse_circles_pulse { 0% { -o-transform: scale(0.1, 0.1); opacity: 1; border-width: 50px; } 100% { -o-transform: scale(1, 1); opacity: 0; border-width: 0; } } @keyframes pulse_circles_pulse { 0% { transform: scale(0.1, 0.1); opacity: 1; border-width: 50px; } 100% { transform: scale(1, 1); opacity: 0; border-width: 0; } } /* pulse_circles - end*/ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== #Comments styles - start ========================================================================== */ .mkdf-comment-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; box-sizing: border-box; border-bottom: 1px solid #dadada; } .mkdf-comment-holder .mkdf-comment-holder-inner { padding: 40px 0; } .mkdf-comment-holder .mkdf-comment.mkdf-pingback-comment .mkdf-comment-text { padding: 0; } .mkdf-comment-holder .mkdf-comment-list { list-style: none; position: relative; z-index: 150; padding: 0; margin: 0; } .mkdf-comment-holder .mkdf-comment-list li { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 42px 0 0; padding: 29px 0 0; } .mkdf-comment-holder .mkdf-comment-list > li:first-child { margin: 0; padding: 0; border: 0; } .mkdf-comment-holder .mkdf-comment-list .children { padding: 0 0 0 60px; } .mkdf-comment-holder .mkdf-comment-list .children li { border-top: 1px solid #dadada; } .mkdf-comment-holder .mkdf-comments-title { margin-bottom: 28px; } .mkdf-comment-holder .mkdf-comments-title > * { margin: 0; } .mkdf-comment-holder .mkdf-comment-image { position: relative; display: block; left: 0; width: 120px; height: 120px; float: left; } .mkdf-comment-holder .mkdf-comment-image img { display: block; border-radius: 4em; } .mkdf-comment-holder .mkdf-comment-text { padding: 0 0 0 148px; min-height: 82px; } .mkdf-comment-holder .mkdf-comment-text .mkdf-comment-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; width: 80%; margin: 0px 0 7px; } .mkdf-comment-holder .mkdf-comment-text .reply-icon { float: left; color: #000; font-size: 10px; padding: 8px 5px 0 15px; } .mkdf-comment-holder .mkdf-comment-text .replay, .mkdf-comment-holder .mkdf-comment-text .comment-reply-link, .mkdf-comment-holder .mkdf-comment-text .comment-edit-link { float: left; font-size: 12px; color: #acacac; font-family: "Poppins", sans-serif; } .mkdf-comment-holder .mkdf-comment-text .replay:hover, .mkdf-comment-holder .mkdf-comment-text .comment-reply-link:hover, .mkdf-comment-holder .mkdf-comment-text .comment-edit-link:hover { color: #333333; } .mkdf-comment-holder .mkdf-comment-text .comment-edit-link { margin: 0 8px; } .mkdf-comment-holder .mkdf-comment-text .mkdf-comment-name { float: left; margin: 0; } .mkdf-comment-holder .mkdf-comment-text .mkdf-comment-date { font-family: "Poppins", sans-serif; color: #acacac; float: left; margin: 0; font-size: 12px; } .mkdf-comment-holder .mkdf-comment-text .mkdf-text-holder p { margin: -2px 0 13px; } .mkdf-comment-holder .mkdf-comment-text .comment-respond { margin: 20px 0; } .mkdf-comment-holder .mkdf-comment-text .comment-respond .comment-reply-title { margin: 0 0 10px; font-size: 14px; } .mkdf-comment-holder .mkdf-comment-text .comment-respond .logged-in-as { margin: 0 0 8px; } .mkdf-comment-holder .mkdf-comment-text #cancel-comment-reply-link { margin-left: 10px; font-size: 12px; color: #43d5cb; } .mkdf-comment-holder .mkdf-comment-text #cancel-comment-reply-link:hover { color: #333333; } .mkdf-comment-holder .mkdf-comment-text li { margin: 0 !important; padding: 0 !important; border: 0 !important; } .mkdf-comment-form { padding: 0; clear: both; box-sizing: border-box; } .mkdf-comment-form .mkdf-comment-form-inner { padding: 40px 0 60px; } .mkdf-comment-form .mkdf-comment-form-inner #respond .comment-reply-title { margin-bottom: 8px; } .mkdf-comment-form .mkdf-comment-form-inner #respond .comment-form h5 { margin: 6px 0; } .mkdf-comment-form .mkdf-comment-form-inner #respond .comment-form textarea { height: 210px; resize: none; } .mkdf-comment-form .mkdf-comment-form-inner #respond .comment-form textarea, .mkdf-comment-form .mkdf-comment-form-inner #respond .comment-form input[type=text] { background-color: #f4f4f4; border-color: transparent; border-radius: 5px; } .mkdf-comment-form .comment-reply-title { margin: 0 0 37px; } .mkdf-comment-form .logged-in-as { margin: 0 0 8px; } @media only screen and (max-width: 1024px) { .mkdf-comment-holder .mkdf-comment-list .children { padding: 0 0 0 40px; } } @media only screen and (max-width: 680px) { .mkdf-comment-holder .mkdf-comment-list .children { padding: 0; } .mkdf-comment-holder .mkdf-comment-text .mkdf-comment-date, .mkdf-comment-holder .mkdf-comment-text .mkdf-comment-name { float: none; } .mkdf-comment-holder .mkdf-comment-text .replay, .mkdf-comment-holder .mkdf-comment-text .comment-reply-link, .mkdf-comment-holder .mkdf-comment-text .comment-edit-link { float: none; margin: 0 10px 0 0; } } @media only screen and (max-width: 480px) { .mkdf-comment-holder .mkdf-comment-image { float: none; } .mkdf-comment-holder .mkdf-comment-text { padding: 20px 0 0; min-height: inherit; } } /* ========================================================================== #Comments styles - end ========================================================================== */ #respond textarea, #respond input[type='text'], .post-password-form input[type='password'] { width: 100%; margin: 0 0 15px; padding: 16px 24px 15px; font-family: inherit; font-size: 14px; line-height: 20px; font-weight: inherit; color: #333333; background-color: transparent; border: 1px solid #e1e1e1; border-radius: 0; outline: 0; -webkit-appearance: none; box-sizing: border-box; -webkit-transition: border-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } #respond textarea:focus, #respond input:focus[type='text'], .post-password-form input:focus[type='password'] { color: #333333; border-color: #6e6e6e; } #respond textarea::-webkit-input-placeholder, #respond input[type='text']::-webkit-input-placeholder, .post-password-form input[type='password']::-webkit-input-placeholder { color: #6e6e6e; } #respond textarea:-moz-placeholder, #respond input:-moz-placeholder[type='text'], .post-password-form input:-moz-placeholder[type='password'] { color: #6e6e6e; } #respond textarea::-moz-placeholder, #respond input[type='text']::-moz-placeholder, .post-password-form input[type='password']::-moz-placeholder { color: #6e6e6e; } #respond textarea:-ms-input-placeholder, #respond input:-ms-input-placeholder[type='text'], .post-password-form input:-ms-input-placeholder[type='password'] { color: #6e6e6e; } #respond textarea { display: block; padding: 15px 24px; } p.form-submit { margin: 20px 0; } p.form-submit .submit { border: none; } #submit_comment, .post-password-form input[type='submit'] { font-family: "Poppins", sans-serif; position: relative; display: inline-block; vertical-align: middle; width: auto; outline: none; line-height: 1em; font-weight: 500; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; -moz-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; padding: 16px 23px; font-size: 14px; color: #fff; background-color: #43d5cb; border: 0; outline: 0; } #submit_comment:hover, .post-password-form input[type='submit']:hover { color: #fff; background-color: #37c7be; } .woocommerce-page .wpcf7-form-control.wpcf7-text, .woocommerce-page .wpcf7-form-control.wpcf7-number, .woocommerce-page .wpcf7-form-control.wpcf7-date, .woocommerce-page .wpcf7-form-control.wpcf7-textarea, .woocommerce-page .wpcf7-form-control.wpcf7-select, .woocommerce-page .wpcf7-form-control.wpcf7-quiz, .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 14px; padding: 11px 17px; font-family: inherit; font-size: 15px; line-height: 21px; font-weight: 300; color: #afafaf; background-color: #f4f4f4; border: 1px solid transparent; border-radius: 5px; outline: 0; -webkit-appearance: none; box-sizing: border-box; } .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; background-color: #f4f4f4; } .woocommerce-page .wpcf7-form-control.wpcf7-text::-webkit-input-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-number::-webkit-input-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-date::-webkit-input-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-textarea::-webkit-input-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-select::-webkit-input-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-quiz::-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; } .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; } .woocommerce-page .wpcf7-form-control.wpcf7-text::-moz-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-number::-moz-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-date::-moz-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-textarea::-moz-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-select::-moz-placeholder, .woocommerce-page .wpcf7-form-control.wpcf7-quiz::-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; } .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; } footer .woocommerce-page .wpcf7-form-control.wpcf7-text, footer .woocommerce-page .wpcf7-form-control.wpcf7-number, footer .woocommerce-page .wpcf7-form-control.wpcf7-date, footer .woocommerce-page .wpcf7-form-control.wpcf7-textarea, footer .woocommerce-page .wpcf7-form-control.wpcf7-select, footer .woocommerce-page .wpcf7-form-control.wpcf7-quiz { margin: 0; } 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; } input.wpcf7-form-control.wpcf7-submit { font-family: "Poppins", sans-serif; position: relative; display: inline-block; vertical-align: middle; width: auto; outline: none; line-height: 1em; font-weight: 500; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; -moz-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; padding: 16px 23px; font-size: 14px; color: #fff; background-color: #43d5cb; cursor: pointer; font-family: "Poppins", sans-serif; } input.wpcf7-form-control.wpcf7-submit:hover { color: #fff; background-color: #37c7be; } .wpcf7-form p { margin: 0; } .wpcf7-form textarea { vertical-align: middle; resize: none; height: 140px; } .wpcf7-submit { border: none; line-height: 1em; } .mkdf-two-columns-form-without-space .wpcf7-form .ajax-loader { display: none; } .mkdf-subscription-form { position: relative; } .mkdf-subscription-form .email { display: inline-block; width: 100%; } .mkdf-subscription-form .email input { padding: 9px 19px; } .mkdf-subscription-form .submit { position: absolute; right: 0; top: 0; } .mkdf-subscription-form .submit input { cursor: pointer; font-size: 13px; padding: 14px 16px; background-color: #e7e7e7; color: #333333; border-radius: 0 5px 5px 0; font-family: 'Ionicons', serif; } .mkdf-subscription-form .submit .ajax-loader { display: none; } .mkdf-cf7-btn .mkdf-cf7-text { display: inline-block; position: relative; overflow: hidden; } .mkdf-cf7-btn .mkdf-cf7-text input { border-radius: 5px 0 0 5px; } .mkdf-cf7-btn .mkdf-cf7-text input:hover { background-color: #43d5cb; } .mkdf-cf7-btn .mkdf-cf7-text .ajax-loader { display: none; } .mkdf-cf7-btn .mkdf-cf7-icon-holder { display: inline-block; position: relative; overflow: hidden; line-height: inherit; font-size: 14px; text-align: center; background-color: #37c7be; border-radius: 0 5px 5px 0; right: 5px; -webkit-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mkdf-cf7-btn .mkdf-cf7-icon-holder .mkdf-cf7-icon-normal { position: relative; display: block; -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; } .mkdf-cf7-btn .mkdf-cf7-icon-holder .mkdf-cf7-icon-normal .ajax-loader { display: none; } .mkdf-cf7-btn .mkdf-cf7-icon-holder .mkdf-cf7-icon-normal input { background-color: transparent; padding: 16px; font-family: 'Ionicons', serif; } .mkdf-cf7-btn .mkdf-cf7-icon-holder .mkdf-cf7-icon-flip { position: absolute; top: 0; font-size: 14px; text-align: center; right: 39px; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; } .mkdf-cf7-btn .mkdf-cf7-icon-holder .mkdf-cf7-icon-flip input { background-color: transparent; padding: 16px; font-family: 'Ionicons', serif; } .mkdf-cf7-btn .mkdf-cf7-icon-holder .mkdf-cf7-icon-flip .ajax-loader { display: none; } .mkdf-cf7-btn:hover .mkdf-cf7-icon-normal { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } .mkdf-cf7-btn:hover .mkdf-cf7-icon-flip { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } .mkdf-newsletter-form { display: inline-block; position: relative; width: 100%; } .mkdf-newsletter-form .mkdf-cf7-field { display: inline-block; position: relative; vertical-align: top; padding-right: 5px; } .mkdf-newsletter-form .mkdf-cf7-btn { display: inline-block; position: relative; vertical-align: top; } div.wpcf7-response-output { margin: 10px 0 10px; padding: 15px 20px; } /* ========================================================================== #Comments styles - end ========================================================================== */ /* ========================================================================== #Global Owl Slider - begin ========================================================================== */ .mkdf-owl-slider { visibility: hidden; } .mkdf-owl-slider .owl-stage-outer { z-index: 1; } .mkdf-owl-slider.mkdf-slider-has-both-nav .owl-nav .owl-prev, .mkdf-owl-slider.mkdf-slider-has-both-nav .owl-nav .owl-next { -webkit-transform: translateY(calc(-50% - 21px)); -moz-transform: translateY(calc(-50% - 21px)); transform: translateY(calc(-50% - 21px)); } .mkdf-owl-slider .owl-nav .owl-prev, .mkdf-owl-slider .owl-nav .owl-next { position: absolute; top: 50%; z-index: 3; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-owl-slider .owl-nav .owl-prev:hover .mkdf-prev-icon, .mkdf-owl-slider .owl-nav .owl-prev:hover .mkdf-next-icon, .mkdf-owl-slider .owl-nav .owl-next:hover .mkdf-prev-icon, .mkdf-owl-slider .owl-nav .owl-next:hover .mkdf-next-icon { color: #43d5cb; } .mkdf-owl-slider .owl-nav .owl-prev { left: 30px; } .mkdf-owl-slider .owl-nav .owl-next { right: 30px; } .mkdf-owl-slider .owl-nav .mkdf-prev-icon, .mkdf-owl-slider .owl-nav .mkdf-next-icon { position: relative; display: inline-block; vertical-align: middle; color: #333333; line-height: 1; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .mkdf-owl-slider .owl-nav .mkdf-prev-icon .mkdf-icon-arrow, .mkdf-owl-slider .owl-nav .mkdf-next-icon .mkdf-icon-arrow { position: relative; display: inline-block; vertical-align: middle; font-size: 46px; line-height: inherit; } .mkdf-owl-slider .owl-nav .mkdf-prev-icon .mkdf-icon-arrow:before, .mkdf-owl-slider .owl-nav .mkdf-next-icon .mkdf-icon-arrow:before { display: block; line-height: inherit; } .mkdf-owl-slider .owl-dots { text-align: center; margin: 16px 0 0; } .mkdf-owl-slider .owl-dots .owl-dot { display: inline-block; vertical-align: middle; } .mkdf-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-transition: background-color 0.2s ease-out, border 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, border 0.2s ease-out; transition: background-color 0.2s ease-out, border 0.2s ease-out; box-sizing: border-box; } .mkdf-owl-slider .owl-dots .owl-dot:hover span, .mkdf-owl-slider .owl-dots .owl-dot.active span { background-color: #333333; border-color: #333333; } .mkdf-owl-slider .owl-carousel .owl-item img { -webkit-transform: translateZ(0); } /* ========================================================================== #Global Owl Slider - end ========================================================================== */ /* ========================================================================== #404 styles - start ========================================================================== */ .mkdf-404-page { /*.mkdf-content { height: 100vh; .admin-bar & { height: calc(100vh - 32px); } }*/ } .mkdf-404-page.mkdf-wrapper { padding: 0 !important; } .mkdf-404-page .mkdf-content-inner { position: relative; display: table; height: 100%; width: 100%; } .mkdf-404-page .mkdf-page-not-found { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 12% 20% 9%; text-align: center; background-color: #fafafa; } .mkdf-404-page .mkdf-page-not-found .mkdf-404-title { margin: 0; font-size: 130px; font-weight: 500; color: #4e6dcc; } .mkdf-404-page .mkdf-page-not-found .mkdf-404-subtitle { font-family: "Poppins", sans-serif; font-size: 35px; font-weight: 500; color: #333333; margin: 0; } .mkdf-404-page .mkdf-page-not-found .mkdf-404-text { margin: 10px 0 0; } .mkdf-404-page .mkdf-page-not-found .mkdf-btn { margin: 38px 0 0; } @media only screen and (max-width: 768px) { .mkdf-404-page .mkdf-page-not-found { padding: 40px 30px; } } @media only screen and (max-width: 680px) { .mkdf-404-page .mkdf-content { height: auto; margin: 0 !important; } .admin-bar .mkdf-404-page .mkdf-content { height: auto; } } /* ========================================================================== #404 styles - end ========================================================================== */ /* ========================================================================== #Back to Top styles - start ========================================================================== */ #mkdf-back-to-top { position: fixed; width: 58px; right: 25px; bottom: 25px; margin: 0; z-index: 10000; opacity: 0; visibility: hidden; backface-visibility: hidden; } #mkdf-back-to-top.off { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease, visibility 0s 0.2s, transform 0.3s ease; -moz-transition: opacity 0.2s ease, visibility 0s 0.2s, transform 0.3s ease; transition: opacity 0.2s ease, visibility 0s 0.2s, transform 0.3s ease; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } #mkdf-back-to-top.on { opacity: 1; visibility: visible; -webkit-transition: opacity 0.2s ease, transform 0.2s ease; -moz-transition: opacity 0.2s ease, transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } #mkdf-back-to-top > span { position: relative; display: block; width: 56px; height: 56px; line-height: 56px; font-size: 19px; text-align: center; border-radius: 50%; color: #fff; background-color: #43d5cb; border: 1px solid #43d5cb; overflow: hidden; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } #mkdf-back-to-top > span:hover { background-color: #37c7be; border: 1px solid #37c7be; } #mkdf-back-to-top span span { display: block; line-height: inherit; } /* ========================================================================== #Back to Top styles - end ========================================================================== */ /* ========================================================================== #Self Hosted Video styles - begin ========================================================================== */ .mkdf-self-hosted-video-holder .mkdf-video-wrap .mejs-container, .mkdf-self-hosted-video-holder .mkdf-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 ========================================================================== */ /* ========================================================================== #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; 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; 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; 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; 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 ========================================================================== */ /* ========================================================================== 2. Header styles ========================================================================== */ /* ========================================================================== 3. Footer styles ========================================================================== */ /* ========================================================================== 4. Title area styles ========================================================================== */ /* ========================================================================== 5. Side area styles ========================================================================== */ /* ========================================================================== # Side area style - start ========================================================================== */ /* Side area general style - start ========================================================================== */ .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener, .mkdf-light-header .mkdf-top-bar .mkdf-side-menu-button-opener { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener.opened, .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener:hover, .mkdf-light-header .mkdf-top-bar .mkdf-side-menu-button-opener.opened, .mkdf-light-header .mkdf-top-bar .mkdf-side-menu-button-opener:hover { color: #fff !important; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener, .mkdf-dark-header .mkdf-top-bar .mkdf-side-menu-button-opener { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener.opened, .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener:hover, .mkdf-dark-header .mkdf-top-bar .mkdf-side-menu-button-opener.opened, .mkdf-dark-header .mkdf-top-bar .mkdf-side-menu-button-opener:hover { color: #333 !important; } .mkdf-side-menu-button-opener { position: relative; display: inline-block; vertical-align: middle; } .mkdf-side-menu-button-opener .mkdf-side-menu-title { position: relative; display: inline-block; vertical-align: middle; margin: 0 8px 0 0; color: currentColor; } .mkdf-side-menu-button-opener .mkdf-side-menu-lines { position: relative; display: inline-block; vertical-align: middle; width: 17px; height: 12px; } .mkdf-side-menu-button-opener .mkdf-side-menu-lines .mkdf-side-menu-line { position: absolute; left: 0; height: 2px; width: 100%; background-color: currentColor; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .mkdf-side-menu-button-opener .mkdf-side-menu-lines .mkdf-side-menu-line.mkdf-line-1 { top: 0; outline: transparent solid 1px; } .mkdf-side-menu-button-opener .mkdf-side-menu-lines .mkdf-side-menu-line.mkdf-line-2 { top: calc(50% - 1px); outline: transparent solid 1px; } .mkdf-side-menu-button-opener .mkdf-side-menu-lines .mkdf-side-menu-line.mkdf-line-3 { top: calc(100% - 2px); outline: transparent solid 1px; } .mkdf-side-menu-button-opener.opened, .mkdf-side-menu-button-opener:hover { color: #43d5cb; } .mkdf-side-menu { position: fixed; top: 0; right: -405px; width: 405px; height: 100%; min-height: 100%; padding: 42px 50px 36px; background-color: #fff; text-align: left; overflow: hidden; visibility: hidden; z-index: 9999; -webkit-backface-visibility: hidden; box-sizing: border-box; box-shadow: -3px 0 3px rgba(0, 0, 0, 0.04); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .mkdf-side-menu .mkdf-close-side-menu-holder { position: absolute; top: 36px; right: 30px; z-index: 1000; } .mkdf-side-menu a.mkdf-close-side-menu { display: block; color: #121212; font-size: 36px; z-index: 1000; } .mkdf-side-menu a.mkdf-close-side-menu:hover { color: #6e6e6e; } .mkdf-side-menu a.mkdf-close-side-menu span { display: block; line-height: inherit; } .mkdf-side-menu a.mkdf-close-side-menu span:before { display: block; line-height: inherit; } .admin-bar .mkdf-side-menu .mkdf-close-side-menu-holder { top: 32px; } /* Side area general style - end ========================================================================== */ /* Side area slides over content style - start ========================================================================== */ .mkdf-side-menu-slide-from-right .mkdf-wrapper .mkdf-cover { z-index: -1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; } .mkdf-side-menu-slide-from-right.mkdf-right-side-menu-opened .mkdf-wrapper .mkdf-cover { z-index: 3000; } .mkdf-side-menu-slide-from-right.mkdf-right-side-menu-opened .mkdf-side-menu { right: 0; visibility: visible; } /* Side area slides over content style - end ========================================================================== */ /* ========================================================================== # Side area style - end ========================================================================== */ /* ========================================================================== 6. Fullscreen Menu area styles ========================================================================== */ /* ========================================================================== 7. Search functionality styles ========================================================================== */ /* ========================================================================== # Search opener - begin ========================================================================== */ .mkdf-search-opener { position: relative; display: inline-block; vertical-align: middle; font-size: 25px; line-height: 1; margin: 0 27px; } .mkdf-search-opener .mkdf-search-opener-wrapper > * { position: relative; display: inline-block; vertical-align: middle; line-height: inherit; } .mkdf-search-opener .mkdf-search-opener-wrapper > *:before { font-weight: 700; display: block; line-height: inherit; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-search-opener, .mkdf-light-header .mkdf-top-bar .mkdf-search-opener { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-search-opener:hover, .mkdf-light-header .mkdf-top-bar .mkdf-search-opener:hover { color: #fff !important; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-search-opener, .mkdf-dark-header .mkdf-top-bar .mkdf-search-opener { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-search-opener:hover, .mkdf-dark-header .mkdf-top-bar .mkdf-search-opener:hover { color: #333 !important; } /* ========================================================================== # Search opener - end ========================================================================== */ /* ========================================================================== # Search template style - begin ========================================================================== */ .mkdf-search-page-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 60px; } .mkdf-search-page-holder .mkdf-search-page-form { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 50px; display: none; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-search-title { margin: 0 0 24px; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 17px; clear: both; border-bottom: 1px solid #e1e1e1; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder .mkdf-column-left { display: table-cell; vertical-align: top; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder .mkdf-column-right { display: table-cell; width: 1%; text-align: left; vertical-align: top; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder .mkdf-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; box-sizing: border-box; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder .mkdf-search-field::-webkit-input-placeholder { color: inherit; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder .mkdf-search-field:-moz-placeholder { color: inherit; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder .mkdf-search-field::-moz-placeholder { color: inherit; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder .mkdf-search-field:-ms-input-placeholder { color: inherit; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder .mkdf-search-submit { position: relative; display: inline-block; width: auto; height: 40px; line-height: 40px; padding: 0; font-size: 18px; color: #6e6e6e; background-color: transparent; border: 0; outline: 0; cursor: pointer; vertical-align: middle; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .mkdf-search-page-holder .mkdf-search-page-form .mkdf-form-holder .mkdf-search-submit:hover { color: #333333; } .mkdf-search-page-holder article { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 21px 0; margin: 0; border-bottom: 1px solid #e1e1e1; } .mkdf-search-page-holder article.sticky .mkdf-post-title a { color: #43d5cb; } .mkdf-search-page-holder article.page .mkdf-post-title-area .mkdf-post-info > div.mkdf-post-info-category { display: none; } .mkdf-search-page-holder article:last-of-type { border-bottom: 0; } .mkdf-search-page-holder article .mkdf-post-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-search-page-holder article .mkdf-post-image { display: block; float: left; width: 130px; } .mkdf-search-page-holder article .mkdf-post-image a, .mkdf-search-page-holder article .mkdf-post-image img { display: block; } .mkdf-search-page-holder article .mkdf-post-title-area { min-height: 130px; padding: 0 0 0 150px; } .mkdf-search-page-holder article .mkdf-post-title-area.mkdf-no-thumbnail { padding: 0; min-height: inherit; } .mkdf-search-page-holder article .mkdf-post-title-area .mkdf-post-title-area-inner { width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; } .mkdf-search-page-holder article .mkdf-post-title-area .mkdf-post-title-area-inner .mkdf-post-title { margin: 0; } .mkdf-search-page-holder article .mkdf-post-title-area .mkdf-post-title-area-inner .mkdf-post-excerpt { margin: 14px 0 0; } .mkdf-search-page-holder article .mkdf-post-title-area .mkdf-post-title-area-inner .mkdf-post-excerpt:after { content: '...'; } .mkdf-search-page-holder .mkdf-blog-pagination { margin-top: 0; } /* ========================================================================== # Search template style - end ========================================================================== */ /* ========================================================================== # Search covers header - start ========================================================================== */ .mkdf-search-cover { position: absolute; top: 0; left: 0; width: 100%; display: none; color: #fff; background-color: #fff; z-index: 115; } .mkdf-fixed-header-appear .mkdf-search-cover, .mkdf-sticky-header-appear .mkdf-search-cover, .mkdf-mobile-header.mobile-header-appear .mkdf-search-cover { position: fixed; } .mkdf-fixed-header-appear.admin-bar .mkdf-search-cover, .mkdf-sticky-header-appear.admin-bar .mkdf-search-cover, .admin-bar .mkdf-mobile-header.mobile-header-appear .mkdf-search-cover { top: 32px; } .mkdf-search-cover .mkdf-form-holder-outer { display: table; width: 100%; height: 100%; } .mkdf-search-cover .mkdf-form-holder { position: relative; display: table-cell; vertical-align: middle; padding: 0; line-height: 1em; } .mkdf-search-cover .mkdf-form-holder-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-search-cover .mkdf-container-inner .mkdf-form-holder { padding: 0; } .mkdf-search-cover .mkdf-container-inner .mkdf-search-close { right: 0; } .mkdf-search-cover input { display: inline-block; vertical-align: middle; width: 90%; margin: 0; padding: 0; float: left; font-family: inherit; color: #6e6e6e; font-size: inherit; font-weight: inherit; background-color: transparent; border: 0; box-shadow: none; outline: none; outline-offset: 0; border-radius: 0; } .mkdf-search-cover input::-webkit-input-placeholder { color: #afafaf; font-weight: 300; font-size: 15px; font-family: "Open Sans", sans-serif; } .mkdf-search-cover input:-moz-placeholder { color: #afafaf; font-weight: 300; font-size: 15px; font-family: "Open Sans", sans-serif; } .mkdf-search-cover input::-moz-placeholder { color: #afafaf; font-weight: 300; font-size: 15px; font-family: "Open Sans", sans-serif; } .mkdf-search-cover input:-ms-input-placeholder { color: #afafaf; font-weight: 300; font-size: 15px; font-family: "Open Sans", sans-serif; } .mkdf-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; } .mkdf-search-cover .mkdf-search-close { position: absolute; right: 0; top: 50%; font-size: 20px; line-height: 1em; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-search-cover .mkdf-search-close a { color: #000; display: inline-block; vertical-align: middle; } .mkdf-search-cover .mkdf-search-close a * { display: block; line-height: inherit; } .mkdf-search-cover .mkdf-search-close a:hover { color: #43d5cb; } .mkdf-search-cover.disabled input, .mkdf-search-cover.disabled input:focus { font-weight: normal; } /* ========================================================================== # Search covers header - end ========================================================================== */ /* ========================================================================== 8. Blog styles ========================================================================== */ /* ========================================================================== 9. Widgets styles ========================================================================== */ footer { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ } footer .widget { margin: 0; padding: 0 0 20px; border-bottom: none; } footer .widget .mkdf-widget-title-holder { margin-bottom: 6px; } footer .widget .mkdf-widget-title-holder .mkdf-widget-title { font-family: "Poppins", sans-serif; color: #43d5cb; font-size: 18px; font-weight: 500; margin-bottom: 3px; margin-top: 31px; } footer .widget .mkdf-widget-title-holder .mkdf-separator { border-color: #ffffff; border-bottom-width: 3px; width: 30px; } footer .widget ul { padding: 0; margin: 0; list-style: none; } footer .widget ul li { border: none; display: block; color: #b6b6b6; line-height: 20px; margin: 0; padding: 6px 0; } footer .widget ul li:last-child { border: 0; padding-bottom: 0; } footer .widget ul li a { color: #fff; font-size: 13px; font-weight: 600; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } footer .widget ul li a:hover { color: #43d5cb; } footer .widget ul .children, footer .widget ul .sub-menu { border: none; margin-top: 6px; } footer .widget.widget_pages .mkdf-widget-title, footer .widget.widget_archive .mkdf-widget-title, footer .widget.widget_categories .mkdf-widget-title, footer .widget.widget_meta .mkdf-widget-title, footer .widget.widget_recent_entries .mkdf-widget-title, footer .widget.widget_nav_menu .mkdf-widget-title { margin-bottom: 0; } 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; border: none; color: #b6b6b6; padding: 0 0 12px; font-size: 15px; font-weight: 400; } 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 { color: #fff; font-size: 15px; font-weight: 500; display: inline; overflow: hidden; padding: 0; position: relative; } footer .widget.widget_pages ul li a:hover, footer .widget.widget_archive ul li a:hover, footer .widget.widget_categories ul li a:hover, footer .widget.widget_meta ul li a:hover, footer .widget.widget_recent_entries ul li a:hover, footer .widget.widget_nav_menu ul li a:hover { color: #43d5cb; } footer .widget.widget_pages ul li ul, footer .widget.widget_archive ul li ul, footer .widget.widget_categories ul li ul, footer .widget.widget_meta ul li ul, footer .widget.widget_recent_entries ul li ul, footer .widget.widget_nav_menu ul li ul { margin-top: 12px; padding-left: 12px; } footer .widget.widget_pages ul li ul li:last-child, footer .widget.widget_archive ul li ul li:last-child, footer .widget.widget_categories ul li ul li:last-child, footer .widget.widget_meta ul li ul li:last-child, footer .widget.widget_recent_entries ul li ul li:last-child, footer .widget.widget_nav_menu ul li ul li:last-child { padding-bottom: 0; } footer .widget.widget_nav_menu ul li a { font-size: 14px; color: #fff; } footer .widget.widget_recent_comments .mkdf-widget-title, footer .widget.widget_rss .mkdf-widget-title { margin-bottom: 0; } footer .widget #wp-calendar { text-align: center; width: 100%; } footer .widget #wp-calendar caption { margin: 0 0 6px; } footer .widget #wp-calendar th, footer .widget #wp-calendar td { padding: 3px 4px; } footer .widget #wp-calendar td#today { color: #000; background-color: #fff; } footer .widget #wp-calendar tfoot a { color: #fff; } footer .widget #wp-calendar tfoot a:hover { color: #43d5cb; } footer .widget.widget_rss .rss-widget-icon { display: inline-block; } footer .widget.widget_rss .rss-date { display: block; margin-bottom: 6px; } footer .widget.widget_rss cite { display: block; margin-top: calc(6px / 2); } footer .widget.widget_search { border: none; padding: 0; } footer .widget.widget_search .input-holder { position: relative; } footer .widget.widget_search .input-holder input, footer .widget.widget_search .input-holder button { background-color: #f4f4f4; border: 0; border-radius: 0; box-sizing: border-box; color: #afafaf; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } footer .widget.widget_search .input-holder input.search-field { width: 100%; padding: 0 50px 0 21px; border-radius: 5px 0 0 5px; } footer .widget.widget_search .input-holder input.search-field::-webkit-input-placeholder { color: #afafaf; } footer .widget.widget_search .input-holder input.search-field:-moz-placeholder { color: #afafaf; } footer .widget.widget_search .input-holder input.search-field::-moz-placeholder { color: #afafaf; } footer .widget.widget_search .input-holder input.search-field:-ms-input-placeholder { color: #afafaf; } footer .widget.widget_search .input-holder button { background: #e7e7e7; color: #333; cursor: pointer; font-size: 26px; width: 52px; border-radius: 0 5px 5px 0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; position: absolute; top: 0; right: 0; } footer .widget.widget_search .input-holder button:hover { color: #fff; background-color: #43d5cb; } 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 { content: "\35"; display: block; line-height: inherit; } footer .widget.widget_archive, footer .widget.widget_categories, footer .widget.widget_text { color: #ffffff; } 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; box-sizing: border-box; color: #ffffff; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); margin-top: 6px; outline: 0; padding: 0 0 0 21px; position: relative; vertical-align: top; width: 100%; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } footer .widget.widget_archive select option, footer .widget.widget_categories select option, footer .widget.widget_text select option { color: #000; } footer .widget.widget_text p { margin: 18px 0 21px; } footer .widget.widget_tag_cloud a { border-color: #cccccc; border-style: solid; border-width: 1px; color: #ffffff; display: inline-block; font-size: 12px !important; font-family: "Poppins", sans-serif; line-height: 30px; text-transform: capitalize; margin: 0 2px 5px 0; padding: 2px 20px 0; font-weight: 400; } footer .widget.widget_tag_cloud a:hover { color: #43d5cb; } footer .widget.mkdf-blog-list-widget { border: none; padding-bottom: 0; } footer .widget.mkdf-blog-list-widget .mkdf-blog-list li { border: none; } footer .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content { padding-top: 3px; } footer .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date { margin-top: 7px; } footer .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date a { color: #b6b6b6; font-weight: 500; } footer .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a { color: #fff; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; font-size: 15px; } footer .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a:hover { color: #43d5cb; } footer .widget.widget_mkdf_instagram_widget .mkdf-instagram-feed.mkdf-tiny-space li { padding: 0 3px 0 0; margin: 0 0 3px; } footer .widget.mkdf-contact-form-7-widget, footer .widget.mkdf-image-widget, footer .widget.mkdf-separator-widget { border: none; padding-bottom: 0; } footer .widget.mkdf-image-widget img { display: block; } footer .widget:last-child { border: none; } footer .widget.widget_price_filter { font-family: "Poppins", sans-serif; font-weight: 500; color: #000; } footer .widget.widget_price_filter .ui-slider-range { background-color: #4e6dcc !important; } footer .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { border-radius: 50%; width: 20px !important; height: 20px !important; top: -9px !important; background-color: #b0b0b0 !important; } footer .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:after { font-family: FontAwesome; content: "\f111"; font-size: 8px; color: #fff; bottom: -3px; left: 7px; position: absolute; } footer .widget.widget_price_filter .price_slider_amount .button { border: none; background-color: #43d5cb; padding: 2px 30px 0; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } footer .widget.widget_price_filter .price_slider_amount .button:hover { background-color: #4e6dcc; } footer .mkdf-blog-list-widget .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-post-title { font-size: 13px; color: #43d5cb; } footer .mkdf-blog-list-widget .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-post-title a { font-weight: inherit; } footer .mkdf-blog-list-widget .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-post-info-date a { color: #979797; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } footer .mkdf-blog-list-widget .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-post-info-date a:hover { color: #43d5cb; } footer .mkdf-blog-list-widget .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-post-image { width: 85px; } footer .mkdf-blog-list-widget .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-post-image img { border-radius: 0; height: 85px; } footer .mkdf-icon-info-widget { padding-bottom: 8px; } footer .mkdf-icon-info-widget .mkdf-info-icon .mkdf-info-icon-content .mkdf-info-icon-title-text { font-size: 15px; font-weight: 300; } footer .mkdf-contact-form-7-widget p { padding-bottom: 15px; } @media only screen and (min-width: 1400px) { footer .mkdf-bli-content { padding-right: 100px; } } .mkdf-side-menu { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ } .mkdf-side-menu .widget { margin: 0; padding: 0 0 20px; border-bottom: none; } .mkdf-side-menu .widget .mkdf-widget-title-holder { margin-bottom: 6px; } .mkdf-side-menu .widget .mkdf-widget-title-holder .mkdf-widget-title { font-family: "Poppins", sans-serif; color: #000; font-size: 18px; font-weight: 500; margin-bottom: 3px; margin-top: 31px; } .mkdf-side-menu .widget .mkdf-widget-title-holder .mkdf-separator { border-color: #333333; border-bottom-width: 3px; width: 30px; } .mkdf-side-menu .widget ul { padding: 0; margin: 0; list-style: none; } .mkdf-side-menu .widget ul li { border: none; display: block; color: #b6b6b6; line-height: 20px; margin: 0; padding: 6px 0; } .mkdf-side-menu .widget ul li:last-child { border: 0; padding-bottom: 0; } .mkdf-side-menu .widget ul li a { color: #666666; font-size: 13px; font-weight: 600; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mkdf-side-menu .widget ul li a:hover { color: #43d5cb; } .mkdf-side-menu .widget ul .children, .mkdf-side-menu .widget ul .sub-menu { border: none; margin-top: 6px; } .mkdf-side-menu .widget.widget_pages .mkdf-widget-title, .mkdf-side-menu .widget.widget_archive .mkdf-widget-title, .mkdf-side-menu .widget.widget_categories .mkdf-widget-title, .mkdf-side-menu .widget.widget_meta .mkdf-widget-title, .mkdf-side-menu .widget.widget_recent_entries .mkdf-widget-title, .mkdf-side-menu .widget.widget_nav_menu .mkdf-widget-title { margin-bottom: 0; } .mkdf-side-menu .widget.widget_pages ul li, .mkdf-side-menu .widget.widget_archive ul li, .mkdf-side-menu .widget.widget_categories ul li, .mkdf-side-menu .widget.widget_meta ul li, .mkdf-side-menu .widget.widget_recent_entries ul li, .mkdf-side-menu .widget.widget_nav_menu ul li { overflow: hidden; border: none; color: #b6b6b6; padding: 0 0 12px; font-size: 15px; font-weight: 400; } .mkdf-side-menu .widget.widget_pages ul li a, .mkdf-side-menu .widget.widget_archive ul li a, .mkdf-side-menu .widget.widget_categories ul li a, .mkdf-side-menu .widget.widget_meta ul li a, .mkdf-side-menu .widget.widget_recent_entries ul li a, .mkdf-side-menu .widget.widget_nav_menu ul li a { color: #666666; font-size: 15px; font-weight: 500; display: inline; overflow: hidden; padding: 0; position: relative; } .mkdf-side-menu .widget.widget_pages ul li a:hover, .mkdf-side-menu .widget.widget_archive ul li a:hover, .mkdf-side-menu .widget.widget_categories ul li a:hover, .mkdf-side-menu .widget.widget_meta ul li a:hover, .mkdf-side-menu .widget.widget_recent_entries ul li a:hover, .mkdf-side-menu .widget.widget_nav_menu ul li a:hover { color: #43d5cb; } .mkdf-side-menu .widget.widget_pages ul li ul, .mkdf-side-menu .widget.widget_archive ul li ul, .mkdf-side-menu .widget.widget_categories ul li ul, .mkdf-side-menu .widget.widget_meta ul li ul, .mkdf-side-menu .widget.widget_recent_entries ul li ul, .mkdf-side-menu .widget.widget_nav_menu ul li ul { margin-top: 12px; padding-left: 12px; } .mkdf-side-menu .widget.widget_pages ul li ul li:last-child, .mkdf-side-menu .widget.widget_archive ul li ul li:last-child, .mkdf-side-menu .widget.widget_categories ul li ul li:last-child, .mkdf-side-menu .widget.widget_meta ul li ul li:last-child, .mkdf-side-menu .widget.widget_recent_entries ul li ul li:last-child, .mkdf-side-menu .widget.widget_nav_menu ul li ul li:last-child { padding-bottom: 0; } .mkdf-side-menu .widget.widget_nav_menu ul li a { font-size: 14px; color: #666666; } .mkdf-side-menu .widget.widget_recent_comments .mkdf-widget-title, .mkdf-side-menu .widget.widget_rss .mkdf-widget-title { margin-bottom: 0; } .mkdf-side-menu .widget #wp-calendar { text-align: center; width: 100%; } .mkdf-side-menu .widget #wp-calendar caption { margin: 0 0 6px; } .mkdf-side-menu .widget #wp-calendar th, .mkdf-side-menu .widget #wp-calendar td { padding: 3px 4px; } .mkdf-side-menu .widget #wp-calendar td#today { color: #000; background-color: #fff; } .mkdf-side-menu .widget #wp-calendar tfoot a { color: #666666; } .mkdf-side-menu .widget #wp-calendar tfoot a:hover { color: #43d5cb; } .mkdf-side-menu .widget.widget_rss .rss-widget-icon { display: inline-block; } .mkdf-side-menu .widget.widget_rss .rss-date { display: block; margin-bottom: 6px; } .mkdf-side-menu .widget.widget_rss cite { display: block; margin-top: calc(6px / 2); } .mkdf-side-menu .widget.widget_search { border: none; padding: 0; } .mkdf-side-menu .widget.widget_search .input-holder { position: relative; } .mkdf-side-menu .widget.widget_search .input-holder input, .mkdf-side-menu .widget.widget_search .input-holder button { background-color: #f4f4f4; border: 0; border-radius: 0; box-sizing: border-box; color: #afafaf; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .mkdf-side-menu .widget.widget_search .input-holder input.search-field { width: 100%; padding: 0 50px 0 21px; border-radius: 5px 0 0 5px; } .mkdf-side-menu .widget.widget_search .input-holder input.search-field::-webkit-input-placeholder { color: #afafaf; } .mkdf-side-menu .widget.widget_search .input-holder input.search-field:-moz-placeholder { color: #afafaf; } .mkdf-side-menu .widget.widget_search .input-holder input.search-field::-moz-placeholder { color: #afafaf; } .mkdf-side-menu .widget.widget_search .input-holder input.search-field:-ms-input-placeholder { color: #afafaf; } .mkdf-side-menu .widget.widget_search .input-holder button { background: #e7e7e7; color: #333; cursor: pointer; font-size: 26px; width: 52px; border-radius: 0 5px 5px 0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; position: absolute; top: 0; right: 0; } .mkdf-side-menu .widget.widget_search .input-holder button:hover { color: #fff; background-color: #43d5cb; } .mkdf-side-menu .widget.widget_search .input-holder button span { display: block; left: 0; line-height: inherit; position: absolute; top: 0; width: 100%; } .mkdf-side-menu .widget.widget_search .input-holder button span:before { content: "\35"; display: block; line-height: inherit; } .mkdf-side-menu .widget.widget_archive, .mkdf-side-menu .widget.widget_categories, .mkdf-side-menu .widget.widget_text { color: #333333; } .mkdf-side-menu .widget.widget_archive select, .mkdf-side-menu .widget.widget_categories select, .mkdf-side-menu .widget.widget_text select { background-color: transparent; border-color: #cccccc; border-style: solid; border-width: 1px; border-radius: 0; 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: 6px; outline: 0; padding: 0 0 0 21px; position: relative; vertical-align: top; width: 100%; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .mkdf-side-menu .widget.widget_archive select option, .mkdf-side-menu .widget.widget_categories select option, .mkdf-side-menu .widget.widget_text select option { color: #000; } .mkdf-side-menu .widget.widget_text p { margin: 18px 0 21px; } .mkdf-side-menu .widget.widget_tag_cloud a { border-color: #cccccc; border-style: solid; border-width: 1px; color: #333333; display: inline-block; font-size: 12px !important; font-family: "Poppins", sans-serif; line-height: 30px; text-transform: capitalize; margin: 0 2px 5px 0; padding: 2px 20px 0; font-weight: 400; } .mkdf-side-menu .widget.widget_tag_cloud a:hover { color: #43d5cb; } .mkdf-side-menu .widget.mkdf-blog-list-widget { border: none; padding-bottom: 0; } .mkdf-side-menu .widget.mkdf-blog-list-widget .mkdf-blog-list li { border: none; } .mkdf-side-menu .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content { padding-top: 3px; } .mkdf-side-menu .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date { margin-top: 7px; } .mkdf-side-menu .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date a { color: #b6b6b6; font-weight: 500; } .mkdf-side-menu .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a { color: #6e6e6e; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; font-size: 15px; } .mkdf-side-menu .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a:hover { color: #43d5cb; } .mkdf-side-menu .widget.widget_mkdf_instagram_widget .mkdf-instagram-feed.mkdf-tiny-space li { padding: 0 3px 0 0; margin: 0 0 3px; } .mkdf-side-menu .widget.mkdf-contact-form-7-widget, .mkdf-side-menu .widget.mkdf-image-widget, .mkdf-side-menu .widget.mkdf-separator-widget { border: none; padding-bottom: 0; } .mkdf-side-menu .widget.mkdf-image-widget img { display: block; } .mkdf-side-menu .widget:last-child { border: none; } .mkdf-side-menu .widget.widget_price_filter { font-family: "Poppins", sans-serif; font-weight: 500; color: #000; } .mkdf-side-menu .widget.widget_price_filter .ui-slider-range { background-color: #4e6dcc !important; } .mkdf-side-menu .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { border-radius: 50%; width: 20px !important; height: 20px !important; top: -9px !important; background-color: #b0b0b0 !important; } .mkdf-side-menu .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:after { font-family: FontAwesome; content: "\f111"; font-size: 8px; color: #fff; bottom: -3px; left: 7px; position: absolute; } .mkdf-side-menu .widget.widget_price_filter .price_slider_amount .button { border: none; background-color: #43d5cb; padding: 2px 30px 0; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .mkdf-side-menu .widget.widget_price_filter .price_slider_amount .button:hover { background-color: #4e6dcc; } .mkdf-side-menu .mkdf-widget-title { color: #000; } aside.mkdf-sidebar { position: relative; z-index: 11; margin: 0 0 60px; } aside.mkdf-sidebar .widget { color: #6e6e6e; } aside.mkdf-sidebar .widget:last-child { margin: 0 !important; } .wpb_widgetised_column { position: relative; } .wpb_widgetised_column .widget .mkdf-sidearea-widget-title { margin: 0 0 19px; } .wpb_widgetised_column .widget:last-child { margin: 0 !important; } aside.mkdf-sidebar, .wpb_widgetised_column { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ } aside.mkdf-sidebar .widget, .wpb_widgetised_column .widget { margin: 0; padding: 0 0 20px; border-bottom: none; } aside.mkdf-sidebar .widget .mkdf-widget-title-holder, .wpb_widgetised_column .widget .mkdf-widget-title-holder { margin-bottom: 20px; } aside.mkdf-sidebar .widget .mkdf-widget-title-holder .mkdf-widget-title, .wpb_widgetised_column .widget .mkdf-widget-title-holder .mkdf-widget-title { font-family: "Poppins", sans-serif; color: #333; font-size: 18px; font-weight: 500; margin-bottom: 3px; margin-top: 31px; } aside.mkdf-sidebar .widget .mkdf-widget-title-holder .mkdf-separator, .wpb_widgetised_column .widget .mkdf-widget-title-holder .mkdf-separator { border-color: inherit; border-bottom-width: 3px; width: 30px; } aside.mkdf-sidebar .widget ul, .wpb_widgetised_column .widget ul { padding: 0; margin: 0; list-style: none; } aside.mkdf-sidebar .widget ul li, .wpb_widgetised_column .widget ul li { border: none; display: block; color: #b6b6b6; line-height: 20px; margin: 0; padding: 20px 0; } aside.mkdf-sidebar .widget ul li:last-child, .wpb_widgetised_column .widget ul li:last-child { border: 0; padding-bottom: 0; } aside.mkdf-sidebar .widget ul li a, .wpb_widgetised_column .widget ul li a { color: #6e6e6e; font-size: 13px; font-weight: 600; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } aside.mkdf-sidebar .widget ul li a:hover, .wpb_widgetised_column .widget ul li a:hover { color: #43d5cb; } aside.mkdf-sidebar .widget ul .children, aside.mkdf-sidebar .widget ul .sub-menu, .wpb_widgetised_column .widget ul .children, .wpb_widgetised_column .widget ul .sub-menu { border: none; margin-top: 20px; } aside.mkdf-sidebar .widget.widget_pages .mkdf-widget-title, aside.mkdf-sidebar .widget.widget_archive .mkdf-widget-title, aside.mkdf-sidebar .widget.widget_categories .mkdf-widget-title, aside.mkdf-sidebar .widget.widget_meta .mkdf-widget-title, aside.mkdf-sidebar .widget.widget_recent_entries .mkdf-widget-title, aside.mkdf-sidebar .widget.widget_nav_menu .mkdf-widget-title, .wpb_widgetised_column .widget.widget_pages .mkdf-widget-title, .wpb_widgetised_column .widget.widget_archive .mkdf-widget-title, .wpb_widgetised_column .widget.widget_categories .mkdf-widget-title, .wpb_widgetised_column .widget.widget_meta .mkdf-widget-title, .wpb_widgetised_column .widget.widget_recent_entries .mkdf-widget-title, .wpb_widgetised_column .widget.widget_nav_menu .mkdf-widget-title { margin-bottom: 0; } aside.mkdf-sidebar .widget.widget_pages ul li, aside.mkdf-sidebar .widget.widget_archive ul li, aside.mkdf-sidebar .widget.widget_categories ul li, aside.mkdf-sidebar .widget.widget_meta ul li, aside.mkdf-sidebar .widget.widget_recent_entries ul li, aside.mkdf-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; border: none; color: #b6b6b6; padding: 0 0 12px; font-size: 15px; font-weight: 400; } aside.mkdf-sidebar .widget.widget_pages ul li a, aside.mkdf-sidebar .widget.widget_archive ul li a, aside.mkdf-sidebar .widget.widget_categories ul li a, aside.mkdf-sidebar .widget.widget_meta ul li a, aside.mkdf-sidebar .widget.widget_recent_entries ul li a, aside.mkdf-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 { color: #6e6e6e; font-size: 15px; font-weight: 500; display: inline; overflow: hidden; padding: 0; position: relative; } aside.mkdf-sidebar .widget.widget_pages ul li a:hover, aside.mkdf-sidebar .widget.widget_archive ul li a:hover, aside.mkdf-sidebar .widget.widget_categories ul li a:hover, aside.mkdf-sidebar .widget.widget_meta ul li a:hover, aside.mkdf-sidebar .widget.widget_recent_entries ul li a:hover, aside.mkdf-sidebar .widget.widget_nav_menu ul li a:hover, .wpb_widgetised_column .widget.widget_pages ul li a:hover, .wpb_widgetised_column .widget.widget_archive ul li a:hover, .wpb_widgetised_column .widget.widget_categories ul li a:hover, .wpb_widgetised_column .widget.widget_meta ul li a:hover, .wpb_widgetised_column .widget.widget_recent_entries ul li a:hover, .wpb_widgetised_column .widget.widget_nav_menu ul li a:hover { color: #43d5cb; } aside.mkdf-sidebar .widget.widget_pages ul li ul, aside.mkdf-sidebar .widget.widget_archive ul li ul, aside.mkdf-sidebar .widget.widget_categories ul li ul, aside.mkdf-sidebar .widget.widget_meta ul li ul, aside.mkdf-sidebar .widget.widget_recent_entries ul li ul, aside.mkdf-sidebar .widget.widget_nav_menu ul li ul, .wpb_widgetised_column .widget.widget_pages ul li ul, .wpb_widgetised_column .widget.widget_archive ul li ul, .wpb_widgetised_column .widget.widget_categories ul li ul, .wpb_widgetised_column .widget.widget_meta ul li ul, .wpb_widgetised_column .widget.widget_recent_entries ul li ul, .wpb_widgetised_column .widget.widget_nav_menu ul li ul { margin-top: 12px; padding-left: 12px; } aside.mkdf-sidebar .widget.widget_pages ul li ul li:last-child, aside.mkdf-sidebar .widget.widget_archive ul li ul li:last-child, aside.mkdf-sidebar .widget.widget_categories ul li ul li:last-child, aside.mkdf-sidebar .widget.widget_meta ul li ul li:last-child, aside.mkdf-sidebar .widget.widget_recent_entries ul li ul li:last-child, aside.mkdf-sidebar .widget.widget_nav_menu ul li ul li:last-child, .wpb_widgetised_column .widget.widget_pages ul li ul li:last-child, .wpb_widgetised_column .widget.widget_archive ul li ul li:last-child, .wpb_widgetised_column .widget.widget_categories ul li ul li:last-child, .wpb_widgetised_column .widget.widget_meta ul li ul li:last-child, .wpb_widgetised_column .widget.widget_recent_entries ul li ul li:last-child, .wpb_widgetised_column .widget.widget_nav_menu ul li ul li:last-child { padding-bottom: 0; } aside.mkdf-sidebar .widget.widget_nav_menu ul li a, .wpb_widgetised_column .widget.widget_nav_menu ul li a { font-size: 14px; color: #6e6e6e; } aside.mkdf-sidebar .widget.widget_recent_comments .mkdf-widget-title, aside.mkdf-sidebar .widget.widget_rss .mkdf-widget-title, .wpb_widgetised_column .widget.widget_recent_comments .mkdf-widget-title, .wpb_widgetised_column .widget.widget_rss .mkdf-widget-title { margin-bottom: 0; } aside.mkdf-sidebar .widget #wp-calendar, .wpb_widgetised_column .widget #wp-calendar { text-align: center; width: 100%; } aside.mkdf-sidebar .widget #wp-calendar caption, .wpb_widgetised_column .widget #wp-calendar caption { margin: 0 0 20px; } aside.mkdf-sidebar .widget #wp-calendar th, aside.mkdf-sidebar .widget #wp-calendar td, .wpb_widgetised_column .widget #wp-calendar th, .wpb_widgetised_column .widget #wp-calendar td { padding: 3px 4px; } aside.mkdf-sidebar .widget #wp-calendar td#today, .wpb_widgetised_column .widget #wp-calendar td#today { color: #000; background-color: #ffffff; } aside.mkdf-sidebar .widget #wp-calendar tfoot a, .wpb_widgetised_column .widget #wp-calendar tfoot a { color: #6e6e6e; } aside.mkdf-sidebar .widget #wp-calendar tfoot a:hover, .wpb_widgetised_column .widget #wp-calendar tfoot a:hover { color: #151515; } aside.mkdf-sidebar .widget.widget_rss .rss-widget-icon, .wpb_widgetised_column .widget.widget_rss .rss-widget-icon { display: inline-block; } aside.mkdf-sidebar .widget.widget_rss .rss-date, .wpb_widgetised_column .widget.widget_rss .rss-date { display: block; margin-bottom: 20px; } aside.mkdf-sidebar .widget.widget_rss cite, .wpb_widgetised_column .widget.widget_rss cite { display: block; margin-top: calc(20px / 2); } aside.mkdf-sidebar .widget.widget_search, .wpb_widgetised_column .widget.widget_search { border: none; padding: 0; } aside.mkdf-sidebar .widget.widget_search .input-holder, .wpb_widgetised_column .widget.widget_search .input-holder { position: relative; } aside.mkdf-sidebar .widget.widget_search .input-holder input, aside.mkdf-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 { background-color: #f4f4f4; border: 0; border-radius: 0; box-sizing: border-box; color: #afafaf; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 40px; line-height: calc(40px - 2px); outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } aside.mkdf-sidebar .widget.widget_search .input-holder input.search-field, .wpb_widgetised_column .widget.widget_search .input-holder input.search-field { width: 100%; padding: 0 50px 0 21px; border-radius: 5px 0 0 5px; } aside.mkdf-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: #afafaf; } aside.mkdf-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: #afafaf; } aside.mkdf-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: #afafaf; } aside.mkdf-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: #afafaf; } aside.mkdf-sidebar .widget.widget_search .input-holder button, .wpb_widgetised_column .widget.widget_search .input-holder button { background: #e7e7e7; color: #333; cursor: pointer; font-size: 26px; width: 40px; border-radius: 0 5px 5px 0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; position: absolute; top: 0; right: 0; } aside.mkdf-sidebar .widget.widget_search .input-holder button:hover, .wpb_widgetised_column .widget.widget_search .input-holder button:hover { color: #fff; background-color: #43d5cb; } aside.mkdf-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.mkdf-sidebar .widget.widget_search .input-holder button span:before, .wpb_widgetised_column .widget.widget_search .input-holder button span:before { content: "\35"; display: block; line-height: inherit; } aside.mkdf-sidebar .widget.widget_archive, aside.mkdf-sidebar .widget.widget_categories, aside.mkdf-sidebar .widget.widget_text, .wpb_widgetised_column .widget.widget_archive, .wpb_widgetised_column .widget.widget_categories, .wpb_widgetised_column .widget.widget_text { color: inherit; } aside.mkdf-sidebar .widget.widget_archive select, aside.mkdf-sidebar .widget.widget_categories select, aside.mkdf-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: #dadada; border-style: solid; border-width: 1px; border-radius: 0; box-sizing: border-box; color: inherit; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 40px; line-height: calc(40px - 2px); margin-top: 20px; outline: 0; padding: 0 0 0 21px; position: relative; vertical-align: top; width: 100%; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } aside.mkdf-sidebar .widget.widget_archive select option, aside.mkdf-sidebar .widget.widget_categories select option, aside.mkdf-sidebar .widget.widget_text select option, .wpb_widgetised_column .widget.widget_archive select option, .wpb_widgetised_column .widget.widget_categories select option, .wpb_widgetised_column .widget.widget_text select option { color: #000; } aside.mkdf-sidebar .widget.widget_text p, .wpb_widgetised_column .widget.widget_text p { margin: 18px 0 21px; } aside.mkdf-sidebar .widget.widget_tag_cloud a, .wpb_widgetised_column .widget.widget_tag_cloud a { border-color: #dadada; border-style: solid; border-width: 1px; color: inherit; display: inline-block; font-size: 12px !important; font-family: "Poppins", sans-serif; line-height: 30px; text-transform: capitalize; margin: 0 2px 5px 0; padding: 2px 20px 0; font-weight: 400; } aside.mkdf-sidebar .widget.widget_tag_cloud a:hover, .wpb_widgetised_column .widget.widget_tag_cloud a:hover { color: #151515; } aside.mkdf-sidebar .widget.mkdf-blog-list-widget, .wpb_widgetised_column .widget.mkdf-blog-list-widget { border: none; padding-bottom: 0; } aside.mkdf-sidebar .widget.mkdf-blog-list-widget .mkdf-blog-list li, .wpb_widgetised_column .widget.mkdf-blog-list-widget .mkdf-blog-list li { border: none; } aside.mkdf-sidebar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content, .wpb_widgetised_column .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content { padding-top: 3px; } aside.mkdf-sidebar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date, .wpb_widgetised_column .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date { margin-top: 7px; } aside.mkdf-sidebar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date a, .wpb_widgetised_column .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date a { color: #b6b6b6; font-weight: 500; } aside.mkdf-sidebar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a, .wpb_widgetised_column .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a { color: #6e6e6e; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; font-size: 15px; } aside.mkdf-sidebar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a:hover, .wpb_widgetised_column .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a:hover { color: #43d5cb; } aside.mkdf-sidebar .widget.widget_mkdf_instagram_widget .mkdf-instagram-feed.mkdf-tiny-space li, .wpb_widgetised_column .widget.widget_mkdf_instagram_widget .mkdf-instagram-feed.mkdf-tiny-space li { padding: 0 3px 0 0; margin: 0 0 3px; } aside.mkdf-sidebar .widget.mkdf-contact-form-7-widget, aside.mkdf-sidebar .widget.mkdf-image-widget, aside.mkdf-sidebar .widget.mkdf-separator-widget, .wpb_widgetised_column .widget.mkdf-contact-form-7-widget, .wpb_widgetised_column .widget.mkdf-image-widget, .wpb_widgetised_column .widget.mkdf-separator-widget { border: none; padding-bottom: 0; } aside.mkdf-sidebar .widget.mkdf-image-widget img, .wpb_widgetised_column .widget.mkdf-image-widget img { display: block; } aside.mkdf-sidebar .widget:last-child, .wpb_widgetised_column .widget:last-child { border: none; } aside.mkdf-sidebar .widget.widget_price_filter, .wpb_widgetised_column .widget.widget_price_filter { font-family: "Poppins", sans-serif; font-weight: 500; color: #000; } aside.mkdf-sidebar .widget.widget_price_filter .ui-slider-range, .wpb_widgetised_column .widget.widget_price_filter .ui-slider-range { background-color: #4e6dcc !important; } aside.mkdf-sidebar .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle, .wpb_widgetised_column .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { border-radius: 50%; width: 20px !important; height: 20px !important; top: -9px !important; background-color: #b0b0b0 !important; } aside.mkdf-sidebar .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:after, .wpb_widgetised_column .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:after { font-family: FontAwesome; content: "\f111"; font-size: 8px; color: #fff; bottom: -3px; left: 7px; position: absolute; } aside.mkdf-sidebar .widget.widget_price_filter .price_slider_amount .button, .wpb_widgetised_column .widget.widget_price_filter .price_slider_amount .button { border: none; background-color: #43d5cb; padding: 2px 30px 0; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } aside.mkdf-sidebar .widget.widget_price_filter .price_slider_amount .button:hover, .wpb_widgetised_column .widget.widget_price_filter .price_slider_amount .button:hover { background-color: #4e6dcc; } aside.mkdf-sidebar .mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a, .wpb_widgetised_column .mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a { font-weight: 500; } .mkdf-top-bar { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ } .mkdf-top-bar .widget { margin: 0; padding: 0 0 20px; border-bottom: none; } .mkdf-top-bar .widget .mkdf-widget-title-holder { margin-bottom: 15px; } .mkdf-top-bar .widget .mkdf-widget-title-holder .mkdf-widget-title { font-family: "Poppins", sans-serif; color: #333; font-size: 18px; font-weight: 500; margin-bottom: 3px; margin-top: 31px; } .mkdf-top-bar .widget .mkdf-widget-title-holder .mkdf-separator { border-color: #6b6b6b; border-bottom-width: 3px; width: 30px; } .mkdf-top-bar .widget ul { padding: 0; margin: 0; list-style: none; } .mkdf-top-bar .widget ul li { border: none; display: block; color: #b6b6b6; line-height: 20px; margin: 0; padding: 15px 0; } .mkdf-top-bar .widget ul li:last-child { border: 0; padding-bottom: 0; } .mkdf-top-bar .widget ul li a { color: #6b6b6b; font-size: 13px; font-weight: 600; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mkdf-top-bar .widget ul li a:hover { color: #43d5cb; } .mkdf-top-bar .widget ul .children, .mkdf-top-bar .widget ul .sub-menu { border: none; margin-top: 15px; } .mkdf-top-bar .widget.widget_pages .mkdf-widget-title, .mkdf-top-bar .widget.widget_archive .mkdf-widget-title, .mkdf-top-bar .widget.widget_categories .mkdf-widget-title, .mkdf-top-bar .widget.widget_meta .mkdf-widget-title, .mkdf-top-bar .widget.widget_recent_entries .mkdf-widget-title, .mkdf-top-bar .widget.widget_nav_menu .mkdf-widget-title { margin-bottom: 0; } .mkdf-top-bar .widget.widget_pages ul li, .mkdf-top-bar .widget.widget_archive ul li, .mkdf-top-bar .widget.widget_categories ul li, .mkdf-top-bar .widget.widget_meta ul li, .mkdf-top-bar .widget.widget_recent_entries ul li, .mkdf-top-bar .widget.widget_nav_menu ul li { overflow: hidden; border: none; color: #b6b6b6; padding: 0 0 12px; font-size: 15px; font-weight: 400; } .mkdf-top-bar .widget.widget_pages ul li a, .mkdf-top-bar .widget.widget_archive ul li a, .mkdf-top-bar .widget.widget_categories ul li a, .mkdf-top-bar .widget.widget_meta ul li a, .mkdf-top-bar .widget.widget_recent_entries ul li a, .mkdf-top-bar .widget.widget_nav_menu ul li a { color: #6b6b6b; font-size: 15px; font-weight: 500; display: inline; overflow: hidden; padding: 0; position: relative; } .mkdf-top-bar .widget.widget_pages ul li a:hover, .mkdf-top-bar .widget.widget_archive ul li a:hover, .mkdf-top-bar .widget.widget_categories ul li a:hover, .mkdf-top-bar .widget.widget_meta ul li a:hover, .mkdf-top-bar .widget.widget_recent_entries ul li a:hover, .mkdf-top-bar .widget.widget_nav_menu ul li a:hover { color: #43d5cb; } .mkdf-top-bar .widget.widget_pages ul li ul, .mkdf-top-bar .widget.widget_archive ul li ul, .mkdf-top-bar .widget.widget_categories ul li ul, .mkdf-top-bar .widget.widget_meta ul li ul, .mkdf-top-bar .widget.widget_recent_entries ul li ul, .mkdf-top-bar .widget.widget_nav_menu ul li ul { margin-top: 12px; padding-left: 12px; } .mkdf-top-bar .widget.widget_pages ul li ul li:last-child, .mkdf-top-bar .widget.widget_archive ul li ul li:last-child, .mkdf-top-bar .widget.widget_categories ul li ul li:last-child, .mkdf-top-bar .widget.widget_meta ul li ul li:last-child, .mkdf-top-bar .widget.widget_recent_entries ul li ul li:last-child, .mkdf-top-bar .widget.widget_nav_menu ul li ul li:last-child { padding-bottom: 0; } .mkdf-top-bar .widget.widget_nav_menu ul li a { font-size: 14px; color: #6b6b6b; } .mkdf-top-bar .widget.widget_recent_comments .mkdf-widget-title, .mkdf-top-bar .widget.widget_rss .mkdf-widget-title { margin-bottom: 0; } .mkdf-top-bar .widget #wp-calendar { text-align: center; width: 100%; } .mkdf-top-bar .widget #wp-calendar caption { margin: 0 0 15px; } .mkdf-top-bar .widget #wp-calendar th, .mkdf-top-bar .widget #wp-calendar td { padding: 3px 4px; } .mkdf-top-bar .widget #wp-calendar td#today { color: #000; background-color: #999999; } .mkdf-top-bar .widget #wp-calendar tfoot a { color: #6b6b6b; } .mkdf-top-bar .widget #wp-calendar tfoot a:hover { color: #43d5cb; } .mkdf-top-bar .widget.widget_rss .rss-widget-icon { display: inline-block; } .mkdf-top-bar .widget.widget_rss .rss-date { display: block; margin-bottom: 15px; } .mkdf-top-bar .widget.widget_rss cite { display: block; margin-top: calc(15px / 2); } .mkdf-top-bar .widget.widget_search { border: none; padding: 0; } .mkdf-top-bar .widget.widget_search .input-holder { position: relative; } .mkdf-top-bar .widget.widget_search .input-holder input, .mkdf-top-bar .widget.widget_search .input-holder button { background-color: #f4f4f4; border: 0; border-radius: 0; box-sizing: border-box; color: #afafaf; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .mkdf-top-bar .widget.widget_search .input-holder input.search-field { width: 100%; padding: 0 50px 0 21px; border-radius: 5px 0 0 5px; } .mkdf-top-bar .widget.widget_search .input-holder input.search-field::-webkit-input-placeholder { color: #afafaf; } .mkdf-top-bar .widget.widget_search .input-holder input.search-field:-moz-placeholder { color: #afafaf; } .mkdf-top-bar .widget.widget_search .input-holder input.search-field::-moz-placeholder { color: #afafaf; } .mkdf-top-bar .widget.widget_search .input-holder input.search-field:-ms-input-placeholder { color: #afafaf; } .mkdf-top-bar .widget.widget_search .input-holder button { background: #e7e7e7; color: #333; cursor: pointer; font-size: 26px; width: 52px; border-radius: 0 5px 5px 0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; position: absolute; top: 0; right: 0; } .mkdf-top-bar .widget.widget_search .input-holder button:hover { color: #fff; background-color: #43d5cb; } .mkdf-top-bar .widget.widget_search .input-holder button span { display: block; left: 0; line-height: inherit; position: absolute; top: 0; width: 100%; } .mkdf-top-bar .widget.widget_search .input-holder button span:before { content: "\35"; display: block; line-height: inherit; } .mkdf-top-bar .widget.widget_archive, .mkdf-top-bar .widget.widget_categories, .mkdf-top-bar .widget.widget_text { color: #6b6b6b; } .mkdf-top-bar .widget.widget_archive select, .mkdf-top-bar .widget.widget_categories select, .mkdf-top-bar .widget.widget_text select { background-color: transparent; border-color: #cccccc; border-style: solid; border-width: 1px; border-radius: 0; box-sizing: border-box; color: #6b6b6b; 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; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .mkdf-top-bar .widget.widget_archive select option, .mkdf-top-bar .widget.widget_categories select option, .mkdf-top-bar .widget.widget_text select option { color: #000; } .mkdf-top-bar .widget.widget_text p { margin: 18px 0 21px; } .mkdf-top-bar .widget.widget_tag_cloud a { border-color: #cccccc; border-style: solid; border-width: 1px; color: #6b6b6b; display: inline-block; font-size: 12px !important; font-family: "Poppins", sans-serif; line-height: 30px; text-transform: capitalize; margin: 0 2px 5px 0; padding: 2px 20px 0; font-weight: 400; } .mkdf-top-bar .widget.widget_tag_cloud a:hover { color: #43d5cb; } .mkdf-top-bar .widget.mkdf-blog-list-widget { border: none; padding-bottom: 0; } .mkdf-top-bar .widget.mkdf-blog-list-widget .mkdf-blog-list li { border: none; } .mkdf-top-bar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content { padding-top: 3px; } .mkdf-top-bar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date { margin-top: 7px; } .mkdf-top-bar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date a { color: #b6b6b6; font-weight: 500; } .mkdf-top-bar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a { color: #6e6e6e; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; font-size: 15px; } .mkdf-top-bar .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a:hover { color: #43d5cb; } .mkdf-top-bar .widget.widget_mkdf_instagram_widget .mkdf-instagram-feed.mkdf-tiny-space li { padding: 0 3px 0 0; margin: 0 0 3px; } .mkdf-top-bar .widget.mkdf-contact-form-7-widget, .mkdf-top-bar .widget.mkdf-image-widget, .mkdf-top-bar .widget.mkdf-separator-widget { border: none; padding-bottom: 0; } .mkdf-top-bar .widget.mkdf-image-widget img { display: block; } .mkdf-top-bar .widget:last-child { border: none; } .mkdf-top-bar .widget.widget_price_filter { font-family: "Poppins", sans-serif; font-weight: 500; color: #000; } .mkdf-top-bar .widget.widget_price_filter .ui-slider-range { background-color: #4e6dcc !important; } .mkdf-top-bar .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { border-radius: 50%; width: 20px !important; height: 20px !important; top: -9px !important; background-color: #b0b0b0 !important; } .mkdf-top-bar .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:after { font-family: FontAwesome; content: "\f111"; font-size: 8px; color: #fff; bottom: -3px; left: 7px; position: absolute; } .mkdf-top-bar .widget.widget_price_filter .price_slider_amount .button { border: none; background-color: #43d5cb; padding: 2px 30px 0; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .mkdf-top-bar .widget.widget_price_filter .price_slider_amount .button:hover { background-color: #4e6dcc; } .mkdf-top-bar .widget.widget_archive, .mkdf-top-bar .widget.widget_categories, .mkdf-top-bar .widget.widget_calendar, .mkdf-top-bar .widget.widget_meta, .mkdf-top-bar .widget.widget_rss, .mkdf-top-bar .widget.widget_text, .mkdf-top-bar .widget.widget_recent_comments, .mkdf-top-bar .widget.widget_recent_entries, .mkdf-top-bar .widget.widget_pages, .mkdf-top-bar .widget.widget_search, .mkdf-top-bar .widget .widgettitle { display: none; } .mkdf-top-bar .widget.widget_nav_menu { display: inline-block; } .mkdf-top-bar .widget.widget_nav_menu ul { display: inline-block; border: none; margin: 0; line-height: 0; vertical-align: middle; } .mkdf-top-bar .widget.widget_nav_menu ul li { display: inline-block; border: none; margin: 0; padding: 0 10px; line-height: 0; vertical-align: middle; } .mkdf-top-bar .widget.widget_nav_menu ul li a { line-height: 1em; vertical-align: middle; } .mkdf-top-bar .widget.widget_nav_menu ul li:first-child { padding-left: 0; } .mkdf-top-bar .widget.widget_nav_menu ul li ul { margin-top: 0; } /* ========================================================================== Blog List widget style - begin ========================================================================== */ .widget.mkdf-blog-list-widget > h4 { margin: 0 0 15px; } aside.mkdf-sidebar .widget.mkdf-blog-list-widget .mkdf-post-title { line-height: .9em; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: 500; color: #43d5cb; } footer .mkdf-footer-top .widget.mkdf-blog-list-widget > h2, .mkdf-top-bar .widget.mkdf-blog-list-widget > h2 { margin: 0 0 8px; } section.mkdf-side-menu .widget.mkdf-blog-list-widget { border-bottom: #e1e1e1 1px solid; padding-bottom: 20px; } section.mkdf-side-menu .widget.mkdf-blog-list-widget .mkdf-post-title { font-size: 15px; line-height: 0.7em; font-weight: 500; font-family: "Open Sans", sans-serif; } /* ========================================================================== Blog List widget style - end ========================================================================== */ /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ .widget { margin: 0; padding: 0 0 20px; border-bottom: none; } .widget .mkdf-widget-title-holder { margin-bottom: 15px; } .widget .mkdf-widget-title-holder .mkdf-widget-title { font-family: "Poppins", sans-serif; color: #333; font-size: 18px; font-weight: 500; margin-bottom: 3px; margin-top: 31px; } .widget .mkdf-widget-title-holder .mkdf-separator { border-color: #6b6b6b; border-bottom-width: 3px; width: 30px; } .widget ul { padding: 0; margin: 0; list-style: none; } .widget ul li { border: none; display: block; color: #b6b6b6; line-height: 20px; margin: 0; padding: 15px 0; } .widget ul li:last-child { border: 0; padding-bottom: 0; } .widget ul li a { color: #6b6b6b; font-size: 13px; font-weight: 600; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .widget ul li a:hover { color: #43d5cb; } .widget ul .children, .widget ul .sub-menu { border: none; margin-top: 15px; } .widget.widget_pages .mkdf-widget-title, .widget.widget_archive .mkdf-widget-title, .widget.widget_categories .mkdf-widget-title, .widget.widget_meta .mkdf-widget-title, .widget.widget_recent_entries .mkdf-widget-title, .widget.widget_nav_menu .mkdf-widget-title { margin-bottom: 0; } .widget.widget_pages ul li, .widget.widget_archive ul li, .widget.widget_categories ul li, .widget.widget_meta ul li, .widget.widget_recent_entries ul li, .widget.widget_nav_menu ul li { overflow: hidden; border: none; color: #b6b6b6; padding: 0 0 12px; font-size: 15px; font-weight: 400; } .widget.widget_pages ul li a, .widget.widget_archive ul li a, .widget.widget_categories ul li a, .widget.widget_meta ul li a, .widget.widget_recent_entries ul li a, .widget.widget_nav_menu ul li a { color: #6b6b6b; font-size: 15px; font-weight: 500; display: inline; overflow: hidden; padding: 0; position: relative; } .widget.widget_pages ul li a:hover, .widget.widget_archive ul li a:hover, .widget.widget_categories ul li a:hover, .widget.widget_meta ul li a:hover, .widget.widget_recent_entries ul li a:hover, .widget.widget_nav_menu ul li a:hover { color: #43d5cb; } .widget.widget_pages ul li ul, .widget.widget_archive ul li ul, .widget.widget_categories ul li ul, .widget.widget_meta ul li ul, .widget.widget_recent_entries ul li ul, .widget.widget_nav_menu ul li ul { margin-top: 12px; padding-left: 12px; } .widget.widget_pages ul li ul li:last-child, .widget.widget_archive ul li ul li:last-child, .widget.widget_categories ul li ul li:last-child, .widget.widget_meta ul li ul li:last-child, .widget.widget_recent_entries ul li ul li:last-child, .widget.widget_nav_menu ul li ul li:last-child { padding-bottom: 0; } .widget.widget_nav_menu ul li a { font-size: 14px; color: #6b6b6b; } .widget.widget_recent_comments .mkdf-widget-title, .widget.widget_rss .mkdf-widget-title { margin-bottom: 0; } .widget #wp-calendar { text-align: center; width: 100%; } .widget #wp-calendar caption { margin: 0 0 15px; } .widget #wp-calendar th, .widget #wp-calendar td { padding: 3px 4px; } .widget #wp-calendar td#today { color: #000; background-color: #999999; } .widget #wp-calendar tfoot a { color: #6b6b6b; } .widget #wp-calendar tfoot a:hover { color: #43d5cb; } .widget.widget_rss .rss-widget-icon { display: inline-block; } .widget.widget_rss .rss-date { display: block; margin-bottom: 15px; } .widget.widget_rss cite { display: block; margin-top: calc(15px / 2); } .widget.widget_search { border: none; padding: 0; } .widget.widget_search .input-holder { position: relative; } .widget.widget_search .input-holder input, .widget.widget_search .input-holder button { background-color: #f4f4f4; border: 0; border-radius: 0; box-sizing: border-box; color: #afafaf; display: inline-block; float: left; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: inherit; height: 52px; line-height: calc(52px - 2px); outline: 0; position: relative; vertical-align: top; -webkit-appearance: none; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .widget.widget_search .input-holder input.search-field { width: 100%; padding: 0 50px 0 21px; border-radius: 5px 0 0 5px; } .widget.widget_search .input-holder input.search-field::-webkit-input-placeholder { color: #afafaf; } .widget.widget_search .input-holder input.search-field:-moz-placeholder { color: #afafaf; } .widget.widget_search .input-holder input.search-field::-moz-placeholder { color: #afafaf; } .widget.widget_search .input-holder input.search-field:-ms-input-placeholder { color: #afafaf; } .widget.widget_search .input-holder button { background: #e7e7e7; color: #333; cursor: pointer; font-size: 26px; width: 52px; border-radius: 0 5px 5px 0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; position: absolute; top: 0; right: 0; } .widget.widget_search .input-holder button:hover { color: #fff; background-color: #43d5cb; } .widget.widget_search .input-holder button span { display: block; left: 0; line-height: inherit; position: absolute; top: 0; width: 100%; } .widget.widget_search .input-holder button span:before { content: "\35"; display: block; line-height: inherit; } .widget.widget_archive, .widget.widget_categories, .widget.widget_text { color: #6b6b6b; } .widget.widget_archive select, .widget.widget_categories select, .widget.widget_text select { background-color: transparent; border-color: #cccccc; border-style: solid; border-width: 1px; border-radius: 0; box-sizing: border-box; color: #6b6b6b; 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; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .widget.widget_archive select option, .widget.widget_categories select option, .widget.widget_text select option { color: #000; } .widget.widget_text p { margin: 18px 0 21px; } .widget.widget_tag_cloud a { border-color: #cccccc; border-style: solid; border-width: 1px; color: #6b6b6b; display: inline-block; font-size: 12px !important; font-family: "Poppins", sans-serif; line-height: 30px; text-transform: capitalize; margin: 0 2px 5px 0; padding: 2px 20px 0; font-weight: 400; } .widget.widget_tag_cloud a:hover { color: #43d5cb; } .widget.mkdf-blog-list-widget { border: none; padding-bottom: 0; } .widget.mkdf-blog-list-widget .mkdf-blog-list li { border: none; } .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content { padding-top: 3px; } .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date { margin-top: 7px; } .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-bli-content .mkdf-post-info-date a { color: #b6b6b6; font-weight: 500; } .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a { color: #6e6e6e; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; font-size: 15px; } .widget.mkdf-blog-list-widget .mkdf-blog-list li .mkdf-post-title a:hover { color: #43d5cb; } .widget.widget_mkdf_instagram_widget .mkdf-instagram-feed.mkdf-tiny-space li { padding: 0 3px 0 0; margin: 0 0 3px; } .widget.mkdf-contact-form-7-widget, .widget.mkdf-image-widget, .widget.mkdf-separator-widget { border: none; padding-bottom: 0; } .widget.mkdf-image-widget img { display: block; } .widget:last-child { border: none; } .widget.widget_price_filter { font-family: "Poppins", sans-serif; font-weight: 500; color: #000; } .widget.widget_price_filter .ui-slider-range { background-color: #4e6dcc !important; } .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { border-radius: 50%; width: 20px !important; height: 20px !important; top: -9px !important; background-color: #b0b0b0 !important; } .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:after { font-family: FontAwesome; content: "\f111"; font-size: 8px; color: #fff; bottom: -3px; left: 7px; position: absolute; } .widget.widget_price_filter .price_slider_amount .button { border: none; background-color: #43d5cb; padding: 2px 30px 0; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .widget.widget_price_filter .price_slider_amount .button:hover { background-color: #4e6dcc; } /* ========================================================================== Icon widget style - begin ========================================================================== */ .mkdf-icon-widget-holder { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .mkdf-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; } .mkdf-top-bar .mkdf-icon-widget-holder, .mkdf-page-footer .mkdf-icon-widget-holder { color: #fff; background-color: #3a3c3c; width: 28px; height: 28px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .mkdf-top-bar .mkdf-icon-widget-holder:hover, .mkdf-page-footer .mkdf-icon-widget-holder:hover { color: rgba(255, 255, 255, 0.8); background-color: #43d5cb; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-icon-widget-holder { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-icon-widget-holder:hover { color: #333 !important; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-icon-widget-holder { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-icon-widget-holder:hover { color: #fff !important; } /* ========================================================================== Icon widget style - end ========================================================================== */ /* ========================================================================== Image Slider widget style - begin ========================================================================== */ .widget.mkdf-image-slider-widget { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .widget.mkdf-image-slider-widget .mkdf-is-widget-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .widget.mkdf-image-slider-widget .mkdf-widget-title { margin: 0 0 32px; } .widget.mkdf-image-slider-widget img { display: block; } /* ========================================================================== Image Slider widget style - end ========================================================================== */ .mkdf-image-with-button-holder { padding: 30px 10px 40px 20px; background-size: cover; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mkdf-image-with-button-holder .mkdf-widget-title-holder { margin-bottom: 0 !important; } .mkdf-image-with-button-holder .mkdf-widget-title-holder .mkdf-widget-title { margin-top: 0 !important; color: #fff !important; font-size: 24px !important; } .mkdf-image-with-button-holder p { color: #ffffff; margin-bottom: 30px; } /* ========================================================================== Instagram widget responsive style - begin ========================================================================== */ @media only screen and (max-width: 1200px) { .mkdf-instagram-feed:not(.mkdf-instagram-carousel) li img { width: 100%; } .mkdf-instagram-feed:not(.mkdf-instagram-carousel).mkdf-col-6 li { width: 25%; } .mkdf-instagram-feed:not(.mkdf-instagram-carousel).mkdf-col-9 li { width: 25%; } } @media only screen and (max-width: 768px) { .mkdf-instagram-feed:not(.mkdf-instagram-carousel).mkdf-col-6 li { width: 33.33333%; } .mkdf-instagram-feed:not(.mkdf-instagram-carousel).mkdf-col-9 li { width: 33.33333%; } } @media only screen and (max-width: 680px) { .mkdf-instagram-feed:not(.mkdf-instagram-carousel) li { width: 50% !important; } } /* ========================================================================== Instagram widget responsive style - end ========================================================================== */ /* ========================================================================== Instagram widget style - begin ========================================================================== */ .mkdf-instagram-feed { list-style: none; padding: 0; margin: 0; } .mkdf-instagram-feed li { float: left; box-sizing: border-box; border: none !important; } .mkdf-instagram-feed li a { position: relative; display: block; overflow: hidden; } .mkdf-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; -moz-transition: opacity 0.6s; transition: opacity 0.6s; } .mkdf-instagram-feed li a:hover:after { opacity: 1; } .mkdf-instagram-feed li img { width: 100%; display: block; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-no-space { margin: 0; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-no-space li { padding: 0 0px; margin: 0 0 0px; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-tiny-space { margin: 0 -5px -10px; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-tiny-space li { padding: 0 5px; margin: 0 0 10px; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-small-space { margin: 0 -10px -20px; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-small-space li { padding: 0 10px; margin: 0 0 20px; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-normal-space { margin: 0 -15px -30px; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-normal-space li { padding: 0 15px; margin: 0 0 30px; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-col-2 li { width: 50%; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-col-3 li { width: 33.33333%; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-col-4 li { width: 25%; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-col-6 li { width: 16.66667%; } .mkdf-instagram-feed.mkdf-instagram-gallery.mkdf-col-9 li { width: 11.11111%; } .mkdf-instagram-feed.mkdf-instagram-carousel li { position: relative; width: 100%; margin: 0; padding: 0; } .mkdf-instagram-feed.mkdf-instagram-carousel li a { position: relative; display: block; height: 100%; } .mkdf-instagram-feed.mkdf-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; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .mkdf-instagram-feed.mkdf-instagram-carousel li a:hover { opacity: 1; } /* ========================================================================== Instagram widget style - end ========================================================================== */ .widget.mkdf-raw-html-widget { margin: 0; } .widget.mkdf-raw-html-widget.mkdf-grid-auto-width { position: relative; display: inline-block; vertical-align: middle; width: auto; } .widget.mkdf-separator-widget { margin: 0 !important; /* overwrite default widget margin */ } /* ========================================================================== Social Icon widget style - begin ========================================================================== */ .mkdf-social-icon-widget-holder { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .mkdf-social-icon-widget-holder .mkdf-social-icon-widget { color: inherit; line-height: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-social-icon-widget-holder { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-social-icon-widget-holder:hover { color: #333 !important; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-social-icon-widget-holder { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-social-icon-widget-holder:hover { color: #fff !important; } /* ========================================================================== Social Icon widget style - end ========================================================================== */ /* ========================================================================== Twitter widget style - begin ========================================================================== */ .widget.widget_mkdf_twitter_widget { padding-bottom: 0; } .widget.widget_mkdf_twitter_widget > h4 { margin: 0 0 8px; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget li { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 10px 0; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget li:last-child { padding-bottom: 0; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget li:not(:last-child) { margin: 0 0 12px !important; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget li .mkdf-tweet-text { position: relative; bottom: 10px; color: #fff; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget li .mkdf-tweet-text a { position: relative; line-height: inherit; color: inherit; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget li .mkdf-tweet-text a.mkdf-tweet-time { display: block; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget li .mkdf-tweet-text a.mkdf-tweet-time span { margin: 0 2px 0 0; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-standard li .mkdf-twitter-icon { position: absolute; top: 2px; left: 0; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-standard li .mkdf-twitter-icon i { color: #fff; font-size: 16px; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-standard li .mkdf-tweet-text { padding: 0 0 0 28px; font-size: 15px; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-standard li .mkdf-tweet-text a, .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-standard li .mkdf-tweet-text span { color: #979797; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-standard li .mkdf-tweet-text a:hover { color: #43d5cb; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0 40px; text-align: center; box-sizing: border-box; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider li { overflow: hidden; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider li .mkdf-twitter-icon i { font-size: 16px; color: #43d5cb; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider li .mkdf-tweet-text { font-size: 14px; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider li .mkdf-tweet-text a, .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider li .mkdf-tweet-text span { color: #43d5cb; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider li .mkdf-tweet-text a:hover { color: #333333; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider li .mkdf-tweet-text a.mkdf-tweet-time { margin: 21px 0 0; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider .owl-nav .owl-prev { left: 0; } .widget.widget_mkdf_twitter_widget .mkdf-twitter-widget.mkdf-twitter-slider .owl-nav .owl-next { right: 0; } /* ========================================================================== Twitter widget style - end ========================================================================== */ /* ========================================================================== 10. 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; } .xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; } .xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC"); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #33aaff; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: #33aaff !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg=="); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; } .xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans", "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 ); /* IE6-9 */ } .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* IE10+ */ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ } /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .mkdf-owl-slider { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; /* No Js */ /* * Owl Carousel - Animate Plugin */ } .mkdf-owl-slider.owl-loaded { display: block; } .mkdf-owl-slider.owl-loading { opacity: 0; display: block; } .mkdf-owl-slider.owl-hidden { opacity: 0; } .mkdf-owl-slider.owl-refresh .owl-item { visibility: hidden; } .mkdf-owl-slider.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mkdf-owl-slider.owl-grab { cursor: move; cursor: grab; } .mkdf-owl-slider.owl-rtl { direction: rtl; } .mkdf-owl-slider.owl-rtl .owl-item { float: right; } .no-js .mkdf-owl-slider { display: block; } .mkdf-owl-slider .owl-stage { position: relative; -ms-touch-action: pan-Y; } .mkdf-owl-slider .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .mkdf-owl-slider .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .mkdf-owl-slider .owl-wrapper, .mkdf-owl-slider .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .mkdf-owl-slider .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .mkdf-owl-slider .owl-item img { display: block; width: 100%; } .mkdf-owl-slider .owl-item img .owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .mkdf-owl-slider .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .mkdf-owl-slider .owl-nav.disabled { display: none; } .mkdf-owl-slider .owl-nav .owl-prev, .mkdf-owl-slider .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mkdf-owl-slider .owl-dots.disabled { display: none; } .mkdf-owl-slider .owl-dots .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mkdf-owl-slider .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .mkdf-owl-slider .owl-animated-in { z-index: 0; } .mkdf-owl-slider .owl-animated-out { z-index: 1; } .mkdf-owl-slider .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* ========================================================================== Pretty Photo style - begin ========================================================================== */ body.mkdf-disable-thumbnail-prettyphoto .pp_pic_holder, body.mkdf-disable-thumbnail-prettyphoto div.pp_overlay { display: none !important; } 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%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 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 img { display: block; } @media only screen and (max-width: 768px) { body .pp_pic_holder #pp_full_res img { width: 100% !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); -moz-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; 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: #6e6e6e; 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: #6e6e6e; 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; -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out; transition: opacity 0.2s ease-out, color 0.2s ease-out; display: none; } 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: #6e6e6e; font-family: 'Ionicons'; font-size: 0; line-height: 1; text-indent: 0; cursor: pointer; opacity: 1 !important; } body .pp_pic_holder a.pp_close: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; } } 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 ========================================================================== */ /* ========================================================================== WPML style start ========================================================================== */ .widget_icl_lang_sel_widget #lang_sel, .widget_icl_lang_sel_widget #lang_sel_click { position: relative; display: inline-block; vertical-align: middle; width: 180px; text-align: left; box-sizing: border-box; } .widget_icl_lang_sel_widget #lang_sel .lang_sel_sel, .widget_icl_lang_sel_widget #lang_sel_click .lang_sel_sel { position: relative; display: block; padding: 9px 20px; border: 1px solid #e1e1e1; box-sizing: border-box; } .widget_icl_lang_sel_widget #lang_sel .lang_sel_sel:after, .widget_icl_lang_sel_widget #lang_sel_click .lang_sel_sel:after { position: absolute; right: 20px; top: 50%; display: block; content: '\33'; font-family: 'ElegantIcons'; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .widget_icl_lang_sel_widget #lang_sel ul, .widget_icl_lang_sel_widget #lang_sel_click ul { list-style: none; padding: 0; margin: 0; } .widget_icl_lang_sel_widget #lang_sel ul li, .widget_icl_lang_sel_widget #lang_sel_click ul li { display: block; width: 100%; margin: 0; padding: 0; } .widget_icl_lang_sel_widget #lang_sel ul li a, .widget_icl_lang_sel_widget #lang_sel_click ul li a { display: block; } .widget_icl_lang_sel_widget #lang_sel ul ul, .widget_icl_lang_sel_widget #lang_sel_click ul ul { position: absolute; top: 100%; left: 0; width: 100%; padding: 13px 20px; background-color: #fff; border: 1px solid #e1e1e1; border-top: none; z-index: 10; opacity: 0; visibility: hidden; box-sizing: border-box; -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-in-out; -moz-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 #lang_sel ul ul a, .widget_icl_lang_sel_widget #lang_sel_click ul ul a { padding: 7px 0; } .widget_icl_lang_sel_widget #lang_sel:hover ul ul, .widget_icl_lang_sel_widget #lang_sel_click:hover ul ul { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul { list-style-type: none; margin: 0; padding: 0; } .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li { display: inline-block; vertical-align: middle; margin: 0 15px 5px 0; } .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li:last-child { margin: 0 0 5px; } .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li a { display: block; } .widget_icl_lang_sel_widget .lang_sel_list_vertical ul { list-style-type: none; margin: 0; padding: 0; } .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li { display: block; margin: 0; padding: 3px 0; } .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li a { display: block; } .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; margin: 0 5px 0 0; top: -1px; } .mkdf-sidebar .widget_icl_lang_sel_widget, .wpb_widgetised_column .widget_icl_lang_sel_widget, .mkdf-page-footer .widget_icl_lang_sel_widget, .mkdf-side-menu .widget_icl_lang_sel_widget { width: 100%; } .mkdf-sidebar .widget_icl_lang_sel_widget #lang_sel, .mkdf-sidebar .widget_icl_lang_sel_widget #lang_sel_click, .wpb_widgetised_column .widget_icl_lang_sel_widget #lang_sel, .wpb_widgetised_column .widget_icl_lang_sel_widget #lang_sel_click, .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel, .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel_click, .mkdf-side-menu .widget_icl_lang_sel_widget #lang_sel, .mkdf-side-menu .widget_icl_lang_sel_widget #lang_sel_click { width: 100%; } .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel .lang_sel_sel, .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel_click .lang_sel_sel { border-color: #fff; } .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel ul li a, .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel_click ul li a { color: #999; } .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel ul li a:hover, .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel_click ul li a:hover { color: #fff; } .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel ul ul, .mkdf-page-footer .widget_icl_lang_sel_widget #lang_sel_click ul ul { background-color: #333333; border-color: #fff; } .mkdf-page-footer .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li a { color: #999; } .mkdf-page-footer .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li a:hover { color: #fff; } .mkdf-page-footer .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li a { color: #999; } .mkdf-page-footer .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li a:hover { color: #fff; } .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel, .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel_click { width: auto; min-width: 130px; } .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel .lang_sel_sel, .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel_click .lang_sel_sel { border: 0; padding: 4px 10px; } .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel .lang_sel_sel:after, .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel_click .lang_sel_sel:after { right: 10px; } .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel ul li a, .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel_click ul li a { color: #fff; letter-spacing: 0; } .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel ul li a:hover, .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel_click ul li a:hover { color: #999; } .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel ul ul, .mkdf-top-bar .widget_icl_lang_sel_widget #lang_sel_click ul ul { padding: 8px 15px; background-color: #333333; border: 0; } .mkdf-top-bar .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li { margin: 0 15px 0 0; } .mkdf-top-bar .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li:last-child { margin: 0; } .mkdf-top-bar .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li a { color: #fff; } .mkdf-top-bar .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li a:hover { color: #999; } .mkdf-top-bar .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li { float: left; margin: 0 15px 0 0; padding: 0; } .mkdf-top-bar .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li:last-child { margin: 0; } .mkdf-top-bar .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li a { color: #fff; } .mkdf-top-bar .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li a:hover { color: #999; } .mkdf-menu-area .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li { margin: 0 20px 0 0; } .mkdf-menu-area .widget_icl_lang_sel_widget .lang_sel_list_horizontal ul li:last-child { margin: 0; } .mkdf-menu-area .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li { float: left; margin: 0 20px 0 0; padding: 0; } .mkdf-menu-area .widget_icl_lang_sel_widget .lang_sel_list_vertical ul li:last-child { margin: 0; } .mkdf-main-menu > ul > li.menu-item-language > a span { position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-main-menu > ul > li.menu-item-language > a span img { position: relative; display: inline-block; vertical-align: middle; top: -1px; margin: 0 5px 0 0; } .mkdf-main-menu > ul > li.menu-item-language > a span:after { content: '\33'; font-family: 'ElegantIcons'; position: absolute; right: -15px; top: 50%; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-main-menu .menu-item-language .submenu-languages { position: absolute; top: 100%; width: 200px; left: 0; z-index: 10; opacity: 0; visibility: hidden; border-top: none; padding: 18px 0; text-align: left; background-color: #fff; border-top: 1px solid #e1e1e1; box-sizing: border-box; -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-in-out; -moz-transition: visibility 0s linear 0.25s, opacity 0.25s ease-in-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-in-out; } .mkdf-main-menu .menu-item-language .submenu-languages li { display: block; width: 100%; float: none; padding: 0; box-sizing: border-box; } .mkdf-main-menu .menu-item-language .submenu-languages a { display: block; padding: 9px 26px; color: #6e6e6e; } .mkdf-main-menu .menu-item-language .submenu-languages a:hover { color: #333333; } .mkdf-main-menu .menu-item-language .submenu-languages img { position: relative; display: inline-block; vertical-align: middle; top: -1px; margin: 0 5px 0 0; } .mkdf-main-menu .menu-item-language:hover ul { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } /* ========================================================================== WPML style start ========================================================================== */ .mkd-ttevents-single .mkd-ttevents-single-image-holder { margin-bottom: 44px; } .mkd-ttevents-single .mkd-ttevents-single-image-holder img { display: block; } .mkd-ttevents-single .mkd-ttevents-single-title { margin-top: 0; margin-bottom: 14px; } .mkd-ttevents-single .mkd-event-single-icon { float: left; margin-right: 10px; color: #43d5cb; font-size: 16px; } .mkd-ttevents-single .mkd-ttevents-single-subtitle { margin-top: 0; font-size: 14px; font-weight: 400; color: #6e6e6e; font-family: "Open Sans", sans-serif; } .mkd-ttevents-single .mkd-ttevents-single-content { margin-top: 23px; } .mkd-ttevents-single h3.tt_event_margin_top_27 { font-size: 25px; line-height: 35px; letter-spacing: 2px; color: #505050; font-family: "Poppins", sans-serif; } .mkd-ttevents-single .tt_event_hours li { border: 1px solid #ebebeb; background-color: #fafafa; padding: 27px 35px 17px; margin-bottom: 3.3%; width: 31.1%; margin-right: 3.3%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-ttevents-single .tt_event_hours li:nth-child(3n) { margin-right: 0; } .mkd-ttevents-single .tt_event_hours li h4 { margin: 0; font-weight: 600; text-transform: uppercase; font-family: "Poppins", sans-serif; } .mkd-ttevents-single .tt_event_hours li h4:nth-of-type(1) { margin-bottom: 6px; } .mkd-ttevents-single .tt_event_hours li p { margin-top: 7px; font-family: "Open Sans", sans-serif; } .mkd-ttevents-single .tt_event_items_list { margin: 0; } .mkd-ttevents-single .tt_event_items_list li.type_info { border-bottom: none; padding: 5px 0; } .mkd-ttevents-single .tt_event_items_list li.type_info .tt_event_text { font-family: "Open Sans", sans-serif; color: #43d5cb; font-size: 14px; font-weight: 400; } .mkd-ttevents-single .tt_event_items_list li.type_info label { font-family: "Open Sans", sans-serif; font-size: 14px !important; font-weight: 400 !important; color: #999; } .mkd-ttevents-single .tt_event_items_list li:not(.type_info) { background: none; font-size: 15px; color: #808080; margin-bottom: 19px; padding-left: 27px; position: relative; } .mkd-ttevents-single .tt_event_items_list li:not(.type_info):before { content: '\4e'; position: absolute; left: 0; font-family: 'ElegantIcons'; color: #43d5cb; font-size: 18px; } table.tt_timetable { font-weight: 700; color: #808080; font-size: 16px; border-collapse: collapse !important; border: 1px solid #e5e5e5; } table.tt_timetable thead tr { border: 1px solid #e5e5e5; } table.tt_timetable tbody tr { border: 1px solid #e5e5e5; } table.tt_timetable td.tt_hours_column { font-weight: 500; color: #acacac !important; text-transform: uppercase; font-size: 12px !important; } table.tt_timetable th { font-weight: 500; color: #0e0e0e; height: 70px; font-size: 15px !important; font-family: "Poppins", sans-serif; border-right: 1px solid #e5e5e5 !important; border-bottom: 1px solid #e5e5e5 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.tt_timetable td { font-weight: 400; color: #808080 !important; font-size: 16px; border-right: 1px solid #e5e5e5 !important; border-bottom: 1px solid #e5e5e5 !important; } table.tt_timetable .row_gray { background-color: transparent !important; } table.tt_timetable .event_container { padding: 29px 10px; } table.tt_timetable tbody tr:nth-child(even) { background-color: #fff !important; } table.tt_timetable tbody tr:nth-child(odd) { background-color: #fafafa !important; } table.tt_timetable .event { background-color: transparent; color: #808080; } table.tt_timetable .event a, table.tt_timetable .event .event_header, table.tt_timetable .event .after_hour_text { color: #4f6dcd !important; } table.tt_timetable .event .before_hour_text { font-size: 11px; font-weight: 500; color: #acacac; } table.tt_timetable .event .event_header { margin-bottom: 6px; font-weight: 500; } table.tt_timetable .event .event_container .hours { color: #808080; } table.tt_timetable .event:not(.tt_single_event) .event_container { border-bottom: 1px solid #e5e5e5; } table.tt_timetable .event:not(.tt_single_event) .event_container:last-child { border-bottom: none; } table.tt_timetable .event hr { display: none; } table.tt_timetable .event:hover, table.tt_timetable .event .event_container.tt_tooltip:hover { background-color: transparent; } table.tt_timetable .event.tt_tooltip:hover .hours, table.tt_timetable .event .event_container.tt_tooltip:hover .hours { color: #808080; } table.tt_timetable .event a:hover, table.tt_timetable .event a.event_header:hover { text-decoration: none; color: #4e6dcc !important; } table.tt_timetable .tt_tooltip_content { color: #fff !important; background: #4e6dcc; text-align: center; border-radius: 5px; margin: 0 10px; padding: 15px; font-size: 14px; font-weight: 500; text-transform: none; height: 100%; line-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.tt_timetable .tt_tooltip_content a { color: #fff !important; font-size: 14px; font-weight: 500; margin-bottom: 8px; display: none; } table.tt_timetable .tt_tooltip_content a:hover { color: #fff !important; } table.tt_timetable .tt_tooltip .tt_tooltip_arrow { border-color: #4e6dcc transparent; position: absolute; left: 60px; border-width: 16px 16px 0; bottom: -10px; } table.tt_timetable .tt_tooltip .tt_tooltip_text { visibility: hidden; opacity: 0; -webkit-transform-origin: 50% 200%; -moz-transform-origin: 50% 200%; transform-origin: 50% 200%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); -webkit-transition: transform 0.3s cubic-bezier(0.18, 0.6, 0.01, 1.28), opacity 0.2s, visibility 0.2s; -moz-transition: transform 0.3s cubic-bezier(0.18, 0.6, 0.01, 1.28), opacity 0.2s, visibility 0.2s; transition: transform 0.3s cubic-bezier(0.18, 0.6, 0.01, 1.28), opacity 0.2s, visibility 0.2s; } table.tt_timetable .tt_tooltip:hover .tt_tooltip_text { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .tt_responsive .tt_timetable.small .box_header { color: #808080 !important; font-size: 20px !important; text-align: left; margin-bottom: 20px; } .tt_responsive .tt_timetable.small .tt_items_list li { border-color: #e5e5e5; padding: 15px 0 !important; } .tt_responsive .tt_timetable.small .tt_items_list .event_container { text-align: left; } .tt_responsive .tt_timetable.small .tt_items_list a, .tt_responsive .tt_timetable.small .tt_items_list .value { font-weight: 700; font-size: 16px; color: #808080 !important; } .tabs_box_navigation.sf-timetable-menu li:hover ul, .tabs_box_navigation.sf-timetable-menu li.sfHover ul { top: 37px !important; } .sf-timetable-menu li ul li a:hover, .sf-timetable-menu li ul li.selected a:hover { background-color: #43d5cb; } .sf-timetable-menu li ul { width: 227px; } .sf-timetable-menu li ul li { width: 217px !important; } .tabs_box_navigation.sf-timetable-menu { float: right !important; margin-right: 0 !important; margin-bottom: 45px !important; } .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected { border-radius: 5px; padding: 10px 19px !important; width: 230px; background-color: #fafafa !important; color: #afafaf !important; border: 1px solid #fafafa !important; } .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected:hover { box-shadow: none; } .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected label { font-size: 15px !important; font-weight: 300 !important; font-family: "Open Sans", sans-serif; } table.tt_timetable { border-collapse: separate !important; border-spacing: 0 !important; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); } table.tt_timetable tr th:last-child { border-right: 0 !important; } table.tt_timetable tr td:last-child { border-right: 0 !important; } table.tt_timetable tbody { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } table.tt_timetable tbody tr:last-child { border-radius: 0 0 10px 10px; } table.tt_timetable tbody tr:last-child td { border-bottom-color: transparent !important; } table.tt_timetable tbody tr:last-child td:first-child { border-bottom-left-radius: 10px; } table.tt_timetable tbody tr:last-child td:last-child { border-bottom-right-radius: 10px; } .tabs_box_navigation .tabs_box_navigation_icon { width: 40px; height: 39px; background: none; background-color: #43d5cb; color: #fff; position: absolute; margin-top: 0 !important; border-radius: 0 5px 5px 0; right: 0; top: 0; } .tabs_box_navigation .tabs_box_navigation_icon:after { content: "\f123"; font-family: IonIcons; font-size: 14px; background: none !important; position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); transform: translate(50%, -50%); } body .tt_tabs .tt_timetable .event .after_hour_text { font-size: 13px !important; } body .tt_tabs .tt_timetable th { font-size: 15px !important; } .tt_tabs { text-align: center; } .tt_tabs .tt_tabs_navigation { display: inline-block; width: auto !important; margin-bottom: 15px; } .tt_tabs .tt_tabs_navigation li { margin-right: 15px !important; margin-bottom: 0px !important; float: none; display: inline-block; } .tt_tabs .tt_tabs_navigation li a { color: #fff !important; background-color: #43d5cb; font-size: 11px !important; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #43d5cb !important; padding: 6px 13px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out !important; -moz-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out !important; transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out !important; } .tt_tabs .tt_tabs_navigation .ui-tabs-active a, .tt_tabs .tt_tabs_navigation li a:hover { background-color: #f9b060; border: 2px solid #f9b060 !important; color: #fff !important; } @media only screen and (max-width: 1024px) { .tt_responsive .tt_timetable th, .tt_responsive .tt_timetable .event_container, .tt_responsive .tt_tooltip .tt_tooltip_content { padding: 10px !important; } } .widget.upcoming_events_widget { border: none !important; padding: 0 !important; } .widget.upcoming_events_widget .tt_upcoming_events_widget:before, .widget.upcoming_events_widget .tt_upcoming_events_widget:after { content: " "; /* 1 */ display: table; /* 2 */ } .widget.upcoming_events_widget .tt_upcoming_events_widget:after { clear: both; } .widget.upcoming_events_widget .tt_upcoming_events_widget { *zoom: 1; } .widget.upcoming_events_widget .tt_upcoming_events_wrapper { margin-top: 0; } .widget.upcoming_events_widget .caroufredsel_wrapper { border: 1px solid #e5e5e5; position: relative; background-color: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget.upcoming_events_widget .caroufredsel_wrapper:after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background-color: inherit; z-index: 1; } .widget.upcoming_events_widget .tt_upcoming_events { width: 100% !important; } .widget.upcoming_events_widget .tt_upcoming_events li { width: 100%; padding: 0 !important; } .widget.upcoming_events_widget .tt_upcoming_events .tt_upcoming_events_event_container { border: none !important; border-bottom: 1px solid #e5e5e5 !important; font-size: 20px; height: 98px; padding: 25px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget.upcoming_events_widget .tt_upcoming_events .tt_upcoming_events_event_container:hover { height: auto; } .widget.upcoming_events_widget .tt_upcoming_events .tt_upcoming_events_hours { font-size: 13px; } .widget.upcoming_events_widget .tt_upcoming_events .tt_calendar_icon { float: none; display: inline-block; margin: 0 7px 0 0; vertical-align: middle; } .widget.upcoming_events_widget .tt_upcoming_event_controls { margin-top: 30px; } .widget.upcoming_events_widget .tt_upcoming_event_controls:before, .widget.upcoming_events_widget .tt_upcoming_event_controls:after { content: " "; /* 1 */ display: table; /* 2 */ } .widget.upcoming_events_widget .tt_upcoming_event_controls:after { clear: both; } .widget.upcoming_events_widget .tt_upcoming_event_controls { *zoom: 1; } .widget.upcoming_events_widget .tt_upcoming_event_controls a { width: 39px; height: 39px; line-height: 39px; border: 1px solid #e5e5e5; text-align: center; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, border-color 0.2s ease-out; transition: background-color 0.2s ease-out, border-color 0.2s ease-out; } .widget.upcoming_events_widget .tt_upcoming_event_controls a#upcoming_event_prev { margin-right: 13px; } .widget.upcoming_events_widget .tt_upcoming_event_controls a:hover { background-color: #43d5cb; border-color: #43d5cb; } .widget.upcoming_events_widget .tt_upcoming_event_controls span { display: inline-block; } @media only screen and (max-width: 1024px) { table.tt_timetable { display: none !important; } .tt_timetable.small { display: block !important; } .tt_responsive .tt_timetable.small .box_header { color: #333333 !important; font-size: 15px !important; font-family: "Poppins", sans-serif !important; } .tt_responsive .tt_timetable .event_container { padding: 0 !important; } .tt_responsive .tt_timetable.small .tt_items_list a { color: #4e6dcc !important; font-size: 14px !important; font-family: "Poppins", sans-serif !important; } .tt_responsive .tt_timetable.small .tt_items_list a:hover { text-decoration: none !important; } .tabs_box_navigation.sf-timetable-menu { float: left !important; margin-right: 0 !important; margin-top: 10% !important; } .tt_responsive .tt_timetable.small .tt_items_list .value { font-weight: 500; color: #acacac !important; text-transform: uppercase; font-size: 12px !important; } } @media only screen and (max-width: 480px) { .mkd-ttevents-single .tt_event_hours li { width: 100%; margin-right: 0; margin-bottom: 30px; } } /*# sourceMappingURL=../css/modules.css.map */ /* ========================================================================== Blog styles - begin ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Blog Common style - begin ========================================================================== */ .mkdf-blog-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 40px; clear: both; } .mkdf-blog-holder article { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; } .mkdf-blog-holder article.sticky .mkdf-post-title a { color: #43d5cb; } .mkdf-blog-holder article.mkdf-has-more-tag .mkdf-post-read-more-button { display: none; } .mkdf-blog-holder article .mkdf-post-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-blog-holder article .mkdf-post-image { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .mkdf-blog-holder article .mkdf-post-image img { display: block; } .mkdf-blog-holder article .mkdf-post-text { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; } .mkdf-blog-holder article .mkdf-post-excerpt:after { content: '...'; } .mkdf-blog-holder article .mkdf-post-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-blog-holder article .mkdf-post-info > * { position: relative; display: inline-block; vertical-align: top; color: currentColor; } .mkdf-blog-holder article .mkdf-post-info > * a { color: inherit; } .mkdf-blog-holder article.format-gallery .mkdf-post-image { width: 100%; } .mkdf-blog-holder article.format-gallery .owl-carousel .owl-item { z-index: 2; } .mkdf-blog-holder article.format-gallery .owl-carousel .owl-item.active { z-index: 3; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-embed, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-embed body, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls { background: none; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container { background-color: #333333; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls { height: 38px !important; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls { padding: 0 10px 0 4px; box-sizing: border-box; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button { width: 39px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button { width: 30px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button { height: 38px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button button, .mkdf-blog-holder article.format-audio .mkdf-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; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-play button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-pause button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-stop button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-mute button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-unmute button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time { height: 100%; padding: 0; font-family: inherit; font-size: 13px; color: #fff; line-height: 36px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail { height: 100%; padding: 0; font-family: inherit; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total { height: 5px; margin: 15px 14px; background: none; background-color: #fff; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-current { height: 5px; background-color: #43d5cb; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float { top: -14px; border: 0; color: #fff; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float .mejs-time-float-corner { border-top-color: #333333; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-loaded, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float { background: none; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider { height: 38px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 5px; top: 15px; background: none; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 0px !important; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background-color: #fff; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background-color: #43d5cb; } .mkdf-blog-holder article.format-video .mkdf-self-hosted-video { max-width: 100%; } /* ========================================================================== Blog Common style - end ========================================================================== */ /* ========================================================================== Blog Common style - begin ========================================================================== */ .mkdf-blog-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 40px; clear: both; } .mkdf-blog-holder article { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; } .mkdf-blog-holder article.sticky .mkdf-post-title a { color: #43d5cb; } .mkdf-blog-holder article.mkdf-has-more-tag .mkdf-post-read-more-button { display: none; } .mkdf-blog-holder article .mkdf-post-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-blog-holder article .mkdf-post-image { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .mkdf-blog-holder article .mkdf-post-image img { display: block; } .mkdf-blog-holder article .mkdf-post-text { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; } .mkdf-blog-holder article .mkdf-post-excerpt:after { content: '...'; } .mkdf-blog-holder article .mkdf-post-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-blog-holder article .mkdf-post-info > * { position: relative; display: inline-block; vertical-align: top; color: currentColor; } .mkdf-blog-holder article .mkdf-post-info > * a { color: inherit; } .mkdf-blog-holder article.format-gallery .mkdf-post-image { width: 100%; } .mkdf-blog-holder article.format-gallery .owl-carousel .owl-item { z-index: 2; } .mkdf-blog-holder article.format-gallery .owl-carousel .owl-item.active { z-index: 3; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-embed, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-embed body, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls { background: none; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container { background-color: #333333; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls { height: 38px !important; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls { padding: 0 10px 0 4px; box-sizing: border-box; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button { width: 39px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button { width: 30px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button { height: 38px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button button, .mkdf-blog-holder article.format-audio .mkdf-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; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-play button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-pause button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-stop button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-mute button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-unmute button, .mkdf-blog-holder article.format-audio .mkdf-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"); } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time { height: 100%; padding: 0; font-family: inherit; font-size: 13px; color: #fff; line-height: 36px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail { height: 100%; padding: 0; font-family: inherit; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total { height: 5px; margin: 15px 14px; background: none; background-color: #fff; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-current { height: 5px; background-color: #43d5cb; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float { top: -14px; border: 0; color: #fff; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float .mejs-time-float-corner { border-top-color: #333333; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-loaded, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float { background: none; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider { height: 38px; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 5px; top: 15px; background: none; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 0px !important; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background-color: #fff; } .mkdf-blog-holder article.format-audio .mkdf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background-color: #43d5cb; } .mkdf-blog-holder article.format-video .mkdf-self-hosted-video { max-width: 100%; } /* ========================================================================== Blog Common style - end ========================================================================== */ /* ========================================================================== Blog List - Standard style - begin ========================================================================== */ .mkdf-blog-holder.mkdf-blog-standard article { margin: 55px 0 50px; padding: 0; } .mkdf-blog-holder.mkdf-blog-standard article:first-child { margin-top: 0; } .mkdf-blog-holder.mkdf-blog-standard article.mkdf-post-has-media .mkdf-post-heading { margin-bottom: 35px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-title { margin: 0 0 15px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-excerpt-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 20px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-more-link-container { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 20px 0 0; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-read-more-button { margin: 0 0 20px 0; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-read-more-button a { color: #333; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-top { font-size: 12px; font-weight: 500; margin-bottom: 3px; font-family: "Poppins", sans-serif; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-top > div { position: relative; display: inline-block; padding-right: 8px; margin-right: 3px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-top > div a { margin-right: 3px; color: #4e6dcc; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-top > div a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-top > div:after { content: "/"; position: absolute; top: 0; right: -2px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-top > div:first-child { margin-left: 0; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-top > div:last-child:after { content: ''; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-top > div span { color: #444; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom { padding-top: 17px; border-top: 1px solid #dadada; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-social-share-holder.mkdf-list li { margin: 0 21px 3px 0; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-social-share-holder.mkdf-list li a { font-size: 14px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left, .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { position: relative; display: inline-block; width: 50%; float: left; line-height: 27px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div { margin-left: 17px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div:first-child { margin-left: 0; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-author { display: inline-block; font-weight: 500; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-author a { color: #444; text-transform: capitalize; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-author a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { text-align: right; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div { font-size: 12px; font-family: "Poppins", sans-serif; color: #acacac; display: inline-block; margin-left: 17px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div a { color: #acacac; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div i { margin-right: 8px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div:first-child { margin-left: 0; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right a:not(.mkdf-post-info-author-link) { color: #4e6dcc; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-comments-holder, .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-blog-like { display: inline-block; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-comments-holder i, .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-blog-like i { font-size: 16px; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-comments-holder a, .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-blog-like a { display: inline-block; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-comments-holder a:hover, .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-blog-like a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-comments-holder .comments-number { font-weight: 500; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-like span { font-weight: 500; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-blog-like i:first-child, .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-blog-like span:first-child { margin-right: 7px; color: #4e6dcc; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-blog-like:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-blog-like:hover i:first-child, .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-blog-like:hover span:first-child { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-comments-holder span:first-child { margin-right: 7px; color: #c4c3c3; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-comments-holder:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-comments-holder:hover span:first-child { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-standard article.format-audio.mkdf-post-no-media.has-post-thumbnail .mkdf-post-heading { margin-bottom: 35px; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-title { color: #fff; margin-bottom: 9px; line-height: 1.45em; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-content { background-size: cover; background-color: #4e6dcc; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-text { padding: 42px 53px 29px; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-text-main { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: left; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-mark { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; width: 50px; vertical-align: top; text-align: left; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-mark .mkdf-link-mark { padding-top: 5px; font-size: 36px; color: #fff; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-link-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; vertical-align: top; text-align: left; padding-left: 12px; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-info-bottom { border: none; padding: 8px 11px; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share { padding-left: 50px; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share li { margin: 0 17px 3px 0; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share li a { color: #fff; font-size: 12px; } .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share li a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-title { color: #fff; margin-bottom: 9px; line-height: 1.45em; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-info-bottom { border-color: transparent; padding: 8px 11px; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-text { padding: 42px 53px 29px; background-color: #4e6dcc; background-size: cover; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-text-main { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: left; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-quote-holder { padding-left: 12px; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-mark { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; width: 50px; vertical-align: top; text-align: left; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-mark .mkdf-quote-mark { padding-top: 5px; font-size: 36px; color: #fff; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-link-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; vertical-align: top; text-align: left; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-author { display: inline-block; margin-bottom: 23px; font-size: 12px; line-height: 20px; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-quote-author { color: #fff; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 500; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-quote-author:before { content: "-"; padding-right: 6px; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-blog-share { padding-left: 50px; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-blog-share li { margin: 0 17px 3px 0; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-blog-share li a { color: #fff; font-size: 12px !important; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-blog-share li a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-standard.mkdf-no-blog-info-left article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { width: 100%; } /* ========================================================================== Blog List - Standard style - end ========================================================================== */ /* Single author box styles - begin ====================================================================== */ .mkdf-author-description { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; background-color: transparent; text-align: center; box-sizing: border-box; border-bottom: 1px solid #dadada; } .mkdf-author-description .mkdf-author-description-inner { padding: 36px 0 12px; min-height: 78px; clear: both; } .mkdf-author-description .mkdf-author-description-content { position: relative; padding: 0 0 30px; } .mkdf-author-description .mkdf-author-description-image { display: inline-block; float: left; margin-top: 7px; } .mkdf-author-description .mkdf-author-description-image img { display: block; border-radius: 5em; } .mkdf-author-description .mkdf-author-description-text-holder { position: relative; padding: 4px 0 0 40px; width: calc(100% - 160px); float: right; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-name { margin: 0; float: left; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-name a { color: #333333; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-name a:hover { color: #43d5cb; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-email { margin: 0; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-text { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: left; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-text > p { margin: 5px 0 14px; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-social-icons { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: left; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-social-icons a { position: relative; display: inline-block; vertical-align: middle; padding: 0; margin: 0 15px 0 0; font-size: 14px; color: #333333; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-social-icons a:last-child { margin: 0; } .mkdf-author-description .mkdf-author-description-text-holder .mkdf-author-social-icons a:hover { color: #43d5cb; } @media only screen and (max-width: 768px) { .mkdf-author-description .mkdf-author-description-content { padding: 0; } .mkdf-author-description .mkdf-author-description-text-holder { padding: 0; } } @media only screen and (max-width: 480px) { .mkdf-author-description .mkdf-author-description-content { padding: 0; } .mkdf-author-description .mkdf-author-description-image { display: block; width: 100%; } .mkdf-author-description .mkdf-author-description-text-holder { display: block; padding: 0; margin-top: 30px; text-align: left; width: 100%; } } /* Single author box styles - end ====================================================================== */ /* ========================================================================== Blog pagination standard style - begin ========================================================================== */ .mkdf-blog-pagination-wp { display: none; } .mkdf-blog-pagination { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 45px 0 30px; clear: both; border-top: solid 1px #e4e4e4; } .mkdf-blog-pagination ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; list-style: none; text-align: center; } .mkdf-blog-pagination ul li { position: relative; display: inline-block; vertical-align: top; margin: 0 10px; padding-top: 15px; } .mkdf-blog-pagination ul li a { font-family: "Poppins", sans-serif; color: #333333; position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; font-weight: 500; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .mkdf-blog-pagination ul li a.mkdf-pag-active { color: #43d5cb; position: relative; } .mkdf-blog-pagination ul li a.mkdf-pag-active:after { content: ""; position: absolute; bottom: 0; display: inline-block; width: 12px; height: 2px; background-color: #43d5cb; left: -3px; } .mkdf-blog-pagination ul li a:hover { color: #43d5cb; } .mkdf-blog-pagination ul li.mkdf-pag-prev, .mkdf-blog-pagination ul li.mkdf-pag-next, .mkdf-blog-pagination ul li.mkdf-pag-first, .mkdf-blog-pagination ul li.mkdf-pag-last { top: -1px; margin: 0; } .mkdf-blog-pagination ul li.mkdf-pag-prev a span, .mkdf-blog-pagination ul li.mkdf-pag-next a span, .mkdf-blog-pagination ul li.mkdf-pag-first a span, .mkdf-blog-pagination ul li.mkdf-pag-last a span { display: block; line-height: inherit; } .mkdf-blog-pagination ul li.mkdf-pag-prev a span:before, .mkdf-blog-pagination ul li.mkdf-pag-next a span:before, .mkdf-blog-pagination ul li.mkdf-pag-first a span:before, .mkdf-blog-pagination ul li.mkdf-pag-last a span:before { display: block; line-height: inherit; } .mkdf-blog-pagination ul li.mkdf-pag-prev h5, .mkdf-blog-pagination ul li.mkdf-pag-next h5, .mkdf-blog-pagination ul li.mkdf-pag-first h5, .mkdf-blog-pagination ul li.mkdf-pag-last h5 { margin: 0; } .mkdf-blog-pagination ul li.mkdf-pag-prev { float: left; } .mkdf-blog-pagination ul li.mkdf-pag-next { float: right; } /* ========================================================================== Blog pagination standard style - end ========================================================================== */ /* ========================================================================== Blog List shortcode pagination standard style - begin ========================================================================== */ .mkdf-blog-list-holder.mkdf-bl-pag-standard-blog-list .mkdf-blog-list { opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .mkdf-blog-list-holder.mkdf-bl-pag-standard-blog-list.mkdf-bl-pag-standard-blog-list-animate .mkdf-blog-list { opacity: 0; } .mkdf-bl-standard-pagination { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 20px 0 15px; clear: both; padding-top: 13px; border-top: 1px solid #e4e4e4; } .mkdf-bl-standard-pagination ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; color: #000; list-style: none; text-align: center; } .mkdf-bl-standard-pagination ul li { position: relative; display: inline-block; vertical-align: top; margin: 0 11px; padding: 0; } .mkdf-bl-standard-pagination ul li a { font-family: "Poppins", sans-serif; color: #000; position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-active a { color: #43d5cb; } .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-prev, .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-next { position: absolute; top: 0; } .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-prev a, .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-next a { font-size: 30px; -webkit-transition: color 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: color 0.2s ease-out, opacity 0.2s ease-out; transition: color 0.2s ease-out, opacity 0.2s ease-out; } .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-prev a:hover h5, .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-next a:hover h5 { color: #43d5cb; } .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-prev a h5, .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-next a h5 { margin: 0; -webkit-transition: color 0.3s ease-in; -moz-transition: color 0.3s ease-in; transition: color 0.3s ease-in; } .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-prev { left: 0; } .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-prev a { opacity: 0; } .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-next { right: 0; } .mkdf-bl-standard-pagination ul li.mkdf-bl-pag-next a { opacity: 1; } /* ========================================================================== Blog List shortcode pagination standard style - end ========================================================================== */ /* ========================================================================== Blog pagination load more style - begin ========================================================================== */ .mkdf-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 ========================================================================== */ .mkdf-blog-pag-loading { position: relative; display: none; width: 100%; margin: 40px 0 20px; color: #333333; text-align: center; } .mkdf-blog-pag-loading.mkdf-standard-pag-trigger { position: absolute; top: 50px; left: 0; } .mkdf-blog-pag-loading.mkdf-showing { display: block; } .mkdf-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; -moz-animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both; animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both; } .mkdf-blog-pag-loading .mkdf-blog-pag-bounce1 { -webkit-animation-delay: -0.32s; -moz-animation-delay: -0.32s; animation-delay: -0.32s; } .mkdf-blog-pag-loading .mkdf-blog-pag-bounce2 { -webkit-animation-delay: -0.16s; -moz-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); } } @-moz-keyframes bl-pag-bouncedelay { 0%, 80%, 100% { -moz-transform: scale(0); } 40% { -moz-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 ========================================================================== */ /* Single posts navigation styles - begin ====================================================================== */ .mkdf-blog-single-navigation { position: relative; display: table; width: 100%; vertical-align: middle; padding: 0; clear: both; box-sizing: border-box; border-bottom: 1px solid #dadada; } .mkdf-blog-single-navigation .mkdf-blog-single-navigation-inner { padding: 39px 0 30px; } .mkdf-blog-single-navigation .mkdf-blog-single-prev, .mkdf-blog-single-navigation .mkdf-blog-single-next { color: #000; font-weight: 500; } .mkdf-blog-single-navigation .mkdf-blog-single-prev .mkdf-blog-single-nav-mark, .mkdf-blog-single-navigation .mkdf-blog-single-next .mkdf-blog-single-nav-mark { font-size: 48px; line-height: inherit; color: inherit; } .mkdf-blog-single-navigation .mkdf-blog-single-prev .mkdf-blog-single-nav-mark:before, .mkdf-blog-single-navigation .mkdf-blog-single-next .mkdf-blog-single-nav-mark:before { display: block; line-height: inherit; } .mkdf-blog-single-navigation .mkdf-blog-single-prev .mkdf-blog-single-nav-label, .mkdf-blog-single-navigation .mkdf-blog-single-next .mkdf-blog-single-nav-label { color: inherit; font-family: "Poppins", sans-serif; } .mkdf-blog-single-navigation .mkdf-blog-single-prev:hover, .mkdf-blog-single-navigation .mkdf-blog-single-next:hover { color: #43d5cb; } .mkdf-blog-single-navigation .mkdf-blog-single-prev { float: left; } .mkdf-blog-single-navigation .mkdf-blog-single-prev .mkdf-blog-single-nav-mark, .mkdf-blog-single-navigation .mkdf-blog-single-prev .mkdf-blog-single-nav-label { left: 160px; position: absolute; top: 50%; transform: translateY(-50%); display: inline; } .mkdf-blog-single-navigation .mkdf-blog-single-prev .mkdf-blog-single-nav-mark { margin: 0 14px 0 0; } .mkdf-blog-single-navigation .mkdf-blog-single-prev.mkdf-no-nav-image .mkdf-blog-single-nav-mark, .mkdf-blog-single-navigation .mkdf-blog-single-prev.mkdf-no-nav-image .mkdf-blog-single-nav-label { left: 0; } .mkdf-blog-single-navigation .mkdf-blog-single-next { float: right; text-align: right; } .mkdf-blog-single-navigation .mkdf-blog-single-next .mkdf-blog-single-nav-mark, .mkdf-blog-single-navigation .mkdf-blog-single-next .mkdf-blog-single-nav-label { right: 160px; position: absolute; top: 50%; transform: translateY(-50%); display: inline; } .mkdf-blog-single-navigation .mkdf-blog-single-next .mkdf-blog-single-nav-mark { margin: 0 0 0 14px; } .mkdf-blog-single-navigation .mkdf-blog-single-next.mkdf-no-nav-image .mkdf-blog-single-nav-mark, .mkdf-blog-single-navigation .mkdf-blog-single-next.mkdf-no-nav-image .mkdf-blog-single-nav-label { right: 0; } .mkdf-single-links-pages { clear: both; margin: 20px 0 5px; } .mkdf-single-links-pages .mkdf-single-links-pages-inner > a, .mkdf-single-links-pages .mkdf-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 ====================================================================== */ .mkdf-related-posts-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; box-sizing: border-box; border-bottom: 1px solid #dadada; } .mkdf-related-posts-holder .mkdf-related-posts-holder-inner { padding: 39px 0 19px; } .mkdf-related-posts-holder .mkdf-related-posts-title { margin: 0 0 20px; } .mkdf-related-posts-holder .mkdf-related-posts-title > * { margin: 0; } .mkdf-related-posts-holder .mkdf-related-posts-inner { margin: 0 -10px; } .mkdf-related-posts-holder .mkdf-related-post { position: relative; display: inline-block; float: left; width: 25%; margin: 0 0 20px; padding: 0 10px; box-sizing: border-box; } .mkdf-content-has-sidebar .mkdf-related-posts-holder .mkdf-related-post { widtH: 33.33333333333333%; } .touch .mkdf-related-posts-holder .mkdf-related-post { cursor: pointer; } .mkdf-related-posts-holder .mkdf-related-post:hover .mkdf-related-post-image a:after { opacity: 1; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-related-post-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-related-post-image a { position: relative; display: block; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-related-post-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; opacity: 0; background-color: rgba(51, 51, 51, 0.2); -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-related-post-image img { display: block; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-post-title { margin: 28px 0 0; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-post-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: -4px 0 0; font-family: "Poppins", sans-serif; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-post-info > div { position: relative; display: inline-block; vertical-align: top; float: left; padding: 0 13px 0 0; color: inherit; font-weight: 500; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-post-info > div:after { position: absolute; top: 0; right: 3px; content: '/'; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-post-info > div:last-child { padding: 0; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-post-info > div:last-child:after { display: none; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-post-info > div:not(.mkdf-post-info-date) a { color: #4e6dcc; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-post-info > div.mkdf-post-info-author .mkdf-post-info-author-text { margin: 0 3px 0 0; } .mkdf-related-posts-holder .mkdf-related-post .mkdf-post-info > div a { color: inherit; line-height: inherit; font-size: 12px; font-weight: inherit; } /* Related posts styles - end ====================================================================== */ /* ========================================================================== Blog List shortcode global style - begin ========================================================================== */ .mkdf-blog-list-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; /***** Columns Space style - begin *****/ /***** Columns Space style - end *****/ } .mkdf-blog-list-holder .mkdf-blog-list { position: relative; display: inline-block; width: 100%; vertical-align: middle; list-style: none; margin: 0; padding: 0; } .mkdf-blog-list-holder .mkdf-bl-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; box-sizing: border-box; } .mkdf-blog-list-holder .mkdf-bli-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-blog-list-holder .mkdf-bli-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; } .mkdf-blog-list-holder .mkdf-post-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-blog-list-holder .mkdf-post-image img { display: block; } .mkdf-blog-list-holder .mkdf-post-image a { display: block; } .mkdf-blog-list-holder .mkdf-post-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background: rgba(255, 255, 255, 0.35); opacity: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .mkdf-blog-list-holder .mkdf-post-image a:hover:after { opacity: 1; } .mkdf-blog-list-holder .mkdf-bli-info-top { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 45px 0 1px; clear: both; } .mkdf-blog-list-holder .mkdf-bli-info-top > div { font-family: "Poppins", sans-serif; position: relative; display: inline-block; vertical-align: top; font-size: 12px; line-height: 1.2; float: left; padding: 0 5px 5px 0; } .mkdf-blog-list-holder .mkdf-bli-info-top > div:last-child { padding: 0 0 5px; } .mkdf-blog-list-holder .mkdf-bli-info-top > div:not(.mkdf-post-info-author) { font-weight: 500; } .mkdf-blog-list-holder .mkdf-bli-info-top > div span { margin-left: 5px; } .mkdf-blog-list-holder .mkdf-bli-info-top > div a { color: #4e6dcc; } .mkdf-blog-list-holder .mkdf-bli-info-top > div a:hover { color: #43d5cb; } .mkdf-blog-list-holder .mkdf-bli-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 35px 0 8px; clear: both; } .mkdf-blog-list-holder .mkdf-bli-info > div { position: relative; display: inline-block; vertical-align: top; font-size: 13px; line-height: 1.2; float: left; padding: 0 20px 5px 0; } .mkdf-blog-list-holder .mkdf-bli-info > div:last-child { padding: 0 0 5px; } .mkdf-blog-list-holder .mkdf-bli-info > div a { color: #6e6e6e; } .mkdf-blog-list-holder .mkdf-bli-info > div a:hover { color: #43d5cb; } .mkdf-blog-list-holder .mkdf-bli-info-bottom { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; margin-top: 24px; padding-top: 14px; border-top: 1px solid #cacaca; } .mkdf-blog-list-holder .mkdf-bli-info-bottom > div { position: relative; display: inline-block; vertical-align: top; font-size: 13px; line-height: 1.2; float: left; width: 50%; } .mkdf-blog-list-holder .mkdf-bli-info-bottom > div.mkdf-blog-share { margin: 12px 0; text-align: right; } .mkdf-blog-list-holder .mkdf-bli-info-bottom > div:last-child { padding: 0 0 5px; } .mkdf-blog-list-holder .mkdf-bli-info-bottom > div a { color: #333; } .mkdf-blog-list-holder .mkdf-bli-info-bottom > div a:hover { color: #43d5cb; } .mkdf-blog-list-holder .mkdf-bli-info-bottom .mkdf-social-share-holder.mkdf-list li { margin-right: 18px; } .mkdf-blog-list-holder .mkdf-bli-info-bottom .mkdf-social-share-holder.mkdf-list li:last-child { margin-right: 0; } .mkdf-blog-list-holder .mkdf-bli-info-bottom .mkdf-social-share-holder.mkdf-list li a { font-size: 13px; } .mkdf-blog-list-holder .mkdf-post-title { margin: 0; } .mkdf-blog-list-holder .mkdf-bli-excerpt { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin-top: 0; } .mkdf-blog-list-holder .mkdf-bli-excerpt .mkdf-post-excerpt { margin: 9px 0 0; } .mkdf-blog-list-holder .mkdf-bli-excerpt .mkdf-post-excerpt p { margin: 0; } .mkdf-blog-list-holder .mkdf-bli-excerpt .mkdf-post-excerpt:after { content: '...'; } .mkdf-blog-list-holder .mkdf-post-read-more-button { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 12px 0 0; } .mkdf-blog-list-holder .mkdf-post-read-more-button a { padding: 0; margin: 0; color: #43d5cb; } .mkdf-blog-list-holder .mkdf-post-read-more-button a:hover { color: #333333; } .mkdf-blog-list-holder.mkdf-bl-no-space .mkdf-bl-wrapper { margin: 0; } .mkdf-blog-list-holder.mkdf-bl-no-space .mkdf-bl-item { padding: 0 0px; margin: 0 0 0px; } .mkdf-blog-list-holder.mkdf-bl-tiny-space .mkdf-bl-wrapper { margin: 0 -5px; } .mkdf-blog-list-holder.mkdf-bl-tiny-space .mkdf-bl-item { padding: 0 5px; margin: 0 0 10px; } .mkdf-blog-list-holder.mkdf-bl-small-space .mkdf-bl-wrapper { margin: 0 -10px; } .mkdf-blog-list-holder.mkdf-bl-small-space .mkdf-bl-item { padding: 0 10px; margin: 0 0 20px; } .mkdf-blog-list-holder.mkdf-bl-normal-space .mkdf-bl-wrapper { margin: 0 -15px; } .mkdf-blog-list-holder.mkdf-bl-normal-space .mkdf-bl-item { padding: 0 15px; margin: 0 0 30px; } /* ========================================================================== Blog List shortcode global style - end ========================================================================== */ /* ========================================================================== Blog List shortcode - Masonry type style - begin ========================================================================== */ .mkdf-blog-list-holder.mkdf-bl-masonry { transition: none !important; overflow: visible !important; } .mkdf-blog-list-holder.mkdf-bl-masonry .mkdf-blog-list { opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .mkdf-blog-list-holder.mkdf-bl-masonry .mkdf-bl-item { vertical-align: top; z-index: 100; } .mkdf-blog-list-holder.mkdf-bl-masonry .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry .mkdf-bl-grid-sizer { width: 100%; } .mkdf-blog-list-holder.mkdf-bl-masonry .mkdf-bl-grid-gutter { width: 0; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-two-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-two-columns .mkdf-bl-grid-sizer { width: 50%; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-three-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-three-columns .mkdf-bl-grid-sizer { width: 33.33333%; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-four-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-four-columns .mkdf-bl-grid-sizer { width: 25%; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-grid-sizer { width: 20%; } /* ========================================================================== Blog List shortcode - Masonry type style - end ========================================================================== */ /* ========================================================================== Blog List shortcode - Simple type style - begin ========================================================================== */ .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-bl-item { margin-bottom: 17px; } .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-post-image { display: table-cell; vertical-align: top; width: 50px; } .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-post-image img { border-radius: 50%; height: 50px; } .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-bli-content { display: table-cell; vertical-align: top; width: auto; padding-left: 21px; } .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-bli-content .mkdf-post-info-date { display: block; margin: 4px 0 0; line-height: 1; } .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-bli-content .mkdf-post-info-date a { font-family: "Poppins", sans-serif; font-size: 12px; color: #6e6e6e; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mkdf-blog-list-holder.mkdf-bl-simple .mkdf-bli-content .mkdf-post-info-date a:hover { color: #333333; } /* ========================================================================== Blog List shortcode - Simple type style - end ========================================================================== */ /* ========================================================================== Blog List shortcode - Standard type style - begin ========================================================================== */ .mkdf-blog-list-holder.mkdf-bl-standard:not(.mkdf-bl-one-column) .mkdf-bl-item { float: left; } .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-two-columns .mkdf-bl-item { width: 50%; } @media only screen and (min-width: 1025px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-two-columns .mkdf-bl-item:nth-child(2n+1) { clear: both; } } .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-three-columns .mkdf-bl-item { width: 33.33333%; } @media only screen and (min-width: 1025px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-three-columns .mkdf-bl-item:nth-child(3n+1) { clear: both; } } .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-four-columns .mkdf-bl-item { width: 25%; } @media only screen and (min-width: 1201px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-four-columns .mkdf-bl-item:nth-child(4n+1) { clear: both; } } .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-five-columns .mkdf-bl-item { width: 20%; } @media only screen and (min-width: 1201px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-five-columns .mkdf-bl-item:nth-child(5n+1) { clear: both; } } /* ========================================================================== Blog List shortcode - Standard type style - end ========================================================================== */ /* ========================================================================== Blog List loading element style - begin ========================================================================== */ .mkdf-bl-loading { position: relative; display: none; width: 100%; margin: 40px 0 20px; text-align: center; } .mkdf-bl-loading.mkdf-showing { display: block; } .mkdf-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; -moz-animation: bl-bouncedelay 1.4s infinite ease-in-out both; animation: bl-bouncedelay 1.4s infinite ease-in-out both; } .mkdf-bl-loading .mkdf-bl-loading-bounce1 { -webkit-animation-delay: -0.32s; -moz-animation-delay: -0.32s; animation-delay: -0.32s; } .mkdf-bl-loading .mkdf-bl-loading-bounce2 { -webkit-animation-delay: -0.16s; -moz-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bl-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @-moz-keyframes bl-bouncedelay { 0%, 80%, 100% { -moz-transform: scale(0); } 40% { -moz-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 ========================================================================== */ .mkdf-blog-slider-holder .mkdf-blog-slider-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; list-style-type: none; text-align: center; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-image::after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ""; background: rgba(51, 51, 51, 0.3); } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-text-wrapper { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.45s ease-out; -moz-transition: opacity 0.45s ease-out; transition: opacity 0.45s ease-out; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-text-holder { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-text-holder-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 0 5%; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-info-section { margin-bottom: 5px; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-info-section > div { position: relative; display: inline-block; padding-right: 25px; margin-left: 5px; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-info-section > div:after { content: "/"; position: absolute; top: 0; right: 5px; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-info-section > div:first-child { margin-left: 0; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-info-section > div:last-child:after { content: ''; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-info-section > div span { color: #444; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-item-title { margin: 0 0 15px; color: #fff; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-section-button-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 20px 0 0; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-section-button-holder a { color: #fff; } .mkdf-blog-slider-holder .mkdf-blog-slider-item .mkdf-section-button-holder a:hover { color: #43d5cb !important; } .mkdf-blog-slider-holder .active.center .mkdf-blog-slider-item .mkdf-item-text-wrapper { opacity: 1; } /* ========================================================================== Blog Slider shortcode style - end ========================================================================== */ /* ========================================================================== Blog Single Standard style - begin ========================================================================== */ .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article { margin: 0 0 30px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-heading { margin-bottom: 38px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-title { margin: 0 0 8px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-text { padding: 0 0 21px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top { font-size: 12px; font-weight: 500; margin-bottom: 3px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div { position: relative; display: inline-block; padding-right: 8px; margin-right: 3px; color: #4e6dcc; font-family: "Poppins", sans-serif; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div a { color: inherit; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div:after { content: "/"; position: absolute; top: 0; right: -2px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div:last-child { padding-right: 0; margin-right: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div:last-child:after { content: ''; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 31px 0 0; border-top: solid 1px #dadada; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { position: relative; display: inline-block; width: 50%; float: right; margin-top: 16px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left { float: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left .mkdf-social-share-holder.mkdf-list li { margin: 0 21px 3px 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left .mkdf-social-share-holder.mkdf-list li a { font-size: 14px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div { position: relative; display: inline-block; padding-right: 8px; margin-right: 3px; color: #6e6e6e; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div a { color: #333; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div:after { content: "/"; position: absolute; top: 0; right: -2px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div:last-child { padding-right: 0; margin-right: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div:last-child:after { content: ''; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { text-align: right; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .comments-number, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .mkdf-blog-like span { font-weight: 500; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .mkdf-post-info-comments i, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .mkdf-blog-like i { font-size: 16px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div { font-size: 12px; font-family: "Poppins", sans-serif; color: #333; display: inline-block; margin-left: 17px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div.mkdf-post-info-author { font-weight: 500; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div a { color: #333; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div i { margin-right: 8px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div:first-child { margin-left: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right a:not(.mkdf-post-info-author-link) { color: #4e6dcc; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-title { color: #fff; margin-bottom: 9px; line-height: 1.45em; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-content { background-size: cover; background-color: #4e6dcc; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-text { padding: 42px 53px 29px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-text-main { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-mark { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; width: 50px; vertical-align: top; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-mark .mkdf-link-mark { padding-top: 5px; font-size: 36px; color: #fff; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-link-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; vertical-align: top; text-align: left; padding-left: 12px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom { border: none; padding: 8px 11px; margin: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-post-info-bottom-left { margin: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share { padding-left: 50px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share li { margin: 0 17px 3px 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share li a { color: #fff; font-size: 12px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share li a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-title { color: #fff; margin-bottom: 9px; line-height: 1.45em; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-info-bottom { border-color: transparent; padding: 8px 11px; margin: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-info-bottom .mkdf-post-info-bottom-left { margin: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-text { padding: 42px 53px 29px; background-color: #4e6dcc; background-size: cover; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-text-main { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-quote-holder { padding-left: 12px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-mark { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; width: 50px; vertical-align: top; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-mark .mkdf-quote-mark { padding-top: 5px; font-size: 36px; color: #fff; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-link-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; vertical-align: top; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-author { display: inline-block; margin-bottom: 23px; font-size: 12px; line-height: 20px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-quote-author { color: #fff; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 500; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-quote-author:before { content: "-"; padding-right: 6px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-blog-share { padding-left: 47px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-blog-share li { margin: 0 17px 3px 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-blog-share li a { color: #fff; font-size: 12px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-blog-share li a:hover { color: #43d5cb; } /* ========================================================================== Blog Single Standard style - end ========================================================================== */ /* ========================================================================== Blog Single style - begin ========================================================================== */ /* ========================================================================== Blog Single Standard style - begin ========================================================================== */ .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article { margin: 0 0 30px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-heading { margin-bottom: 38px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-title { margin: 0 0 8px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-text { padding: 0 0 21px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top { font-size: 12px; font-weight: 500; margin-bottom: 3px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div { position: relative; display: inline-block; padding-right: 8px; margin-right: 3px; color: #4e6dcc; font-family: "Poppins", sans-serif; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div a { color: inherit; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div:after { content: "/"; position: absolute; top: 0; right: -2px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div:last-child { padding-right: 0; margin-right: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-top > div:last-child:after { content: ''; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 31px 0 0; border-top: solid 1px #dadada; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { position: relative; display: inline-block; width: 50%; float: right; margin-top: 16px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left { float: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left .mkdf-social-share-holder.mkdf-list li { margin: 0 21px 3px 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left .mkdf-social-share-holder.mkdf-list li a { font-size: 14px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div { position: relative; display: inline-block; padding-right: 8px; margin-right: 3px; color: #6e6e6e; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div a { color: #333; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div:after { content: "/"; position: absolute; top: 0; right: -2px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div:last-child { padding-right: 0; margin-right: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left > div:last-child:after { content: ''; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { text-align: right; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .comments-number, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .mkdf-blog-like span { font-weight: 500; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .mkdf-post-info-comments i, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .mkdf-blog-like i { font-size: 16px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div { font-size: 12px; font-family: "Poppins", sans-serif; color: #333; display: inline-block; margin-left: 17px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div.mkdf-post-info-author { font-weight: 500; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div a { color: #333; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div i { margin-right: 8px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right > div:first-child { margin-left: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right a:not(.mkdf-post-info-author-link) { color: #4e6dcc; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-title { color: #fff; margin-bottom: 9px; line-height: 1.45em; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-content { background-size: cover; background-color: #4e6dcc; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-text { padding: 42px 53px 29px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-text-main { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-mark { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; width: 50px; vertical-align: top; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-mark .mkdf-link-mark { padding-top: 5px; font-size: 36px; color: #fff; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-link-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; vertical-align: top; text-align: left; padding-left: 12px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom { border: none; padding: 8px 11px; margin: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-post-info-bottom-left { margin: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share { padding-left: 50px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share li { margin: 0 17px 3px 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share li a { color: #fff; font-size: 12px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share li a:hover { color: #43d5cb; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-title { color: #fff; margin-bottom: 9px; line-height: 1.45em; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-info-bottom { border-color: transparent; padding: 8px 11px; margin: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-info-bottom .mkdf-post-info-bottom-left { margin: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-text { padding: 42px 53px 29px; background-color: #4e6dcc; background-size: cover; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-text-main { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-quote-holder { padding-left: 12px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-mark { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; width: 50px; vertical-align: top; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-mark .mkdf-quote-mark { padding-top: 5px; font-size: 36px; color: #fff; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-link-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; vertical-align: top; text-align: left; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-author { display: inline-block; margin-bottom: 23px; font-size: 12px; line-height: 20px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-quote-author { color: #fff; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 500; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-quote-author:before { content: "-"; padding-right: 6px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-blog-share { padding-left: 47px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-blog-share li { margin: 0 17px 3px 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-blog-share li a { color: #fff; font-size: 12px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-blog-share li a:hover { color: #43d5cb; } /* ========================================================================== Blog Single Standard style - end ========================================================================== */ /* ========================================================================== Blog Single style - end ========================================================================== */ /* ========================================================================== Title Area Empty style - begin ========================================================================= */ /* ========================================================================== Title Area Empty style - end ========================================================================= */ /* ========================================================================== Title Area Info style - begin ========================================================================= */ /* ========================================================================== Title Area Info style - end ========================================================================= */ /* ========================================================================== Blog Single Title style - begin ========================================================================== */ /* ========================================================================== Title Area Empty style - begin ========================================================================= */ /* ========================================================================== Title Area Empty style - end ========================================================================= */ /* ========================================================================== Title Area Info style - begin ========================================================================= */ /* ========================================================================== Title Area Info style - end ========================================================================= */ /* ========================================================================== Blog Single Title style - end ========================================================================== */ /* ========================================================================== Blog styles - end ========================================================================== */ /*# sourceMappingURL=../css/blog-map.css.map */ /* ========================================================================== Footer styles - begin ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== #Content bottom styles - begin ========================================================================== */ .mkdf-content-bottom .mkdf-content-bottom-inner { box-sizing: border-box; } .mkdf-content-bottom .mkdf-content-bottom-inner.mkdf-grid { padding: 20px 0; } .mkdf-content-bottom .mkdf-content-bottom-inner.mkdf-full-width { padding: 83px 45px 82px; } /* ========================================================================== #Content bottom styles - end ========================================================================== */ /* ========================================================================== Footer style - begin ========================================================================== */ .mkdf-page-footer { position: relative; display: inline-block; width: 100%; vertical-align: middle; z-index: 100; box-sizing: border-box; } .mkdf-page-footer .mkdf-footer-top-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; background-color: #242626; box-sizing: border-box; } .mkdf-page-footer .mkdf-footer-top-holder .mkdf-footer-top-alignment-center { text-align: center; } .mkdf-page-footer .mkdf-footer-top-holder .mkdf-footer-top-alignment-left { text-align: left; } .mkdf-page-footer .mkdf-footer-top-holder .mkdf-footer-top-alignment-right { text-align: right; } .mkdf-page-footer .mkdf-footer-top-holder .mkdf-footer-top-inner { box-sizing: border-box; } .mkdf-page-footer .mkdf-footer-top-holder .mkdf-footer-top-inner.mkdf-grid { padding: 112px 0; } .mkdf-page-footer .mkdf-footer-top-holder .mkdf-footer-top-inner.mkdf-full-width { padding: 83px 45px 82px; } .mkdf-page-footer .mkdf-footer-bottom-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; background-color: #242626; box-sizing: border-box; text-align: center; } .mkdf-page-footer .mkdf-footer-bottom-holder .mkdf-footer-bottom-inner { box-sizing: border-box; } .mkdf-page-footer .mkdf-footer-bottom-holder .mkdf-footer-bottom-inner.mkdf-grid { padding: 19px 0; } .mkdf-page-footer .mkdf-footer-bottom-holder .mkdf-footer-bottom-inner.mkdf-full-width { padding: 19px 50px; } /* ========================================================================== Footer style - end ========================================================================== */ /* ========================================================================== Footer styles - end ========================================================================== */ /*# sourceMappingURL=../css/footer-map.css.map */ /* ========================================================================== Header styles - begin ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Header styles - begin ========================================================================== */ .mkdf-page-header { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; padding: 0; z-index: 110; 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 ========================================================================== */ } .mkdf-page-header a img { display: block; } .mkdf-page-header p { margin: 0; } .mkdf-page-header .mkdf-vertical-align-containers { padding: 0 45px; } .mkdf-page-header .mkdf-grid { height: 100%; } .mkdf-page-header .mkdf-grid .mkdf-vertical-align-containers { padding: 0; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mkdf-page-header .mkdf-logo-area { position: relative; height: 83px; overflow: hidden; background-color: #fff; } .mkdf-page-header .mkdf-logo-area .mkdf-logo-wrapper a { max-height: 83px; } .mkdf-page-header .mkdf-menu-area { position: relative; height: 90px; background-color: #fff; box-sizing: border-box; } .mkdf-boxed .mkdf-page-header .mkdf-menu-area { padding: 0; } .mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a { max-height: 90px; } .mkdf-page-header .mkdf-menu-area .widget { display: inline-block; vertical-align: middle; margin: 0; } .mkdf-logo-area-border-disable .mkdf-page-header .mkdf-logo-area { border: none; } .mkdf-logo-area-in-grid-border-disable .mkdf-page-header .mkdf-logo-area .mkdf-grid .mkdf-vertical-align-containers { border: none; } .mkdf-header-logo-area-in-grid-padding .mkdf-page-header .mkdf-logo-area .mkdf-vertical-align-containers { padding: 0 25px; } .mkdf-menu-area-shadow-disable .mkdf-page-header .mkdf-menu-area { box-shadow: none; } .mkdf-menu-area-shadow-disable .mkdf-page-header .mkdf-menu-area .mkdf-grid .mkdf-vertical-align-containers { box-shadow: none; } .mkdf-menu-area-border-disable .mkdf-page-header .mkdf-menu-area { border: none; } .mkdf-menu-area-in-grid-border-disable .mkdf-page-header .mkdf-menu-area .mkdf-grid .mkdf-vertical-align-containers { border: none; } .mkdf-header-logo-area-in-grid-padding .mkdf-page-header .mkdf-menu-area .mkdf-vertical-align-containers { padding: 0 25px; } /* ========================================================================== #Light header - begin ========================================================================== */ .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-light-logo { opacity: 1; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-normal-logo, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-dark-logo { opacity: 0; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget p, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget a, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget span, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget i, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget .widgettitle { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget a:hover { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget p, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget a, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget span, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget i, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget .widgettitle { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget a:hover { color: #fff !important; } /* ========================================================================== #Light header - end ========================================================================== */ /* ========================================================================== #Dark header - begin ========================================================================== */ .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-dark-logo { opacity: 1; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-normal-logo, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-light-logo { opacity: 0; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget p, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget a, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget span, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget i, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget .widgettitle { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget a:hover { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget p, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget a, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget span, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget i, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget .widgettitle { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget a:hover { color: #333 !important; } /* ========================================================================== #Dark header - end ========================================================================== */ /* ========================================================================== Header end - end ========================================================================== */ /* ========================================================================== Header styles - begin ========================================================================== */ .mkdf-page-header { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; padding: 0; z-index: 110; 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 ========================================================================== */ } .mkdf-page-header a img { display: block; } .mkdf-page-header p { margin: 0; } .mkdf-page-header .mkdf-vertical-align-containers { padding: 0 45px; } .mkdf-page-header .mkdf-grid { height: 100%; } .mkdf-page-header .mkdf-grid .mkdf-vertical-align-containers { padding: 0; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mkdf-page-header .mkdf-logo-area { position: relative; height: 83px; overflow: hidden; background-color: #fff; } .mkdf-page-header .mkdf-logo-area .mkdf-logo-wrapper a { max-height: 83px; } .mkdf-page-header .mkdf-menu-area { position: relative; height: 90px; background-color: #fff; box-sizing: border-box; } .mkdf-boxed .mkdf-page-header .mkdf-menu-area { padding: 0; } .mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a { max-height: 90px; } .mkdf-page-header .mkdf-menu-area .widget { display: inline-block; vertical-align: middle; margin: 0; } .mkdf-logo-area-border-disable .mkdf-page-header .mkdf-logo-area { border: none; } .mkdf-logo-area-in-grid-border-disable .mkdf-page-header .mkdf-logo-area .mkdf-grid .mkdf-vertical-align-containers { border: none; } .mkdf-header-logo-area-in-grid-padding .mkdf-page-header .mkdf-logo-area .mkdf-vertical-align-containers { padding: 0 25px; } .mkdf-menu-area-shadow-disable .mkdf-page-header .mkdf-menu-area { box-shadow: none; } .mkdf-menu-area-shadow-disable .mkdf-page-header .mkdf-menu-area .mkdf-grid .mkdf-vertical-align-containers { box-shadow: none; } .mkdf-menu-area-border-disable .mkdf-page-header .mkdf-menu-area { border: none; } .mkdf-menu-area-in-grid-border-disable .mkdf-page-header .mkdf-menu-area .mkdf-grid .mkdf-vertical-align-containers { border: none; } .mkdf-header-logo-area-in-grid-padding .mkdf-page-header .mkdf-menu-area .mkdf-vertical-align-containers { padding: 0 25px; } /* ========================================================================== #Light header - begin ========================================================================== */ .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-light-logo { opacity: 1; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-normal-logo, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-dark-logo { opacity: 0; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget p, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget a, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget span, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget i, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget .widgettitle { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget a:hover { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget p, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget a, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget span, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget i, .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget .widgettitle { color: #fff !important; } .mkdf-light-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget a:hover { color: #fff !important; } /* ========================================================================== #Light header - end ========================================================================== */ /* ========================================================================== #Dark header - begin ========================================================================== */ .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-dark-logo { opacity: 1; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-normal-logo, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-logo-wrapper .mkdf-light-logo { opacity: 0; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget p, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget a, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget span, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget i, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget .widgettitle { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header) .mkdf-menu-area .widget a:hover { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget p, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget a, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget span, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget i, .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget .widgettitle { color: #333 !important; } .mkdf-dark-header .mkdf-page-header > div:not(.fixed):not(.mkdf-sticky-header).mkdf-menu-area .widget a:hover { color: #333 !important; } /* ========================================================================== #Dark header - end ========================================================================== */ /* ========================================================================== Header end - end ========================================================================== */ /* ========================================================================== Header logo styles - begin ========================================================================== */ .mkdf-logo-wrapper { display: inline-block; vertical-align: middle; } .mkdf-logo-wrapper a { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .mkdf-logo-wrapper a img { height: 100%; width: auto; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .mkdf-logo-wrapper a img.mkdf-normal-logo { opacity: 1; } .mkdf-logo-wrapper a img.mkdf-dark-logo { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .mkdf-logo-wrapper a img.mkdf-light-logo { opacity: 0; -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); transform: translateY(-200%); } /* ========================================================================== Header logo styles - end ========================================================================== */ /* ========================================================================== Header main menu style - begin ========================================================================== */ .mkdf-main-menu { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; width: auto; } .mkdf-main-menu .mkdf-main-menu-line { position: absolute; left: 0; width: 0; height: 0; z-index: 100; border-top: 4px solid #43d5cb; -webkit-transition: width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); -moz-transition: width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); } .mkdf-main-menu .mkdf-main-menu-line.bottom { bottom: 0; } .mkdf-main-menu ul { list-style: none outside none; margin: 0; padding: 0; text-align: left; } .mkdf-main-menu ul li { position: relative; display: inline-block; float: left; padding: 0; margin: 0; } .mkdf-main-menu ul li a { font-size: 14px; line-height: 24px; color: #505050; font-weight: 400; } .mkdf-main-menu ul li a:hover { color: #43d5cb; } .mkdf-main-menu ul li a i:before { margin: 1px; font-size: 15px; } .mkdf-main-menu ul li a .menu_icon_wrapper { position: relative; display: inline-block; vertical-align: middle; } .mkdf-main-menu ul li a .mkdf-menu-featured-icon { position: relative; top: -4px; left: 5px; color: currentColor; font-size: 10px; margin: 0; } .mkdf-main-menu ul li a .mkdf-menu-featured-icon:before { margin: 0; } .mkdf-main-menu > ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; } .mkdf-main-menu > ul > li { float: left; height: 100%; box-sizing: border-box; z-index: 101; } .mkdf-main-menu > ul > li > a { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; padding: 0 21px; color: #333333; font-weight: 400; font-size: 14px; line-height: 23px; box-sizing: border-box; font-family: "Poppins", sans-serif; } .mkdf-main-menu > ul > li > a > span.item_outer { position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-main-menu > ul > li > a > span.item_outer .item_text { position: relative; display: inline-block; vertical-align: top; } .mkdf-main-menu > ul > li > a:hover { color: #333333; } .mkdf-main-menu > ul > li.mkdf-active-item > a { color: #333333; } .mkdf-main-menu > ul > li.has_sub > a .mkdf-menu-arrow { display: none; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-main-menu > ul > li > a { color: #fff; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-main-menu > ul > li > a:hover { color: #fff; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-main-menu > ul > li.mkdf-active-item > a { color: #fff; } .mkdf-light-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-main-menu .mkdf-main-menu-line { border-color: #fff; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-main-menu > ul > li > a { color: #333; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-main-menu > ul > li > a:hover { color: #333; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-main-menu > ul > li.mkdf-active-item > a { color: #333; } .mkdf-dark-header .mkdf-page-header > div:not(.mkdf-sticky-header):not(.fixed) .mkdf-main-menu .mkdf-main-menu-line { border-color: #333; } /* Narrow drop down styles ========================================================================== */ .mkdf-drop-down .second { position: absolute; display: block; left: -25px; top: 100%; visibility: hidden; overflow: hidden; opacity: 0; z-index: 10; -webkit-transition: top 0.15s ease-out; -moz-transition: top 0.15s ease-out; transition: top 0.15s ease-out; border-top: 1px solid #43d5cb; -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.08); } .mkdf-drop-down .second.mkdf-drop-down-start { visibility: visible; overflow: visible; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .mkdf-drop-down .second.right { right: 0; left: auto; } .mkdf-drop-down .second .inner { position: relative; display: block; padding: 0; margin: 0; z-index: 997; } .mkdf-drop-down .second .inner ul li { display: block; float: none; height: auto; } .mkdf-drop-down .second .inner ul li .widget { width: 100%; margin: 0 !important; } .mkdf-drop-down .second .inner ul li a { display: block; float: none; margin: 0; padding: 6px 34px 6px 44px; -webkit-transition: color 0.3s ease-out, padding 0.3s ease-out; -moz-transition: color 0.3s ease-out, padding 0.3s ease-out; transition: color 0.3s ease-out, padding 0.3s ease-out; } .mkdf-drop-down .second .inner ul li a .item_outer { position: relative; display: block; overflow: hidden; box-sizing: border-box; } .mkdf-drop-down .second .inner ul li.current-menu-ancestor > a, .mkdf-drop-down .second .inner ul li.current-menu-item > a { color: #43d5cb; } .mkdf-drop-down .second .inner ul li.sub > a .item_outer:after { color: #4e6dcc; position: absolute; display: inline-block; vertical-align: middle; top: 0; right: 0; content: "\f125"; font-family: 'IonIcons', serif; font-size: 14px; font-weight: normal; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 1; } .mkdf-drop-down .second .inner ul li:hover.sub > a .item_outer:after { opacity: 0; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } .mkdf-drop-down .second .inner ul.right li a:hover .item_outer:before { left: auto; right: -12px; } .mkdf-drop-down .second .inner ul.right li.current-menu-ancestor > a .item_outer:before, .mkdf-drop-down .second .inner ul.right li.current-menu-item > a .item_outer:before { left: auto; right: 0; } .mkdf-drop-down .second .inner ul.right li.sub > a .item_outer:after { right: auto; left: 0; content: "\f124"; } .mkdf-drop-down .second .inner ul.right li a { text-align: right; } .mkdf-drop-down .second .inner ul.right li ul { left: -100%; } .mkdf-drop-down .second .inner > ul > li > a:before, .mkdf-drop-down .second .inner ul li.sub ul li > a:before { position: absolute; top: 1px; left: 34px; content: "\f067"; width: 20px; font-size: 13px; display: block; font-family: 'FontAwesome', serif; line-height: inherit; padding-top: inherit; color: #43d5cb; overflow: hidden; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .mkdf-drop-down .second .inner > ul > li > a.has_icon .menu_icon_wrapper, .mkdf-drop-down .second .inner ul li.sub ul li > a.has_icon .menu_icon_wrapper { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; display: inline-block; width: 20px; backface-visibility: hidden; } .mkdf-drop-down .second .inner > ul.right > li > a:before, .mkdf-drop-down .second .inner ul li.sub ul.right li > a:before { right: 34px; left: auto; } .mkdf-drop-down .second .inner > ul > li:hover > a, .mkdf-drop-down .second .inner ul li.sub ul li:hover > a { padding-left: 55px; } .mkdf-drop-down .second .inner > ul > li:hover > a:before, .mkdf-drop-down .second .inner ul li.sub ul li:hover > a:before { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .mkdf-drop-down .second .inner > ul > li:hover > a.has_icon, .mkdf-drop-down .second .inner ul li.sub ul li:hover > a.has_icon { padding-left: 34px; } .mkdf-drop-down .second .inner > ul > li:hover > a.has_icon .menu_icon_wrapper, .mkdf-drop-down .second .inner ul li.sub ul li:hover > a.has_icon .menu_icon_wrapper { opacity: 0; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } .mkdf-drop-down .second .inner > ul.right > li:hover > a, .mkdf-drop-down .second .inner ul li.sub ul.right li:hover > a { padding-left: 34px; padding-right: 55px; } .mkdf-drop-down li.left_position .second { left: 0; } .mkdf-drop-down li.right_position .second { left: auto; right: 0; border-top: 1px solid #43d5cb; } .mkdf-drop-down > ul > li:hover > .second { z-index: 20; } .mkdf-drop-down .narrow .second .inner ul { position: relative; display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0.97); padding: 30px 0; } .mkdf-drop-down .narrow .second .inner ul li { width: 290px; } .mkdf-drop-down .narrow .second .inner ul li ul { position: absolute; left: 100%; top: -30px; height: auto; opacity: 0; overflow: hidden; z-index: 10; border-top: 1px solid #43d5cb; -webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.08); -moz-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.08); box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.08); -webkit-transform: translateZ(0); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .mkdf-drop-down .narrow .second .inner ul li:hover ul { z-index: 20; opacity: 1; } .mkdf-drop-down .narrow .second .inner ul.right li ul { left: -100%; -webkit-box-shadow: -3px 3px 5px -3px rgba(0, 0, 0, 0.08); -moz-box-shadow: -3px 3px 5px -3px rgba(0, 0, 0, 0.08); box-shadow: -3px 3px 5px -3px rgba(0, 0, 0, 0.08); } /* Wide drop down styles ========================================================================== */ .mkdf-drop-down .wide .second .inner { background-color: rgba(255, 255, 255, 0.97); text-align: center; } .mkdf-drop-down .wide .second .inner ul li a { padding: 8px 0; color: #505050; } .mkdf-drop-down .wide .second .inner ul li a:hover { color: #43d5cb; } .mkdf-drop-down .wide .second .inner ul li.current-menu-ancestor > a, .mkdf-drop-down .wide .second .inner ul li.current-menu-item > a { color: #43d5cb; } .mkdf-drop-down .wide .second .inner ul li ul { position: relative; display: block; top: 0; left: 0; visibility: visible; } .mkdf-drop-down .wide .second .inner ul li ul li a { border-bottom: 1px solid #ebebeb; } .mkdf-drop-down .wide .second .inner ul li ul li a .menu_icon_wrapper i { -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .mkdf-drop-down .wide .second .inner ul li ul li:hover { color: #43d5cb; } .mkdf-drop-down .wide .second .inner ul li ul li:hover .menu_icon_wrapper i { color: #6e6e6e; } .mkdf-drop-down .wide .second .inner ul li ul li:last-child a { border-bottom: 0; padding-bottom: 0; } .mkdf-drop-down .wide .second .inner ul li.sub ul li > a.has_icon .item_text { padding-left: 5px; } .mkdf-drop-down .wide .second .inner ul li.sub ul li:hover > a { padding-left: 20px; } .mkdf-drop-down .wide .second .inner ul li.sub ul li:hover > a.has_icon { padding-left: 0; } .mkdf-drop-down .wide .second .inner > ul { position: relative; display: inline-block; vertical-align: middle; width: 1100px; padding: 35px 0; box-sizing: border-box; } @media only screen and (min-width: 1400px) { .mkdf-grid-1300 .mkdf-drop-down .wide .second .inner > ul { width: 1300px; } } @media only screen and (min-width: 1300px) { .mkdf-grid-1200 .mkdf-drop-down .wide .second .inner > ul { width: 1200px; } } @media only screen and (min-width: 1200px) { .mkdf-grid-1000 .mkdf-drop-down .wide .second .inner > ul { width: 1000px; } } @media only screen and (min-width: 1024px) { .mkdf-grid-800 .mkdf-drop-down .wide .second .inner > ul { width: 800px; } } .mkdf-drop-down .wide .second .inner > ul > li { float: left; width: 25%; margin: 0; padding: 0 65px 0 0; box-sizing: border-box; } .mkdf-drop-down .wide .second .inner > ul > li:nth-child(4n+1) { clear: both; } .mkdf-drop-down .wide .second .inner > ul > li > a { color: #333333; font-size: 15px; font-weight: 500; line-height: 1.1em; padding: 7px 0 22px; font-family: "Poppins", sans-serif; } .mkdf-drop-down .wide .second .inner > ul > li > a:hover { color: #333333; } .mkdf-drop-down .wide .second .inner > ul > li > a:before { display: none; } .mkdf-drop-down .wide .second .inner > ul > li > a.no_link { cursor: default; } .mkdf-drop-down .wide .second .inner > ul > li > a .item_outer { padding: 0; overflow: inherit; } .mkdf-drop-down .wide .second .inner > ul > li > a .item_outer:before, .mkdf-drop-down .wide .second .inner > ul > li > a .item_outer:after { display: none; } .mkdf-drop-down .wide .second .inner > ul > li.current-menu-ancestor > a, .mkdf-drop-down .wide .second .inner > ul > li.current-menu-item > a { color: #333333; } .mkdf-drop-down .wide .second .inner > ul > li > ul > li > a:before { left: 2px; } .mkdf-drop-down .wide.left_position .second .inner > ul, .mkdf-drop-down .wide.right_position .second .inner > ul { width: auto; white-space: nowrap; } .mkdf-drop-down .wide.left_position .second .inner > ul > li, .mkdf-drop-down .wide.right_position .second .inner > ul > li { float: none; display: inline-block; vertical-align: top; } .mkdf-drop-down .wide.left_position .second .inner > ul > li:nth-child(4n+1), .mkdf-drop-down .wide.right_position .second .inner > ul > li:nth-child(4n+1) { border-left: none; } .mkdf-drop-down .wide.left_position .second ul li, .mkdf-drop-down .wide.right_position .second ul li { padding: 0 33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 275px; } /* ========================================================================== Header main menu style - end ========================================================================== */ /* ========================================================================== Fixed header style - begin ========================================================================== */ .mkdf-page-header .mkdf-fixed-wrapper.fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-backface-visibility: hidden; } .admin-bar .mkdf-page-header .mkdf-fixed-wrapper.fixed { margin-top: 32px; } .mkdf-page-header .mkdf-fixed-wrapper.fixed .mkdf-menu-area { background-color: #fff; } .mkdf-fixed-on-scroll .mkdf-page-header .mkdf-fixed-wrapper .mkdf-menu-area { -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; transition: height 0.2s ease; } /* ========================================================================== Fixed header style - end ========================================================================== */ /* ========================================================================== Header Standard Extended style - begin ========================================================================== */ .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area { height: 83px; z-index: 1; box-sizing: border-box; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-logo-wrapper a { max-height: 83px; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-vertical-align-containers .mkdf-position-right-inner { height: auto; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .widget { margin: 0 24px 0 0; padding: 3px 45px 0 0; display: inline-block; border: 0; border-right: 1px solid #e0e0e0; text-align: left; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .widget:last-child { border-right: 0; margin-right: 0; padding-right: 0; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .widget .mkdf-info-icon .mkdf-info-icon-content { font-size: 13px; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-logo-widget-area { position: relative; display: inline-block; vertical-align: middle; margin-left: 8px; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-right-from-logo-widget { position: relative; padding: 0 20px 0 0; float: left; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-right-from-logo-widget:last-child { padding-right: 0; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area { border-top: 1px solid #e0e0e0; height: 50px; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-shopping-cart-holder .mkdf-header-cart .mkdf-cart-count-holder { top: -5%; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-main-menu { left: -21px; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-vertical-align-containers .mkdf-position-left-inner { height: 100%; } .mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-vertical-align-containers .mkdf-position-right-inner { height: auto; } /* ========================================================================== Header Standard Extended style - end ========================================================================== */ /* ========================================================================== Header Standard style - begin ========================================================================== */ .mkdf-header-standard .mkdf-menu-area.mkdf-menu-left .mkdf-main-menu { width: auto; padding: 0 0 0 20px; } .mkdf-header-standard .mkdf-menu-area.mkdf-menu-left .mkdf-vertical-align-containers .mkdf-position-left-inner { height: 100%; } .mkdf-header-standard .mkdf-menu-area.mkdf-menu-center .mkdf-vertical-align-containers .mkdf-position-center-inner { height: 100%; } .mkdf-header-standard .mkdf-menu-area.mkdf-menu-right .mkdf-main-menu { width: auto; } .mkdf-header-standard .mkdf-menu-area.mkdf-menu-right .mkdf-vertical-align-containers .mkdf-position-right-inner { height: 100%; } /* ========================================================================== Header Standard style - end ========================================================================== */ /* ========================================================================== Mobile header style - begin ========================================================================== */ .mkdf-mobile-header { position: relative; display: none; z-index: 101; /* #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 ========================================================================== */ } .mkdf-mobile-header .mkdf-mobile-header-inner { position: relative; height: 70px; background-color: #fff; border-bottom: 1px solid #e1e1e1; box-sizing: border-box; } .mkdf-mobile-header .mkdf-mobile-header-inner .mkdf-mobile-header-holder { position: relative; z-index: 2; height: 100%; } .mkdf-mobile-header .mkdf-grid { height: 100%; } .mkdf-mobile-header .mkdf-vertical-align-containers { padding: 0; } .mkdf-mobile-header .mkdf-mobile-logo-wrapper a { display: block; } .mkdf-mobile-header .mkdf-mobile-logo-wrapper img { height: 100%; width: auto; } .mkdf-mobile-header .mkdf-mobile-menu-opener { position: relative; height: 100%; float: left; z-index: 2; } .mkdf-mobile-header .mkdf-mobile-menu-opener a { display: table; height: 100%; padding-right: 10px; color: #333333; } .mkdf-mobile-header .mkdf-mobile-menu-opener a > * { position: relative; display: table-cell; vertical-align: middle; line-height: 1em; } .mkdf-mobile-header .mkdf-mobile-menu-opener a .mkdf-mobile-menu-icon { font-size: 21px; } .mkdf-mobile-header .mkdf-mobile-menu-opener a .mkdf-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; } .mkdf-mobile-header .mkdf-mobile-menu-opener.mkdf-mobile-menu-opened a { color: #43d5cb; } .mkdf-mobile-header .mkdf-mobile-nav { display: none; background-color: #fff; border-bottom: 1px solid #e1e1e1; padding-bottom: 35px; box-sizing: border-box; } .mkdf-mobile-header .mkdf-mobile-nav ul { padding: 0; margin: 0; list-style-type: none; } .mkdf-mobile-header .mkdf-mobile-nav ul li { position: relative; padding: 0; margin: 0; } .mkdf-mobile-header .mkdf-mobile-nav ul li a, .mkdf-mobile-header .mkdf-mobile-nav ul li h5 { position: relative; display: block; padding: 9px 0; margin: 0; color: #6e6e6e; border-bottom: 1px solid #e1e1e1; } .mkdf-mobile-header .mkdf-mobile-nav ul li a:hover, .mkdf-mobile-header .mkdf-mobile-nav ul li h5:hover { color: #43d5cb; } .mkdf-mobile-header .mkdf-mobile-nav ul ul { display: none; margin-left: 15px; } .mkdf-mobile-header .mkdf-mobile-nav ul ul li.current-menu-ancestor > a, .mkdf-mobile-header .mkdf-mobile-nav ul ul li.current-menu-item > a { color: #43d5cb; } .mkdf-mobile-header .mkdf-mobile-nav ul ul li a, .mkdf-mobile-header .mkdf-mobile-nav ul ul li h5 { font-size: 14px; line-height: 24px; } .mkdf-mobile-header .mkdf-mobile-nav .mkdf-grid > ul > li > a, .mkdf-mobile-header .mkdf-mobile-nav .mkdf-grid > ul > li > h5 { padding-left: 4px; font-size: 17px; } .mkdf-mobile-header .mkdf-mobile-nav .mkdf-grid > ul > li.mkdf-active-item > a { color: #43d5cb; } .mkdf-mobile-header .mkdf-mobile-nav .mkdf-grid > ul > li.mkdf-active-item > .mobile_arrow > .mkdf-sub-arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .mkdf-mobile-header .mkdf-mobile-nav .mobile_arrow { position: absolute; right: 0; top: 0; width: 50px; height: 45px; padding-right: 12px; line-height: 45px; font-size: 18px; text-align: right; } .mkdf-mobile-header .mkdf-mobile-nav .mobile_arrow:hover { cursor: pointer; } .mkdf-mobile-header .mkdf-mobile-nav .mobile_arrow .mkdf-sub-arrow { -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .mkdf-mobile-header .mkdf-mobile-nav .mobile_arrow .fa-angle-down { display: none; } .mkdf-mobile-header .mkdf-mobile-nav li.mkdf-opened > .mobile_arrow > .mkdf-sub-arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .mkdf-mobile-header .mkdf-mobile-nav > ul > li:last-child > a, .mkdf-mobile-header .mkdf-mobile-nav > .mkdf-grid > ul > li:last-child > a { border-bottom: none; } /* ========================================================================== Mobile header style - end ========================================================================== */ /* ========================================================================== Sticky Mobile header style - begin ========================================================================== */ .mkdf-sticky-up-mobile-header .mkdf-animate-mobile-header .mkdf-mobile-header-inner { width: 100%; -webkit-transition: -webkit-transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; -moz-transition: -moz-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: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .mkdf-sticky-up-mobile-header .mobile-header-appear .mkdf-mobile-header-inner { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .mkdf-sticky-up-mobile-header.admin-bar .mobile-header-appear .mkdf-mobile-header-inner { -webkit-transform: translateY(32px); -moz-transform: translateY(32px); transform: translateY(32px); } /* ========================================================================== Sticky Mobile header style - end ========================================================================== */ /* ========================================================================== Sticky header style - begin ========================================================================== */ .mkdf-sticky-header { position: fixed; top: 0; left: 0; height: 70px; width: 100%; z-index: 100; -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; transition: transform .6s ease; -webkit-backface-visibility: hidden; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .mkdf-sticky-header .mkdf-grid { height: 100% !important; } .mkdf-sticky-header.header-appear { transform: translateY(0%); } .mkdf-sticky-header .mkdf-sticky-holder { position: relative; height: 100%; z-index: 2; background-color: #fff; border-bottom: 1px solid #e1e1e1; box-sizing: border-box; } .mkdf-sticky-header .mkdf-sticky-holder .mkdf-vertical-align-containers { padding: 0 40px; } .mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a { max-height: 70px; } .admin-bar .mkdf-sticky-header.header-appear { top: 32px; } .mkdf-sticky-header .mkdf-position-center-inner, .mkdf-sticky-header .mkdf-position-right-inner { height: 100%; } .mkdf-sticky-header .mkdf-sticky-right { display: inline-block; vertical-align: middle; } .mkdf-sticky-header .widget { display: inline-block; vertical-align: middle; margin: 0; } /* ========================================================================== Sticky header style - end ========================================================================== */ /* ========================================================================== Top header style - begin ========================================================================== */ .mkdf-top-bar { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 38px; color: #6e6e6e; font-size: 13px; background-color: #fff; border-bottom: 1px solid #e0e0e0; z-index: 111; } .mkdf-top-bar > .mkdf-vertical-align-containers { padding: 0 45px; } .mkdf-top-bar .mkdf-grid { height: 100%; } .mkdf-top-bar .mkdf-grid .mkdf-vertical-align-containers { padding-left: 0; padding-right: 0; } .mkdf-top-bar-in-grid-padding .mkdf-top-bar .mkdf-grid .mkdf-vertical-align-containers { padding: 0 45px; } .mkdf-top-bar .mkdf-position-right .widget { padding-left: 34px; } .mkdf-top-bar .widget { margin: 0; padding: 0; display: inline-block; } .mkdf-top-bar .widget .mkdf-info-icon .mkdf-icon-info-icon { position: relative; top: 3px; margin-right: 15px !important; } /* ========================================================================== Top header style - end ========================================================================== */ /* ========================================================================== Header styles - end ========================================================================== */ /*# sourceMappingURL=../css/header-map.css.map */ /* ========================================================================== Title styles - begin ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Title style - begin ========================================================================== */ .mkdf-title { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 200px; text-align: left; z-index: 101; background-color: #f6f6f6; background-position: center 0; background-repeat: no-repeat; } .mkdf-title.mkdf-has-parallax-background { position: relative; background-attachment: fixed; background-repeat: no-repeat; z-index: 101; } .mkdf-title.mkdf-content-center-alignment { text-align: center; } .mkdf-title.mkdf-content-right-alignment { text-align: right; } .mkdf-title.mkdf-has-responsive-background { height: auto !important; } .mkdf-title.mkdf-has-responsive-background .mkdf-title-holder { position: absolute; top: 0; left: 0; display: block; } .mkdf-title.mkdf-has-responsive-background .mkdf-title-holder .mkdf-container { display: block; height: 100%; } .mkdf-title.mkdf-has-responsive-background .mkdf-title-holder .mkdf-container-inner { display: table; height: 100%; } .mkdf-title.mkdf-has-responsive-background .mkdf-title-holder .mkdf-title-subtitle-holder { display: table-cell; vertical-align: middle; width: 100%; } .mkdf-title.mkdf-breadcrumb-type .mkdf-title-holder .mkdf-breadcrumbs a, .mkdf-title.mkdf-breadcrumb-type .mkdf-title-holder .mkdf-breadcrumbs span { color: #333; } .mkdf-title .mkdf-title-image img { position: relative; display: block; width: 100%; } .mkdf-title.mkdf-title-image-responsive { height: auto !important; } .mkdf-title.mkdf-title-image-not-responsive .mkdf-title-image { display: none; } .mkdf-title .mkdf-title-holder { position: relative; display: table; height: 100%; width: 100%; /* #Standard title - start ========================================================================== */ /* #Standard title - end ========================================================================== */ /* #Breadcrumb title - start ========================================================================== */ /* #Breadcrumb title - end ========================================================================== */ } .mkdf-title .mkdf-title-holder .mkdf-container { display: table-row; vertical-align: middle; background-color: transparent; } .mkdf-title .mkdf-title-holder .mkdf-container-inner { display: table-cell; vertical-align: middle; padding: 0 !important; } .mkdf-title .mkdf-title-holder .mkdf-title-subtitle-holder { position: relative; display: block; padding: 0; z-index: 25; } .mkdf-title .mkdf-title-holder .mkdf-title-subtitle-holder-inner { position: relative; } .mkdf-title .mkdf-title-holder .mkdf-page-title { position: relative; display: block; width: 100%; vertical-align: middle; margin: 0; } .mkdf-title .mkdf-title-holder .mkdf-page-title span { display: inline-block; vertical-align: middle; } .mkdf-title .mkdf-title-holder .mkdf-subtitle { display: block; margin-top: 4px; } .mkdf-title .mkdf-title-holder .mkdf-subtitle span { display: inline-block; vertical-align: middle; } .mkdf-title .mkdf-title-holder .mkdf-breadcrumbs-holder { display: inline-block; vertical-align: middle; } .mkdf-title .mkdf-title-holder .mkdf-breadcrumbs a, .mkdf-title .mkdf-title-holder .mkdf-breadcrumbs span { position: relative; display: inline-block; vertical-align: middle; color: #6e6e6e; } .mkdf-title .mkdf-title-holder .mkdf-breadcrumbs a:hover { color: #333333; } .mkdf-title.mkdf-standard-type .mkdf-breadcrumbs-holder { position: relative; display: block; height: 100%; margin-top: 10px; } .mkdf-title.mkdf-standard-type .mkdf-breadcrumbs-holder .mkdf-breadcrumbs { display: table; height: 100%; width: 100%; } .mkdf-title.mkdf-standard-type .mkdf-breadcrumbs-holder .mkdf-breadcrumbs-inner { display: table-cell; vertical-align: middle; } .mkdf-title.mkdf-standard-type.mkdf-content-left-alignment .mkdf-breadcrumbs-holder { right: 0; } .mkdf-title.mkdf-standard-type.mkdf-content-right-alignment .mkdf-breadcrumbs-holder { left: 0; } .mkdf-title.mkdf-standard-type.mkdf-content-center-alignment .mkdf-breadcrumbs-holder { position: relative; top: auto; height: auto; display: block; } /* ========================================================================== Title style - end ========================================================================== */ /* ========================================================================== Title styles - end ========================================================================== */ /*# sourceMappingURL=../css/title-map.css.map */ /* ========================================================================== Global partials ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Shortcodes styles ========================================================================== */ /* ========================================================================== Accordions shortcode style - begin ========================================================================== */ .mkdf-accordion-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-accordion-holder .mkdf-title-holder { position: relative; cursor: pointer; margin: 0; overflow: hidden; box-sizing: border-box; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: color 0.15s ease, background-color 0.15s ease; -moz-transition: color 0.15s ease, background-color 0.15s ease; transition: color 0.15s ease, background-color 0.15s ease; } .mkdf-accordion-holder .mkdf-title-holder .mkdf-tab-title { display: block; line-height: inherit; color: #333333; } .mkdf-accordion-holder .mkdf-title-holder .mkdf-accordion-mark { position: absolute; top: 50%; right: 0; width: 45px; height: 100%; margin: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size: 12px; line-height: 12px; text-align: center; background-color: #ebebeb; color: #6e6e6e; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: color 0.15s ease, background-color 0.15s ease; -moz-transition: color 0.15s ease, background-color 0.15s ease; transition: color 0.15s ease, background-color 0.15s ease; } .mkdf-accordion-holder .mkdf-title-holder .mkdf-accordion-mark span { position: absolute; top: 50%; display: block; width: 100%; height: auto; font-size: inherit; line-height: inherit; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .mkdf-accordion-holder .mkdf-title-holder .mkdf-accordion-mark span:before { display: block; line-height: inherit; } .mkdf-accordion-holder .mkdf-title-holder .mkdf-accordion-mark span.mkdf_icon_minus { opacity: 0; } .mkdf-accordion-holder .mkdf-title-holder .mkdf-accordion-mark span.mkdf_icon_plus { opacity: 1; } .mkdf-accordion-holder .mkdf-title-holder.ui-state-active .mkdf-accordion-mark, .mkdf-accordion-holder .mkdf-title-holder.ui-state-hover .mkdf-accordion-mark { background-color: #3f60c9; color: #fff; } .mkdf-accordion-holder .mkdf-title-holder.ui-state-active .mkdf-accordion-mark span.mkdf_icon_minus, .mkdf-accordion-holder .mkdf-title-holder.ui-state-hover .mkdf-accordion-mark span.mkdf_icon_minus { opacity: 1; } .mkdf-accordion-holder .mkdf-title-holder.ui-state-active .mkdf-accordion-mark span.mkdf_icon_plus, .mkdf-accordion-holder .mkdf-title-holder.ui-state-hover .mkdf-accordion-mark span.mkdf_icon_plus { opacity: 0; } .mkdf-accordion-holder .mkdf-title-holder.ui-state-active .mkdf-tab-title, .mkdf-accordion-holder .mkdf-title-holder.ui-state-hover .mkdf-tab-title { color: #fff; } .mkdf-accordion-holder span.mkdf-title-holder { display: block; line-height: 26px; font-weight: 600; letter-spacing: 1px; } .mkdf-accordion-holder span.mkdf-title-holder .mkdf-accordion-mark { margin: -2px 0 0; } .mkdf-accordion-holder .mkdf-accordion-content { margin: 0; background-color: #f4f4f4; border-radius: 5px; overflow: hidden; } .mkdf-accordion-holder .mkdf-accordion-content p { margin: 0; } .mkdf-accordion-holder.mkdf-ac-boxed.mkdf-white-skin .mkdf-title-holder { background-color: #fff; } .mkdf-accordion-holder.mkdf-ac-boxed .mkdf-title-holder { margin: 7px 0; padding: 16px 0 15px 22px; background-color: #f4f4f4; border-radius: 5px; } .mkdf-accordion-holder.mkdf-ac-boxed .mkdf-title-holder:first-child { margin: 7px 0; } .mkdf-accordion-holder.mkdf-ac-boxed .mkdf-title-holder .mkdf-accordion-mark { right: 0; } .mkdf-accordion-holder.mkdf-ac-boxed .mkdf-title-holder.ui-state-active, .mkdf-accordion-holder.mkdf-ac-boxed .mkdf-title-holder.ui-state-hover { color: #fff; background-color: #4f6dcd; } .mkdf-accordion-holder.mkdf-ac-boxed .mkdf-accordion-content { padding: 22px 30px 26px; } /* ========================================================================== Accordions shortcode style - end ========================================================================== */ /* ========================================================================== Boxes shortcode style - begin ========================================================================== */ .mkdf-boxes { width: 100%; display: table; table-layout: fixed; } .mkdf-boxes.mkdf-two-columns .mkdf-boxes-item { width: 50%; } .mkdf-boxes.mkdf-three-columns .mkdf-boxes-item { width: 33%; } .mkdf-boxes.mkdf-four-columns .mkdf-boxes-item { width: 25%; } .mkdf-boxes .mkdf-boxes-item { display: table-cell; position: relative; vertical-align: middle; height: 100%; background-position: center; background-size: cover; } .mkdf-boxes .mkdf-boxes-item:first-child { -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .mkdf-boxes .mkdf-boxes-item:last-child { -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; } .mkdf-boxes .mkdf-boxes-item.mkdf-vertical-alignment-top { vertical-align: top; } .mkdf-boxes .mkdf-boxes-item.mkdf-vertical-alignment-bottom { vertical-align: bottom; } .mkdf-boxes .mkdf-boxes-item.mkdf-horizontal-alignment-center { text-align: center; } .mkdf-boxes .mkdf-boxes-item.mkdf-horizontal-alignment-right { text-align: right; } .mkdf-boxes .mkdf-boxes-item .mkdf-boxes-item-inner { width: 100%; box-sizing: border-box; } .mkdf-boxes .mkdf-boxes-item .mkdf-boxes-item-content { padding: 50px; position: relative; z-index: 2; } .mkdf-boxes .mkdf-boxes-item .mkdf-boxes-item-content .mkd-working-hours-holder { padding-bottom: 12px; } .mkdf-boxes .mkdf-boxes-item .mkdf-boxes-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .mkdf-boxes .mkdf-boxes-item .mkdf-boxes-item-content-overlay { background-color: rgba(0, 0, 0, 0.05); opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .mkdf-boxes .mkdf-boxes-item:hover .mkdf-boxes-item-content-overlay { opacity: 1; } .mkdf-boxes.mkdf-boxes-inner-float.mkdf-three-columns .mkdf-boxes-item { width: 33.33333333333333%; } .mkdf-boxes.mkdf-boxes-inner-float .mkdf-boxes-item { float: left; } .mkdf-boxes .mkdf-boxes-inner-content { padding: 0 20px; } /* ========================================================================== Boxes shortcode style - end ========================================================================== */ /* ========================================================================== Button shortcode style - begin ========================================================================== */ .mkdf-btn { font-family: "Poppins", sans-serif; position: relative; display: inline-block; vertical-align: middle; width: auto; outline: none; line-height: 1em; font-weight: 500; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; -moz-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; padding: 16px 23px; font-size: 14px; cursor: pointer; font-family: "Poppins", sans-serif; } .mkdf-btn.mkdf-btn-simple { padding: 0 !important; color: #333; background-color: transparent; border: 0; vertical-align: middle; } .mkdf-btn.mkdf-btn-simple .mkdf-btn-text { display: inline-block; vertical-align: middle; } .mkdf-btn.mkdf-btn-simple:not(.mkdf-btn-custom-hover-color):hover { color: #43d5cb !important; } .mkdf-btn.mkdf-btn-simple:not(.mkdf-btn-custom-hover-bg):hover { background-color: transparent !important; } .mkdf-btn.mkdf-btn-simple:not(.mkdf-btn-custom-border-hover):hover { border-color: transparent !important; } .mkdf-btn.mkdf-btn-simple:before { content: ''; position: absolute; bottom: -3px; left: 0; width: 0; height: 2px; background-color: #43d5cb; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; transition: width 0.2s ease-out; } .mkdf-btn.mkdf-btn-simple:hover:before { width: 100%; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-dark { color: #fff; background-color: #43d5cb; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-dark:not(.mkdf-btn-custom-hover-color):hover { color: #fff !important; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-dark:not(.mkdf-btn-custom-hover-bg):hover { background-color: #37c7be !important; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-dark:not(.mkdf-btn-custom-hover-bg):hover.mkdf-btn-icon .mkdf-btn-icon-holder { background-color: #33bab2 !important; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-dark:not(.mkdf-btn-custom-border-hover):hover { border-color: #37c7be !important; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-dark.mkdf-btn-icon .mkdf-btn-icon-holder { background-color: #37c7be; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-light { color: #333333; background-color: #ffffff; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-light:not(.mkdf-btn-custom-hover-color):hover { color: #333333 !important; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-light:not(.mkdf-btn-custom-hover-bg):hover { background-color: #f1f1f1 !important; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-light:not(.mkdf-btn-custom-hover-bg):hover.mkdf-btn-icon .mkdf-btn-icon-holder { background-color: #e7e7e7 !important; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-light:not(.mkdf-btn-custom-border-hover):hover { border-color: #f3f3f3 !important; } .mkdf-btn.mkdf-btn-solid.mkdf-btn-solid-light.mkdf-btn-icon .mkdf-btn-icon-holder { background-color: #f3f3f3; } .mkdf-btn.mkdf-btn-outline { color: #333; background-color: transparent; border: 2px solid #43d5cb; } .mkdf-btn.mkdf-btn-outline:not(.mkdf-btn-custom-hover-color):not(.mkdf-btn-icon):hover { color: #fff !important; } .mkdf-btn.mkdf-btn-outline:not(.mkdf-btn-custom-hover-bg):not(.mkdf-btn-icon):hover { background-color: #37c7be !important; } .mkdf-btn.mkdf-btn-outline:not(.mkdf-btn-custom-border-hover):not(.mkdf-btn-icon):hover { border-color: #37c7be !important; } .mkdf-btn.mkdf-btn-outline.mkdf-btn-icon .mkdf-btn-icon-holder { background-color: transparent; border-left: 2px solid #43d5cb; } .mkdf-btn.mkdf-btn-small { padding: 14px 18px; font-size: 13px; } .mkdf-btn.mkdf-btn-large { padding: 18px 45px; font-size: 15px; } .mkdf-btn.mkdf-btn-huge { display: block; text-align: center; padding: 18px 45px; font-size: 15px; } .mkdf-btn.mkdf-btn-icon { padding: 0; overflow: hidden; } .mkdf-btn.mkdf-btn-icon .mkdf-btn-text, .mkdf-btn.mkdf-btn-icon .mkdf-btn-icon-holder { display: inline-block; } .mkdf-btn.mkdf-btn-icon .mkdf-btn-text { padding: 0 18px 0 23px; } .mkdf-btn.mkdf-btn-icon .mkdf-btn-icon-holder { line-height: 47px; font-size: 14px; width: 39px; text-align: center; border-radius: 0 5px 5px 0; -webkit-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mkdf-btn.mkdf-btn-icon .mkdf-btn-icon-holder:before { display: block; line-height: inherit; } .mkdf-btn.mkdf-btn-icon .mkdf-btn-icon-normal { display: block; position: relative; -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; } .mkdf-btn.mkdf-btn-icon .mkdf-btn-icon-flip { position: absolute; top: 0; line-height: 47px; font-size: 14px; width: 39px; opacity: 0; text-align: center; right: 39px; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.2s ease-out, opacity 0.1s; -moz-transition: transform 0.2s ease-out, opacity 0.1s; transition: transform 0.2s ease-out, opacity 0.1s; } .mkdf-btn.mkdf-btn-icon:hover .mkdf-btn-icon-normal { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } .mkdf-btn.mkdf-btn-icon:hover .mkdf-btn-icon-flip { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); opacity: 1; -webkit-transition: transform 0.2s ease-out, opacity 0.1s 0.1s; -moz-transition: transform 0.2s ease-out, opacity 0.1s 0.1s; transition: transform 0.2s ease-out, opacity 0.1s 0.1s; } input[type=submit].mkdf-btn, button.mkdf-btn { cursor: pointer; } /* ========================================================================== Button shortcode style - end ========================================================================== */ /* ========================================================================== Call To Action shortcode style - begin ========================================================================== */ .mkdf-call-to-action-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 12px 0 47px; /***** Layout Style - begin *****/ /***** Layout Style - end *****/ /***** Columns Space - begin *****/ /***** Columns Space - end *****/ } .mkdf-call-to-action-holder .mkdf-cta-text-holder, .mkdf-call-to-action-holder .mkdf-cta-button-holder { position: relative; display: inline-block; vertical-align: middle; } .mkdf-call-to-action-holder .mkdf-cta-text-holder { font-family: "Open Sans", sans-serif; font-size: 22px; text-align: center; } .mkdf-call-to-action-holder .mkdf-cta-text-holder h1, .mkdf-call-to-action-holder .mkdf-cta-text-holder h2, .mkdf-call-to-action-holder .mkdf-cta-text-holder h3, .mkdf-call-to-action-holder .mkdf-cta-text-holder h4, .mkdf-call-to-action-holder .mkdf-cta-text-holder h5, .mkdf-call-to-action-holder .mkdf-cta-text-holder h6 { margin: 0; } .mkdf-call-to-action-holder .mkdf-cta-button-holder .mkdf-btn { white-space: nowrap; } .mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-inner { display: table; } .mkdf-call-to-action-holder.mkdf-normal-layout:not(.mkdf-content-in-grid) .mkdf-cta-inner { width: 100%; } .mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-text-holder, .mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-button-holder { display: table-cell; box-sizing: border-box; } .mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-button-holder { text-align: left; } .mkdf-call-to-action-holder.mkdf-simple-layout .mkdf-cta-inner { text-align: center; } .mkdf-call-to-action-holder.mkdf-simple-layout .mkdf-cta-text-holder, .mkdf-call-to-action-holder.mkdf-simple-layout .mkdf-cta-button-holder { width: 100%; } .mkdf-call-to-action-holder.mkdf-simple-layout .mkdf-cta-button-holder { margin: 28px 0 0; } .mkdf-call-to-action-holder.no-proportion .mkdf-cta-inner { text-align: center; width: 100%; } .mkdf-call-to-action-holder.no-proportion .mkdf-cta-text-holder { margin-right: 80px; } .mkdf-call-to-action-holder.no-proportion .mkdf-cta-text-holder, .mkdf-call-to-action-holder.no-proportion .mkdf-cta-button-holder, .mkdf-call-to-action-holder.no-proportion .mkdf-cta-button, .mkdf-call-to-action-holder.no-proportion .mkdf-cta-text, .mkdf-call-to-action-holder.no-proportion .mkdf-cta-text > * { display: inline; } .mkdf-call-to-action-holder.mkdf-two-halves-columns .mkdf-cta-text-holder, .mkdf-call-to-action-holder.mkdf-two-halves-columns .mkdf-cta-button-holder { width: 50%; } .mkdf-call-to-action-holder.mkdf-two-thirds-columns .mkdf-cta-text-holder { width: 66.66666666666667%; } .mkdf-call-to-action-holder.mkdf-two-thirds-columns .mkdf-cta-button-holder { width: 33.33333333333333%; } .mkdf-call-to-action-holder.mkdf-three-quarters-columns .mkdf-cta-text-holder { width: 75%; } .mkdf-call-to-action-holder.mkdf-three-quarters-columns .mkdf-cta-button-holder { width: 25%; } .mkdf-call-to-action-holder.mkdf-four-fifths-columns .mkdf-cta-text-holder { width: 80%; } .mkdf-call-to-action-holder.mkdf-four-fifths-columns .mkdf-cta-button-holder { width: 20%; } /* ========================================================================== Call To Action shortcode style - end ========================================================================== */ /* ========================================================================== Clients Carousel shortcode style - begin ========================================================================== */ .mkdf-clients-carousel-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-clients-carousel-holder .mkdf-cc-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-clients-carousel-holder .mkdf-client-image-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .touch .mkdf-clients-carousel-holder .mkdf-client-image-holder { cursor: pointer; } .mkdf-clients-carousel-holder .mkdf-client-image-holder .mkdf-client-image-holder { position: relative; display: block; } .mkdf-clients-carousel-holder .mkdf-client-holder { float: left; text-align: inherit; margin-bottom: 0; height: 175px; display: table; } .mkdf-clients-carousel-holder .mkdf-client-holder .mkdf-client-holder-inner { position: relative; margin: 0; display: table-cell; vertical-align: middle; text-align: center; } .mkdf-clients-carousel-holder .mkdf-client-holder a, .mkdf-clients-carousel-holder .mkdf-client-holder .mkdf-client-image-nolink { display: inline-block; vertical-align: middle; max-width: 100%; line-height: 0; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; position: relative; overflow: hidden; } .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-hover-opacity a:hover { opacity: 0.4; } .mkdf-clients-carousel-holder .mkdf-client-holder .mkdf-client-image { position: relative; display: block; } .mkdf-clients-carousel-holder .mkdf-client-holder .mkdf-client-hover-image { position: absolute; top: 0; left: 0; display: block; } .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-hover-image, .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-image { -webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease; } .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-hover-image { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-roll-over a:hover .mkdf-client-hover-image, .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-image-nolink:hover .mkdf-client-hover-image { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); } .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-roll-over a:hover .mkdf-client-image, .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-image-nolink:hover .mkdf-client-image { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); } .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-fade .mkdf-client-hover-image, .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-fade .mkdf-client-image { -webkit-transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93); -moz-transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93); } .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-fade .mkdf-client-hover-image { opacity: 0; } .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-fade a:hover .mkdf-client-hover-image, .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-fade .mkdf-client-image-nolink:hover .mkdf-client-hover-image { opacity: 1; } .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-fade a:hover .mkdf-client-image, .mkdf-clients-carousel-holder .mkdf-client-holder.mkdf-clients-fade .mkdf-client-image-nolink:hover .mkdf-client-image { opacity: 0; } /* ========================================================================== Clients Carousel shortcode style - end ========================================================================== */ /* ========================================================================== # Clients style - begin ========================================================================== */ .mkdf-clients { overflow: hidden; position: relative; } .mkdf-clients.separator-disabled .mkdf-client-holder { box-shadow: none !important; } .mkdf-clients .mkdf-client-holder { float: left; text-align: inherit; margin-bottom: 0; height: 175px; display: table; box-shadow: 1px 1px 0 0 #dadada; } .mkdf-clients .mkdf-client-holder .mkdf-client-holder-inner { position: relative; margin: 0; display: table-cell; vertical-align: middle; text-align: center; } .mkdf-clients .mkdf-client-holder .mkdf-client-holder-inner img { max-width: 99%; } .mkdf-clients .mkdf-client-holder a, .mkdf-clients .mkdf-client-holder .mkdf-client-image-nolink { display: inline-block; vertical-align: middle; max-width: 100%; line-height: 0; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; position: relative; overflow: hidden; } .mkdf-clients .mkdf-client-holder.mkdf-hover-opacity a:hover { opacity: 0.4; } .mkdf-clients .mkdf-client-holder .mkdf-client-image { position: relative; display: block; } .mkdf-clients .mkdf-client-holder .mkdf-client-hover-image { position: absolute; top: 0; left: 0; display: block; } .mkdf-clients .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-hover-image, .mkdf-clients .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-image { -webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease; } .mkdf-clients .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-hover-image { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .mkdf-clients .mkdf-client-holder.mkdf-clients-roll-over a:hover .mkdf-client-hover-image, .mkdf-clients .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-image-nolink:hover .mkdf-client-hover-image { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); } .mkdf-clients .mkdf-client-holder.mkdf-clients-roll-over a:hover .mkdf-client-image, .mkdf-clients .mkdf-client-holder.mkdf-clients-roll-over .mkdf-client-image-nolink:hover .mkdf-client-image { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); } .mkdf-clients .mkdf-client-holder.mkdf-clients-fade .mkdf-client-hover-image, .mkdf-clients .mkdf-client-holder.mkdf-clients-fade .mkdf-client-image { -webkit-transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93); -moz-transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93); } .mkdf-clients .mkdf-client-holder.mkdf-clients-fade .mkdf-client-hover-image { opacity: 0; } .mkdf-clients .mkdf-client-holder.mkdf-clients-fade a:hover .mkdf-client-hover-image, .mkdf-clients .mkdf-client-holder.mkdf-clients-fade .mkdf-client-image-nolink:hover .mkdf-client-hover-image { opacity: 1; } .mkdf-clients .mkdf-client-holder.mkdf-clients-fade a:hover .mkdf-client-image, .mkdf-clients .mkdf-client-holder.mkdf-clients-fade .mkdf-client-image-nolink:hover .mkdf-client-image { opacity: 0; } .mkdf-clients.mkdf-clients-two-columns .mkdf-client-holder { width: 50%; } .mkdf-clients.mkdf-clients-two-columns .mkdf-client-holder:nth-of-type(2n+0) { box-shadow: 0px 1px 0 0 #dadada; } .mkdf-clients.mkdf-clients-three-columns .mkdf-client-holder { width: 33.33%; } .mkdf-clients.mkdf-clients-three-columns .mkdf-client-holder:nth-of-type(3n+0) { box-shadow: 0px 1px 0 0 #dadada; } .mkdf-clients.mkdf-clients-four-columns .mkdf-client-holder { width: 25%; } .mkdf-clients.mkdf-clients-four-columns .mkdf-client-holder:nth-of-type(4n+0) { box-shadow: 0px 1px 0 0 #dadada; } .mkdf-clients.mkdf-clients-five-columns .mkdf-client-holder { width: 20%; } .mkdf-clients.mkdf-clients-five-columns .mkdf-client-holder:nth-of-type(5n+0) { box-shadow: 0px 1px 0 0 #dadada; } .mkdf-clients.mkdf-clients-six-columns .mkdf-client-holder { width: 16.66%; } .mkdf-clients.mkdf-clients-six-columns .mkdf-client-holder:nth-of-type(6n+0) { box-shadow: 0px 1px 0 0 #dadada; } /* ========================================================================== # Clients style - end ========================================================================== */ /* ========================================================================== Countdown shortcode style - begin ========================================================================== */ .mkdf-countdown { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-countdown .countdown-rtl { direction: rtl; } .mkdf-countdown .countdown-row { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: center; clear: both; } .mkdf-countdown .countdown-row.countdown-show1 .countdown-section { width: 100%; } .mkdf-countdown .countdown-row.countdown-show2 .countdown-section { width: 50%; } .mkdf-countdown .countdown-row.countdown-show3 .countdown-section { width: 33.33333333333333%; } .mkdf-countdown .countdown-row.countdown-show4 .countdown-section { width: 25%; } .mkdf-countdown .countdown-row.countdown-show5 .countdown-section { width: 20%; } .mkdf-countdown .countdown-row .countdown-section { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0 5px; box-sizing: border-box; } .mkdf-countdown .countdown-row .countdown-section .countdown-amount { position: relative; display: block; color: #43d5cb; font-size: 67px; line-height: 1em; font-weight: 600; } .mkdf-countdown .countdown-row .countdown-section .countdown-period { font-family: "Poppins", sans-serif; color: #fff; display: block; font-size: 18px; font-weight: 600; letter-spacing: 1px; padding-top: 24px; } .mkdf-countdown.mkdf-dark-skin .countdown-row .countdown-section .countdown-amount, .mkdf-countdown.mkdf-dark-skin .countdown-row .countdown-section .countdown-period { color: #333333; } .mkdf-countdown.mkdf-light-skin .countdown-row .countdown-section .countdown-amount, .mkdf-countdown.mkdf-light-skin .countdown-row .countdown-section .countdown-period { color: #fff; } /* ========================================================================== Countdown shortcode style - end ========================================================================== */ /* ========================================================================== Counter shortcode style - begin ========================================================================== */ .mkdf-counter-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; opacity: 0; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; text-align: center; } .mkdf-counter-holder .mkdf-counter-inner { position: relative; display: inline-block; vertical-align: middle; } .mkdf-counter-holder .mkdf-counter-inner .mkdf-counter-icon { color: #4e6dcc; font-size: 65px; margin-bottom: 40px; } .mkdf-counter-holder .mkdf-counter { height: 1em; display: inline-block !important; vertical-align: middle; font-family: "Poppins", sans-serif; color: #333333; font-size: 50px; line-height: 1em; font-weight: 500; overflow: hidden; } .mkdf-counter-holder .mkdf-counter-title { margin: 17px 0 0; font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 500; text-transform: capitalize; } .mkdf-counter-holder .mkdf-counter-text { margin: 15px 0 0; font-weight: 400; } .mkdf-counter-holder .mkdf-counter-icon { display: block; margin-bottom: 20px; } /* ========================================================================== Counter shortcode style - end ========================================================================== */ /* ========================================================================== Dropcaps shortcode style - begin ========================================================================== */ .mkdf-dropcaps { position: relative; display: inline-block; vertical-align: top; float: left; line-height: 42px; font-size: 42px; color: #999; font-weight: 300; text-align: center; margin: 6px 16px 0 0; } .mkdf-dropcaps.mkdf-square, .mkdf-dropcaps.mkdf-circle { height: 35px; width: 35px; font-size: 22px; line-height: 32px; font-weight: 600; color: #fff; background-color: #333333; margin: 10px 13px 0 0; box-sizing: border-box; } .mkdf-dropcaps.mkdf-circle { border-radius: 3em; } /* ========================================================================== Dropcaps shortcode style - end ========================================================================== */ /* ========================================================================== Elements Holder shortcode style - begin ========================================================================== */ .mkdf-elements-holder { width: 100%; display: table; table-layout: fixed; } .mkdf-elements-holder.mkdf-two-columns .mkdf-eh-item { width: 50%; } .mkdf-elements-holder.mkdf-three-columns .mkdf-eh-item { width: 33%; } .mkdf-elements-holder.mkdf-four-columns .mkdf-eh-item { width: 25%; } .mkdf-elements-holder.mkdf-five-columns .mkdf-eh-item { width: 20%; } .mkdf-elements-holder.mkdf-six-columns .mkdf-eh-item { width: 16%; } .mkdf-elements-holder .mkdf-eh-item { display: table-cell; vertical-align: middle; height: 100%; background-position: center; background-size: cover; } .mkdf-elements-holder .mkdf-eh-item.mkdf-vertical-alignment-top { vertical-align: top; } .mkdf-elements-holder .mkdf-eh-item.mkdf-vertical-alignment-bottom { vertical-align: bottom; } .mkdf-elements-holder .mkdf-eh-item.mkdf-horizontal-alignment-center { text-align: center; } .mkdf-elements-holder .mkdf-eh-item.mkdf-horizontal-alignment-right { text-align: right; } .mkdf-elements-holder .mkdf-eh-item .mkdf-elements-holder-item-inner { width: 100%; } .mkdf-elements-holder.mkdf-ehi-float.mkdf-three-columns .mkdf-eh-item { width: 33.33333333333333%; } .mkdf-elements-holder.mkdf-ehi-float.mkdf-six-columns .mkdf-eh-item { width: 16.66666666666667%; } .mkdf-elements-holder.mkdf-ehi-float .mkdf-eh-item { float: left; } .mkdf-elements-holder .mkdf-ehi-content { padding: 0 20px; } /* ========================================================================== Elements Holder shortcode style - end ========================================================================== */ /* ========================================================================== elliptical Slider shortcode start styles ========================================================================== */ .mkdf-elliptical-slider .mkdf-elliptical-slide { position: relative; display: inline-block; background-size: cover; background-position: center; width: 100%; vertical-align: middle; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-image-holder-wrapper { line-height: 0; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-image-holder { display: block; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-image-holder img { width: 100%; height: auto; max-height: 900px; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-linear-gradient(left, #43d5cb 48%, transparent 48%); background: linear-gradient(to left, #43d5cb 48%, transparent 48%); } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-holder-inner { width: 100%; height: 100%; display: inline-block; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper { height: 100%; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-wrapper-inner { width: 50%; height: 100%; box-sizing: border-box; display: table; position: relative; float: right; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-elements-holder { z-index: 999; position: relative; display: table-cell; padding: 0 0 0 115px; vertical-align: middle; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-elements-holder h2 { margin-top: 0; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-svg-holder { position: absolute; height: 100%; left: 0; top: 0; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-svg-holder svg { width: auto; height: 100%; vertical-align: middle; position: relative; right: 40%; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-svg-holder svg path { fill: #43d5cb; } .mkdf-elliptical-slider .flex-control-nav.flex-control-paging { position: absolute; right: 40px; top: 50%; z-index: 100; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-elliptical-slider .flex-control-nav.flex-control-paging li { padding: 5px 0; font-size: 1px; line-height: 1; } .mkdf-elliptical-slider .flex-control-nav.flex-control-paging li a { background-color: rgba(255, 255, 255, 0.5); border-radius: 100%; display: block; width: 12px; height: 12px; text-indent: -9999px; } .mkdf-elliptical-slider .flex-control-nav.flex-control-paging li a.flex-active { background-color: #fff; } /* ========================================================================== elliptical Slider shortcode end styles ========================================================================== */ /* ========================================================================== Google Map shortcode style - begin ========================================================================== */ .mkdf-google-map-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-google-map { display: block; width: 100%; height: 300px; } .mkdf-google-map iframe, .mkdf-google-map object, .mkdf-google-map embed { width: 100%; display: block; } .mkdf-google-map img { max-width: none; } .mkdf-google-map-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1000; } /* ========================================================================== Google Map shortcode style - end ========================================================================== */ .mkdf-horizontal-timeline { opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .mkdf-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .mkdf-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .mkdf-horizontal-timeline .mkdf-timeline { position: relative; height: 100px; margin: 0 auto; } .mkdf-horizontal-timeline .mkdf-events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 4px; /* width will be set using JavaScript */ background: #e4e4e4; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; transition: transform 0.4s; } .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events .mkdf-event-text { font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 700; color: #202020; } .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events .mkdf-filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #45d2ca; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; } .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events ol { list-style: none; margin: 0; } .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 12px; font-weight: 300; font-family: "Open Sans", sans-serif; letter-spacing: 0.5px; padding-bottom: 20px; color: #444444; text-transform: uppercase; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); /*&.older-event::after { border-color: $first-main-color; }*/ } .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events a .circle-outer { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); bottom: -10px; height: 24px; width: 24px; background-color: #d8d8d8; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events a .circle-outer .circle-inner { background: #fff; width: 12px; height: 12px; display: inline-block; position: absolute; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .no-touch .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events a:hover .circle-outer { background-color: #43d5cb; } .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events a.selected { pointer-events: none; } .mkdf-horizontal-timeline .mkdf-events-wrapper .mkdf-events a.selected .circle-outer { -webkit-transform: translateX(-50%) scale(1.2); -moz-transform: translateX(-50%) scale(1.2); transform: translateX(-50%) scale(1.2); background: #4e6dcc; } .mkdf-horizontal-timeline .mkdf-timeline-navigation { list-style: none; margin: 0; } .mkdf-horizontal-timeline .mkdf-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; line-height: 34px; border-radius: 50%; color: #dadada; text-align: center; } .mkdf-horizontal-timeline .mkdf-timeline-navigation a.mkdf-prev { left: 0; } .mkdf-horizontal-timeline .mkdf-timeline-navigation a.mkdf-prev::after { /* arrow icon */ content: "\34"; display: inline-block; font-size: 24px; font-family: ElegantIcons; } .mkdf-horizontal-timeline .mkdf-timeline-navigation a.mkdf-next { right: 0; } .mkdf-horizontal-timeline .mkdf-timeline-navigation a.mkdf-next::after { /* arrow icon */ content: "\35"; display: inline-block; font-size: 24px; font-family: ElegantIcons; } .mkdf-horizontal-timeline .mkdf-timeline-navigation a.inactive { cursor: not-allowed; } .mkdf-horizontal-timeline .mkdf-dots { height: 3px; background-image: radial-gradient(circle closest-side, #d2d2d2 99%, transparent 100%); background-position: 50% 70%; background-size: 20px 3px; background-repeat: repeat-x; display: inline-block; position: relative; width: 100%; top: -2px; } .mkdf-horizontal-timeline .mkdf-events-content { position: relative; width: 100%; margin-top: 40px; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .mkdf-horizontal-timeline .mkdf-events-content > ol { list-style: none; margin: 0; } .mkdf-horizontal-timeline .mkdf-events-content > ol > li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .mkdf-horizontal-timeline .mkdf-events-content > ol > li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .mkdf-horizontal-timeline .mkdf-events-content > ol > li.mkdf-enter-right, .mkdf-horizontal-timeline .mkdf-events-content > ol > li.mkdf-leave-right { -webkit-animation: mkdf-enter-right 0.4s ease-in-out; -moz-animation: mkdf-enter-right 0.4s ease-in-out; animation: mkdf-enter-right 0.4s ease-in-out; } .mkdf-horizontal-timeline .mkdf-events-content > ol > li.mkdf-enter-left, .mkdf-horizontal-timeline .mkdf-events-content > ol > li.mkdf-leave-left { -webkit-animation: mkdf-enter-left 0.4s ease-in-out; -moz-animation: mkdf-enter-left 0.4s ease-in-out; animation: mkdf-enter-left 0.4s ease-in-out; } .mkdf-horizontal-timeline .mkdf-events-content > ol > li.mkdf-leave-right, .mkdf-horizontal-timeline .mkdf-events-content > ol > li.mkdf-leave-left { -webkit-animation-direction: reverse; animation-direction: reverse; } .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-image { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; width: 50%; text-align: center; line-height: 0; } .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-value { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; width: 50%; text-align: left; padding: 30px 45px; border-bottom: 2px solid #ededed; border-right: 2px solid #ededed; border-top: 2px solid #ededed; } .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-value h1, .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-value h2, .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-value h3, .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-value h4, .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-value h5, .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-value h6 { margin-top: 0; } @media only screen and (min-width: 1100px) { .mkdf-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .mkdf-horizontal-timeline.mkdf-timeline-bottom .mkdf-events-content { margin-top: 0; margin-bottom: 53px; } @-webkit-keyframes mkdf-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } } @keyframes mkdf-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes mkdf-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } } @keyframes mkdf-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } } /* ========================================================================== # Underline icon box style - begin ========================================================================== */ .mkdf-icon-box-holder { position: relative; background-color: #ffffff; text-align: center; border: 1px solid #d8dbe0; border-radius: 10px; -webkit-transition: transform 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95); -moz-transition: transform 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: transform 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95); } .mkdf-icon-box-holder.border-disabled { border: none; } .mkdf-icon-box-holder.rounded-corners-disabled { border-radius: 0; } .mkdf-icon-box-holder .mkdf-icon-box-overlay { position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity .4s; } .mkdf-icon-box-holder:hover .mkdf-icon-box-overlay { opacity: 1; } .mkdf-icon-box-holder .mkdf-icon-box-holder-inner { position: relative; z-index: 99; padding: 0 30px 30px; } .mkdf-icon-box-holder .mkdf-icon-box-holder-inner .mkdf-custom-icon { margin-top: 35px; margin-bottom: 20px; } .mkdf-icon-box-holder .mkdf-icon-box-holder-inner .mkdf-custom-icon img { display: block; margin: 0 auto; -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; } .mkdf-icon-box-holder .mkdf-custom-icon { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; } .mkdf-icon-box-holder .mkdf-overlapping-icon-box-holder-inner { position: relative; z-index: 99; } .mkdf-icon-box-holder .mkdf-icon-box-icon-holder { padding: 50px 0 21px; } .mkdf-icon-box-holder .mkdf-icon-box-icon-holder .mkdf-icon-shortcode .mkdf-icon-element { font-size: 40px; color: #4e6dcc; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .mkdf-icon-box-holder .mkdf-icon-box-icon-holder .mkdf-icon-shortcode { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; } .mkdf-icon-box-holder .mkdf-icon-box-text-holder .mkdf-icon-box-title { margin-bottom: 5px; } .mkdf-icon-box-holder .mkdf-icon-box-text-holder .mkdf-icon-box-title h5 { margin-bottom: 7px; } .mkdf-icon-box-holder .mkdf-icon-box-text-holder .mkdf-icon-box-text { margin-bottom: 20px; line-height: 24px; } .mkdf-icon-box-holder.overlapping-icon { padding: 11% 16%; } .mkdf-icon-box-holder.overlapping-icon .mkdf-icon-box-holder-inner { display: table; width: 100%; height: 100%; padding: 0; } .mkdf-icon-box-holder.overlapping-icon .mkdf-icon-box-holder-inner .mkdf-icon-box-content { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .mkdf-icon-box-holder.overlapping-icon .mkdf-icon-box-holder-inner .mkdf-icon-box-text { padding-top: 15px; } .mkdf-icon-box-holder.overlapping-icon .mkdf-icon-box-holder-inner .mkdf-custom-icon { margin: 25px 0 30px; } .mkdf-icon-box-holder.overlapping-icon .mkdf-icon-box-visible-content { -webkit-transition: all 0.35s cubic-bezier(0.1, 0.5, 0.5, 1); -moz-transition: all 0.35s cubic-bezier(0.1, 0.5, 0.5, 1); transition: all 0.35s cubic-bezier(0.1, 0.5, 0.5, 1); } .mkdf-icon-box-holder.overlapping-icon .mkdf-icon-box-invisible-content { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; -webkit-transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .mkdf-icon-box-holder.overlapping-icon:hover .mkdf-icon-box-invisible-content { opacity: 1; -webkit-transition: opacity 0.25s ease-in-out 0.1s; -moz-transition: opacity 0.25s ease-in-out 0.1s; transition: opacity 0.25s ease-in-out 0.1s; } .mkdf-icon-box-holder:hover.animate-icon-box.animate-entire-box { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); transform: translateY(-7px); } .mkdf-icon-box-holder:hover.animate-icon-box.animate-entire-box.inside-icon .mkdf-custom-icon img { -webkit-transform: scale(1.07) translateZ(0); -moz-transform: scale(1.07) translateZ(0); transform: scale(1.07) translateZ(0); } .mkdf-icon-box-holder:hover.animate-icon-box.animate-icon-only .mkdf-icon-box-icon-holder .mkdf-icon-shortcode { -webkit-transform: scale(1.07) rotate(7deg); -moz-transform: scale(1.07) rotate(7deg); transform: scale(1.07) rotate(7deg); } .mkdf-icon-box-holder:hover.animate-icon-box.animate-icon-only .mkdf-custom-icon { -webkit-transform: scale(1.07) rotate(7deg); -moz-transform: scale(1.07) rotate(7deg); transform: scale(1.07) rotate(7deg); } /* ========================================================================== # Underline icon box style - end ========================================================================== */ /* ========================================================================== Icon Info shortcode style - begin ========================================================================== */ .mkdf-info-icon .mkdf-icon-info-icon, .mkdf-info-icon .mkdf-info-icon-content { display: inline-block; } .mkdf-info-icon .mkdf-icon-info-icon { vertical-align: top; margin-right: 17px; line-height: 1em; } .mkdf-info-icon .mkdf-icon-info-icon a { line-height: 20px; } .mkdf-info-icon .mkdf-icon-info-icon i { color: #4e6dcc; } .mkdf-info-icon .mkdf-info-icon-content { line-height: 1em; font-size: 14px; } .mkdf-info-icon .mkdf-info-icon-content .mkdf-info-icon-title-text, .mkdf-info-icon .mkdf-info-icon-content .mkdf-info-icon-subtitle-text { display: block; } .mkdf-info-icon .mkdf-info-icon-content .mkdf-info-icon-title-text { font-weight: 600; color: #333333; } .mkdf-info-icon .mkdf-info-icon-content .mkdf-info-icon-subtitle-text { font-weight: 400; margin-top: 7px; } /* ========================================================================== Icon Info shortcode style - end ========================================================================== */ /* ========================================================================== Icon List Item shortcode style - begin ========================================================================== */ .mkdf-icon-list-holder { position: relative; display: table; table-layout: fixed; height: auto; width: 100%; margin-bottom: 8px; } .mkdf-icon-list-holder .mkdf-il-icon-holder, .mkdf-icon-list-holder .mkdf-il-text { position: relative; display: table-cell; vertical-align: top; } .mkdf-icon-list-holder .mkdf-il-icon-holder { width: 1%; } .mkdf-icon-list-holder .mkdf-il-icon-holder > * { position: relative; display: inline-block; vertical-align: top; color: #333333; font-size: 17px; line-height: inherit; } .mkdf-icon-list-holder .mkdf-il-icon-holder > *:before { display: block; line-height: inherit; } .mkdf-icon-list-holder .mkdf-il-text { width: 99%; padding: 0 0 0 17px; box-sizing: border-box; } /* ========================================================================== Icon List Item shortcode style - end ========================================================================== */ /* ========================================================================== Tabs shortcode style - begin ========================================================================== */ .mkdf-icon-tabs { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-icon-tabs.mkdf-icon-tabs-one ul li { width: 100%; } .mkdf-icon-tabs.mkdf-icon-tabs-two ul li { width: 50%; } .mkdf-icon-tabs.mkdf-icon-tabs-three ul li { width: 33.33%; } .mkdf-icon-tabs.mkdf-icon-tabs-four ul li { width: 25%; } .mkdf-icon-tabs.mkdf-icon-tabs-five ul li { width: 20%; } .mkdf-icon-tabs.mkdf-icon-tabs-six ul li { width: 16.66%; } .mkdf-icon-tabs .mkdf-icon-tabs-nav { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e1e1e1; } .mkdf-icon-tabs .mkdf-icon-tabs-nav li { float: left; margin: 0; padding: 0; } .mkdf-icon-tabs .mkdf-icon-tabs-nav li.mkdf-tabs-nav-line { position: absolute; left: 0; width: 0; height: 0; opacity: 0; bottom: -1px; border-top: 4px solid #43d5cb; -webkit-transition: opacity 0.2s, width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); -moz-transition: opacity 0.2s, width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: opacity 0.2s, width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); } .mkdf-icon-tabs .mkdf-icon-tabs-nav li a { width: 100%; position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: center; color: #333333; font-family: "Poppins", sans-serif; padding: 31px 26px 27px; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; -moz-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; } .mkdf-icon-tabs .mkdf-icon-tabs-nav li a .mkdf-icon-tabs-title-holder { font-size: 18px; font-family: "Poppins", sans-serif; line-height: 34px; font-weight: 500; color: #333333; } .mkdf-icon-tabs .mkdf-icon-tabs-nav li a img { display: block; margin: 0 auto 18px; } .mkdf-icon-tabs .mkdf-icon-tabs-nav li a .mkdf-icon-shortcode { display: block; margin: 0 auto 18px; } .mkdf-icon-tabs .mkdf-icon-tab-container { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; margin: 6px 0 0; padding-top: 65px; } .mkdf-icon-tabs .mkdf-icon-tab-container p { margin: 0; } /* ========================================================================== Tabs shortcode style - end ========================================================================== */ /* ========================================================================== Icon With Text shortcode style - begin ========================================================================== */ .mkdf-iwt { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-iwt .mkdf-iwt-icon img { -webkit-transition: transform 0.4s cubic-bezier(0.38, 3, 0.57, 1.6); -moz-transition: transform 0.4s cubic-bezier(0.38, 3, 0.57, 1.6); transition: transform 0.4s cubic-bezier(0.38, 3, 0.57, 1.6); } .mkdf-iwt .mkdf-iwt-icon a { position: relative; display: inline-block; vertical-align: middle; } .mkdf-iwt .mkdf-iwt-icon .mkdf-icon-shortcode { line-height: 1; } .mkdf-iwt .mkdf-iwt-icon .mkdf-icon-shortcode.mkdf-circle, .mkdf-iwt .mkdf-iwt-icon .mkdf-icon-shortcode.mkdf-square, .mkdf-iwt .mkdf-iwt-icon .mkdf-icon-shortcode.mkdf-dropcaps.mkdf-circle { line-height: 2; } .mkdf-iwt .mkdf-iwt-title { margin: 0; line-height: 1.2em; } .mkdf-iwt .mkdf-iwt-title a { position: relative; display: inline-block; vertical-align: top; } .mkdf-iwt .mkdf-iwt-title a:hover { color: #7a7a7a; } .mkdf-iwt .mkdf-iwt-subtitle { margin: 0 0 5px; } .mkdf-iwt .mkdf-iwt-title-text { display: block; } .mkdf-iwt .mkdf-iwt-text { margin: 6px 0 0 0; line-height: 1.8em; } .mkdf-iwt.mkdf-iwt-icon-left { width: auto; } .mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-title { margin-bottom: 14px; } .mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-icon, .mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-content { display: table-cell; vertical-align: top; } .mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-icon { padding-right: 22px; position: relative; top: 1px; } .mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-icon img { max-width: none; } .mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-content { padding: 0 0 0 13px; } .mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-icon, .mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-title-text { position: relative; display: table-cell; vertical-align: middle; } .mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-icon .mkdf-icon-element { -webkit-transition: none; -moz-transition: none; transition: none; } .mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-icon img { max-width: none; } .mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-title-text { padding: 0 0 0 17px; } .mkdf-iwt.mkdf-iwt-icon-top { text-align: center; } .mkdf-iwt.mkdf-iwt-icon-top .mkdf-iwt-content { padding: 23px 0 0; } .mkdf-iwt:hover .mkdf-iwt-icon img { -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } /* ========================================================================== Icon With Text shortcode style - end ========================================================================== */ /* ========================================================================== Icon shortcode style - begin ========================================================================== */ .mkdf-icon-shortcode { position: relative; display: inline-block; vertical-align: middle; line-height: 1em; } .mkdf-icon-shortcode.mkdf-circle, .mkdf-icon-shortcode.mkdf-square, .mkdf-icon-shortcode.mkdf-dropcaps.mkdf-circle { width: 2em; height: 2em; line-height: 2em; text-align: center; background-color: #43d5cb; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .mkdf-icon-shortcode.mkdf-circle a, .mkdf-icon-shortcode.mkdf-square a, .mkdf-icon-shortcode.mkdf-dropcaps.mkdf-circle a { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; } .mkdf-icon-shortcode.mkdf-circle .mkdf-icon-element, .mkdf-icon-shortcode.mkdf-square .mkdf-icon-element, .mkdf-icon-shortcode.mkdf-dropcaps.mkdf-circle .mkdf-icon-element { color: #fff; line-height: inherit; } .mkdf-icon-shortcode.mkdf-circle { border-radius: 50%; } .mkdf-icon-shortcode .mkdf-icon-element { display: block; line-height: inherit; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .mkdf-icon-shortcode .mkdf-icon-element:before { display: block; line-height: inherit; } .mkdf-icon-animation-holder { position: relative; display: inline-block; vertical-align: middle; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.15s ease-in-out; -moz-transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; } .mkdf-icon-animation-holder.mkdf-icon-animation-show { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkdf-icon-tiny { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .mkdf-icon-small { font-size: 2em; } .mkdf-icon-medium { font-size: 3em; } .mkdf-icon-large { font-size: 4em; } .mkdf-icon-huge { font-size: 5em; } /* ========================================================================== Icon shortcode style - end ========================================================================== */ /* ========================================================================== Image Gallery shortcode style - begin ========================================================================== */ .mkdf-image-gallery { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Image Gallery Space Between Columns Style - begin *****/ /***** Image Gallery Space Between Columns Style - end *****/ /***** Image Gallery Grid Style - begin *****/ /***** Image Gallery Grid Style - end *****/ /***** Image Gallery Masonry Style - begin *****/ /***** Image Gallery Masonry Style - end *****/ /***** 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 *****/ } .mkdf-image-gallery .mkdf-ig-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; } .mkdf-image-gallery .mkdf-ig-image a, .mkdf-image-gallery .mkdf-ig-image img { position: relative; display: block; } .mkdf-image-gallery .mkdf-ig-image-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-image-gallery .mkdf-ig-slider { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-image-gallery .mkdf-ig-inner.mkdf-ig-no-space { margin: 0; } .mkdf-image-gallery .mkdf-ig-inner.mkdf-ig-no-space .mkdf-ig-image { padding: 0 0px; margin: 0 0 0px; } .mkdf-image-gallery .mkdf-ig-inner.mkdf-ig-tiny-space { margin: 0 -5px; } .mkdf-image-gallery .mkdf-ig-inner.mkdf-ig-tiny-space .mkdf-ig-image { padding: 0 5px; margin: 0 0 10px; } .mkdf-image-gallery .mkdf-ig-inner.mkdf-ig-small-space { margin: 0 -10px; } .mkdf-image-gallery .mkdf-ig-inner.mkdf-ig-small-space .mkdf-ig-image { padding: 0 10px; margin: 0 0 20px; } .mkdf-image-gallery .mkdf-ig-inner.mkdf-ig-normal-space { margin: 0 -15px; } .mkdf-image-gallery .mkdf-ig-inner.mkdf-ig-normal-space .mkdf-ig-image { padding: 0 15px; margin: 0 0 30px; } .mkdf-image-gallery .mkdf-ig-grid .mkdf-ig-image { float: left; } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-two-columns .mkdf-ig-image { width: 50%; } @media only screen and (min-width: 1025px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-two-columns .mkdf-ig-image:nth-child(2n+1) { clear: both; } } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-three-columns .mkdf-ig-image { width: 33.33333%; } @media only screen and (min-width: 1025px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-three-columns .mkdf-ig-image:nth-child(3n+1) { clear: both; } } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-four-columns .mkdf-ig-image { width: 25%; } @media only screen and (min-width: 1025px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-four-columns .mkdf-ig-image:nth-child(4n+1) { clear: both; } } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-five-columns .mkdf-ig-image { width: 20%; } @media only screen and (min-width: 1025px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-five-columns .mkdf-ig-image:nth-child(5n+1) { clear: both; } } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image { width: 16.66667%; } @media only screen and (min-width: 1025px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image:nth-child(6n+1) { clear: both; } } .mkdf-image-gallery .mkdf-ig-masonry { opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .mkdf-image-gallery .mkdf-ig-masonry .mkdf-ig-grid-sizer { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry .mkdf-ig-grid-gutter { width: 0; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-two-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-two-columns .mkdf-ig-grid-sizer { width: 50%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-two-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-three-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-three-columns .mkdf-ig-grid-sizer { width: 33.33333%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-three-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 66.66667%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-four-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-four-columns .mkdf-ig-grid-sizer { width: 25%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-four-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 50%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-grid-sizer { width: 20%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 40%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-grid-sizer { width: 16.66667%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 33.33333%; } .mkdf-image-gallery.mkdf-image-behavior-custom-link .mkdf-ig-image a:hover:after { opacity: 1; } .mkdf-image-gallery.mkdf-image-behavior-custom-link .mkdf-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.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .touch .mkdf-image-gallery.mkdf-image-behavior-lightbox .mkdf-ig-image { cursor: pointer; } .mkdf-image-gallery.mkdf-image-behavior-lightbox .mkdf-ig-image:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); } .mkdf-image-gallery.mkdf-image-behavior-lightbox .mkdf-ig-image .mkdf-ig-image-inner { overflow: hidden; } .mkdf-image-gallery.mkdf-image-behavior-lightbox .mkdf-ig-image img { -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; transition: transform .3s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); backface-visibility: hidden; } .mkdf-image-gallery.mkdf-image-behavior-lightbox .mkdf-ig-image a:hover:after { opacity: 1; } .mkdf-image-gallery.mkdf-image-behavior-lightbox .mkdf-ig-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .touch .mkdf-image-gallery.mkdf-image-behavior-zoom .mkdf-ig-image { cursor: pointer; } .mkdf-image-gallery.mkdf-image-behavior-zoom .mkdf-ig-image:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); } .mkdf-image-gallery.mkdf-image-behavior-zoom .mkdf-ig-image .mkdf-ig-image-inner { overflow: hidden; } .mkdf-image-gallery.mkdf-image-behavior-zoom .mkdf-ig-image img { -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; transition: transform .3s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkdf-image-gallery.mkdf-image-behavior-grayscale .mkdf-ig-image { overflow: hidden; } .touch .mkdf-image-gallery.mkdf-image-behavior-grayscale .mkdf-ig-image { cursor: pointer; } .mkdf-image-gallery.mkdf-image-behavior-grayscale .mkdf-ig-image:hover img { -webkit-filter: grayscale(0); filter: none; } .mkdf-image-gallery.mkdf-image-behavior-grayscale .mkdf-ig-image img { filter: url("../../../../plugins/mkdf-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; -moz-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 ========================================================================== */ .mkdf-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 *****/ } .mkdf-image-with-text-holder .mkdf-iwt-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-image-with-text-holder .mkdf-iwt-image a, .mkdf-image-with-text-holder .mkdf-iwt-image img { position: relative; display: block; } .mkdf-image-with-text-holder .mkdf-iwt-image img { box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.35s cubic-bezier(0.1, 0.5, 0.5, 1); -moz-transition: all 0.35s cubic-bezier(0.1, 0.5, 0.5, 1); transition: all 0.35s cubic-bezier(0.1, 0.5, 0.5, 1); } .mkdf-image-with-text-holder .mkdf-iwt-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: center; } .mkdf-image-with-text-holder .mkdf-iwt-title { margin: 26px 0 0; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .mkdf-image-with-text-holder:hover .mkdf-iwt-title { color: #43d5cb; } .mkdf-image-with-text-holder:hover img { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); transform: translateY(-7px); box-shadow: 4px 4px 15px -2px rgba(0, 0, 0, 0.1); } .mkdf-image-with-text-holder .mkdf-iwt-text { margin: 14px 0 0; } .mkdf-image-with-text-holder.mkdf-image-behavior-custom-link .mkdf-iwt-image a:hover:after { opacity: 1; } .mkdf-image-with-text-holder.mkdf-image-behavior-custom-link .mkdf-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.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .mkdf-image-with-text-holder.mkdf-image-behavior-lightbox .mkdf-iwt-image a:hover:after { opacity: 1; } .mkdf-image-with-text-holder.mkdf-image-behavior-lightbox .mkdf-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.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .mkdf-image-with-text-holder.mkdf-image-behavior-zoom .mkdf-iwt-image { overflow: hidden; } .touch .mkdf-image-with-text-holder.mkdf-image-behavior-zoom .mkdf-iwt-image { cursor: pointer; } .mkdf-image-with-text-holder.mkdf-image-behavior-zoom .mkdf-iwt-image:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); } .mkdf-image-with-text-holder.mkdf-image-behavior-zoom .mkdf-iwt-image img { -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; transition: transform .3s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkdf-image-with-text-holder.mkdf-image-behavior-grayscale .mkdf-iwt-image { overflow: hidden; } .touch .mkdf-image-with-text-holder.mkdf-image-behavior-grayscale .mkdf-iwt-image { cursor: pointer; } .mkdf-image-with-text-holder.mkdf-image-behavior-grayscale .mkdf-iwt-image:hover img { -webkit-filter: grayscale(0); filter: none; } .mkdf-image-with-text-holder.mkdf-image-behavior-grayscale .mkdf-iwt-image img { filter: url("../../../../plugins/mkdf-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; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* ========================================================================== Image With Text shortcode style - end ========================================================================== */ .mkdf-info-list .mkdf-info-list-title { margin-top: 0; margin-bottom: 19px; } .mkdf-info-list .mkdf-info-list-button { margin-top: 40px; } .mkdf-info-list .mkdf-info-list-item { border-top: 1px solid #ebebeb; position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; height: 50px; } .mkdf-info-list .mkdf-info-list-item:last-child { border-bottom: 1px solid #ebebeb; } .mkdf-info-list .mkdf-info-list-item:hover { background: #f7f7f7; } .mkdf-info-list .mkdf-info-list-item:hover .mkdf-ili-left { color: #43d5cb; } .mkdf-info-list .mkdf-info-list-item .mkdf-ili-link { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .mkdf-info-list .mkdf-info-list-item .mkdf-info-list-item-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: left; color: #6e6e6e; background-color: #fff; font-size: 15px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mkdf-info-list .mkdf-info-list-item .mkdf-info-list-item-inner:hover .mkdf-ili-title { color: #43d5cb; } .mkdf-info-list .mkdf-info-list-item .mkdf-ili-left { float: left; width: auto; } .mkdf-info-list .mkdf-info-list-item .mkdf-ili-left .mkdf-ili-title { margin-right: 5px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; } .mkdf-info-list .mkdf-info-list-item .mkdf-ili-left .mkdf-ili-subtitle { color: #bdc7ce; } .mkdf-info-list .mkdf-info-list-item .mkdf-ili-right { float: right; width: auto; } /* ========================================================================== Inner Row Holder shortcode style - begin ========================================================================== */ .mkdf-inner-row-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-inner-row-holder.mkdf-ir-alignment-left { text-align: left; } .mkdf-inner-row-holder.mkdf-ir-alignment-center { text-align: center; } .mkdf-inner-row-holder.mkdf-ir-alignment-right { text-align: right; } /* ========================================================================== Inner Row Holder shortcode style - end ========================================================================== */ /* ========================================================================== Interactive banners start styles ========================================================================== */ .mkdf-interactive-banner-holder { position: relative; padding: 20px; background-position: center center; background-size: cover; overflow: hidden; box-sizing: border-box; height: 100%; width: 100%; } .mkdf-interactive-banner-holder .mkdf-interactive-banner-icon { position: relative; display: inline-block; font-size: 34px; color: #43d5cb; margin-bottom: 11px; z-index: 1; } .mkdf-interactive-banner-holder .mkdf-interactive-banner-title-holder { margin-bottom: 8px; position: relative; display: block; z-index: 1; } .mkdf-interactive-banner-holder .mkdf-interactive-banner-title-holder > * { color: #333333; } .mkdf-interactive-banner-holder .mkdf-separator-holder { margin-top: 25px; margin-bottom: 10px; } .mkdf-interactive-banner-holder .mkdf-interactive-banner-subtitle-holder { vertical-align: top; margin-bottom: 14px; z-index: 1; position: relative; } .mkdf-interactive-banner-holder .mkdf-interactive-banner-subtitle-holder .mkdf-interactive-banner-subtitle { color: #333333; font-size: 80px; font-family: 'Fira Sans', sans-serif; font-weight: 700; line-height: 1em; } .mkdf-interactive-banner-holder .mkdf-interactive-banner-text-holder p { position: relative; display: block; z-index: 1; margin: 11px 0 15px; line-height: 2em; } .mkdf-interactive-banner-holder .mkdf-btn { z-index: 101; margin-top: 17px; } .mkdf-interactive-banner-holder .mkdf-interactive-banner-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .mkdf-interactive-banner-holder .mkdf-interactive-banner-initial { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .mkdf-interactive-banner-holder .mkdf-interactive-banner-cover-link { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-align-left { text-align: left; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-align-center { text-align: center; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-align-right { text-align: right; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-light-theme .mkdf-interactive-banner-title-holder > * { color: #fff; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-light-theme .mkdf-interactive-banner-text-holder { color: #fff; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-light-theme .mkdf-interactive-banner-subtitle { color: #fff; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-light-theme .mkdf-interactive-banner-overlay { background: #43d5cb; opacity: 0; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-light-theme:hover .mkdf-interactive-banner-overlay { opacity: 1; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-light-theme .mkdf-separator-holder .mkdf-icon-element { color: #fff; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-dark-theme .mkdf-interactive-banner-overlay { background: #fff; opacity: 0; } .mkdf-interactive-banner-holder.mkdf-interactive-banner-dark-theme .mkdf-interactive-banner-inner-wrapper .mkdf-separator-holder.with-icon .mkdf-sep-line { border-color: rgba(255, 255, 255, 0.8); } .mkdf-interactive-banner-holder.mkdf-interactive-banner-dark-theme:hover .mkdf-interactive-banner-overlay { opacity: 0.6; } /* ========================================================================== Interactive banners end styles ========================================================================== */ /* ========================================================================== Info on hover type star style ========================================================================== */ .mkdf-interactive-banner-info-on-hover .mkdf-interactive-banner-inner-wrapper, .mkdf-interactive-banner-info-on-hover .mkdf-interactive-banner-icon { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); -moz-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); -webkit-transition: opacity 0.2s, transform 0s 0.2s; -moz-transition: opacity 0.2s, transform 0s 0.2s; transition: opacity 0.2s, transform 0s 0.2s; } .mkdf-interactive-banner-info-on-hover:hover .mkdf-interactive-banner-inner-wrapper, .mkdf-interactive-banner-info-on-hover:hover .mkdf-interactive-banner-icon { opacity: 1; -webkit-transition: all 0.5s cubic-bezier(0.38, 0.76, 0, 0.87); -moz-transition: all 0.5s cubic-bezier(0.38, 0.76, 0, 0.87); transition: all 0.5s cubic-bezier(0.38, 0.76, 0, 0.87); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ========================================================================== Info on hover type star style END ========================================================================== */ /* ========================================================================== Simple type star style ========================================================================== */ .mkdf-interactive-banner-simple { display: inline-block; width: 100%; height: 100%; box-sizing: border-box; padding: 50px; } .mkdf-interactive-banner-simple .mkdf-interactive-banner-content-holder { display: table; width: 100%; height: 100%; } .mkdf-interactive-banner-simple .mkdf-interactive-banner-content-holder .mkdf-interactive-banner-content-holder-inner { display: table-row; height: 50%; } .mkdf-interactive-banner-simple .mkdf-interactive-banner-content-holder .mkdf-interactive-banner-title-holder { display: table-cell; } .mkdf-interactive-banner-simple .mkdf-interactive-banner-content-holder .mkdf-interactive-banner-title-holder { vertical-align: bottom; margin-bottom: 0; } .mkdf-interactive-banner-simple .mkdf-interactive-banner-inner-wrapper { width: 100%; height: 100%; display: block; } .mkdf-interactive-banner-simple .mkdf-interactive-banner-title-holder > * { color: #333333; } /* ========================================================================== Simple type star style END ========================================================================== */ /* ========================================================================== Pie Chart shortcode style - begin ========================================================================== */ .mkdf-pie-chart-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; opacity: 0; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .mkdf-pie-chart-holder .mkdf-pc-percentage { position: relative; display: block; height: 176px; width: 176px; line-height: 176px; text-align: center; margin: 0 auto; } .mkdf-pie-chart-holder .mkdf-pc-percentage canvas { position: absolute; top: 0; left: 0; } .mkdf-pie-chart-holder .mkdf-pc-percentage .mkdf-pc-percent { position: relative; display: inline-block; vertical-align: middle; color: #333333; font-size: 50px; font-family: "Poppins", sans-serif; line-height: inherit; font-weight: 600; } .mkdf-pie-chart-holder .mkdf-pc-percentage .mkdf-pc-percent:after { position: relative; top: -20px; left: 5px; content: '%'; font-size: 25px; } .mkdf-pie-chart-holder .mkdf-pc-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: center; margin: 38px 0 0; } .mkdf-pie-chart-holder .mkdf-pc-text-holder .mkdf-pc-title { margin: 0; } .mkdf-pie-chart-holder .mkdf-pc-text-holder .mkdf-pc-text { margin: 13px 0 0; } /* ========================================================================== Pie Chart shortcode style - end ========================================================================== */ /* ========================================================================== Pricing Tables shortcode style - begin ========================================================================== */ .mkdf-pricing-tables { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; } .mkdf-pricing-tables .mkdf-pt-wrapper { position: relative; } .mkdf-pricing-tables.mkdf-pt-no-space .mkdf-pt-wrapper { margin: 0; } .mkdf-pricing-tables.mkdf-pt-no-space .mkdf-price-table { padding: 0 0px; margin: 0 0 0px; } .mkdf-pricing-tables.mkdf-pt-tiny-space .mkdf-pt-wrapper { margin: 0 -5px; } .mkdf-pricing-tables.mkdf-pt-tiny-space .mkdf-price-table { padding: 0 5px; margin: 0 0 10px; } .mkdf-pricing-tables.mkdf-pt-small-space .mkdf-pt-wrapper { margin: 0 -10px; } .mkdf-pricing-tables.mkdf-pt-small-space .mkdf-price-table { padding: 0 10px; margin: 0 0 20px; } .mkdf-pricing-tables.mkdf-pt-normal-space .mkdf-pt-wrapper { margin: 0 -15px; } .mkdf-pricing-tables.mkdf-pt-normal-space .mkdf-price-table { padding: 0 15px; margin: 0 0 30px; } .mkdf-pricing-tables.mkdf-two-columns .mkdf-price-table { width: 50%; } .mkdf-pricing-tables.mkdf-three-columns .mkdf-price-table { width: 33.33333%; } .mkdf-pricing-tables.mkdf-four-columns .mkdf-price-table { width: 25%; } .mkdf-pricing-tables.mkdf-five-columns .mkdf-price-table { width: 20%; } .mkdf-price-table { position: relative; width: 100%; padding: 0; margin: 0; float: left; box-sizing: border-box; } .mkdf-price-table .mkdf-pt-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; background-color: #f9f9f9; font-family: "Poppins", sans-serif; border-radius: 8px; } .mkdf-price-table .mkdf-pt-inner .mkdf-active-text { position: absolute; right: 25px; top: 25px; z-index: 20; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-transition: transform 0.25s ease-out 0.2s, opacity 0.2s ease-out 0.2s; -moz-transition: transform 0.25s ease-out 0.2s, opacity 0.2s ease-out 0.2s; transition: transform 0.25s ease-out 0.2s, opacity 0.2s ease-out 0.2s; } .mkdf-price-table .mkdf-pt-inner .mkdf-active-text.active { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .mkdf-price-table .mkdf-pt-inner .mkdf-active-text .mkdf-active-text-inner { -webkit-transform: rotate(-100deg); -moz-transform: rotate(-100deg); transform: rotate(-100deg); rotation: 100deg; -ms-rotation: 100deg; padding: 20px 11px 11px 8px; box-sizing: border-box; font-size: 18px; font-weight: 500; text-align: center; color: #fff; line-height: 17px; text-transform: capitalize; } .mkdf-price-table .mkdf-pt-inner .mkdf-active-text span { display: block; width: 55px; height: 55px; background: #333333; -webkit-transform: rotate(11.25deg); -moz-transform: rotate(11.25deg); transform: rotate(11.25deg); rotation: 12.5deg; -ms-rotation: 12.5deg; } .mkdf-price-table .mkdf-pt-inner ul { list-style: none; margin: 0; padding: 0; } .mkdf-price-table .mkdf-pt-inner ul li { margin: 0; padding: 16px 15px; text-align: center; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-title-holder { position: relative; background-color: #4e6dcc; color: white; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: 1px; border-radius: 8px 8px 0 0; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-title-holder .mkdf-pt-title { display: block; box-sizing: border-box; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices { position: relative; padding: 33px 15px 30px; border-bottom: solid 2px #ededed; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices .mkdf-pt-value { position: relative; vertical-align: super; padding-right: 10px; top: 2px; bottom: 2px; font-size: 30px; line-height: 1em; font-weight: 500; color: #a2a2a2; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices .mkdf-pt-price { position: relative; display: inline-block; vertical-align: middle; left: -5px; font-size: 48px; line-height: 1em; font-weight: 600; color: #333333; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices .mkdf-pt-mark { color: #4e6dcc; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 500; position: relative; display: block; margin: 7px 0 0; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-content { font-family: "Open Sans", sans-serif; padding: 20px 15px; font-size: 15px; color: #6e6e6e; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-content ul li { padding: 7px 15px; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-button { padding: 5px 0 0 0; display: block; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-button .mkdf-btn { width: 100%; background-color: #ededed; color: #000; text-transform: capitalize; border-radius: 0 0 8px 8px; } .mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-button .mkdf-btn.mkdf-btn-large { padding: 32px 45px; } /* ========================================================================== Pricing Tables shortcode style - end ========================================================================== */ @-webkit-keyframes slide-down { 0% { opacity: 0; -webkit-transform: translateY(0); } 100% { opacity: 1; -webkit-transform: translateY(-50%); } } @-moz-keyframes slide-down { 0% { opacity: 0; -moz-transform: translateY(0); } 100% { opacity: 1; -moz-transform: translateY(-50%); } } .mkdf-process-holder .mkdf-process-bg-holder { position: absolute; top: 0; left: 50%; width: 85%; height: 100%; z-index: -1; opacity: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .mkdf-process-holder.mkdf-process-holder-items-three .mkdf-process-bg-holder { width: 56%; } .mkdf-process-holder.mkdf-process-holder-items-three .mkdf-process-item-holder { width: 33.33%; } .mkdf-process-holder.mkdf-process-holder-items-four .mkdf-process-item-holder { width: 25%; } .mkdf-process-holder.mkdf-process-holder-items-five .mkdf-process-item-holder { width: 20%; } .mkdf-process-holder .mkdf-process-item-holder { float: left; /* Hover effect */ } .mkdf-process-holder .mkdf-process-item-holder .mkdf-pi-icon-holder { width: 188px; height: 188px; position: relative; border: 2px solid #b9b9b9; border-radius: 50%; background: transparent; margin: 0 auto; color: #333333; } .mkdf-process-holder .mkdf-process-item-holder .mkdf-pi-icon-holder:before { position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; content: ''; z-index: -1; border-radius: 50%; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 0; } .mkdf-process-holder .mkdf-process-item-holder .mkdf-pi-icon-holder:after { position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; content: ''; z-index: -1; border-radius: 50%; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 1; } .mkdf-process-holder .mkdf-process-item-holder .mkdf-pi-icon-holder .mkdf-pi-icon { opacity: 1; display: inline-block; font-size: 46px; top: 50%; left: 50%; position: relative; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; will-change: transform; } .mkdf-process-holder .mkdf-process-item-holder .mkdf-pi-icon-holder .mkdf-pi-number { opacity: 0; font-size: 55px; font-family: "Poppins", sans-serif; display: inline-block; position: absolute; text-align: center; top: 53%; left: 50%; -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0s ease-out .1s; transition: opacity 0.1s ease-out, transform 0s ease-out .1s; -webkit-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .mkdf-process-holder .mkdf-process-item-holder .mkdf-pi-title { text-align: center; margin: 43px 0 12px; } .mkdf-process-holder .mkdf-process-item-holder .mkdf-pi-text-holder { text-align: center; padding: 0 23px; } .mkdf-process-holder .mkdf-process-item-holder:hover .mkdf-pi-icon-holder:before { opacity: 1; } .mkdf-process-holder .mkdf-process-item-holder:hover .mkdf-pi-icon-holder:after { opacity: 0; } .mkdf-process-holder .mkdf-process-item-holder:hover .mkdf-pi-icon-holder .mkdf-pi-icon { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0.8); -moz-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); -webkit-transition: opacity 0.2s ease-out, transform 0.25s ease-out; transition: opacity 0.2s ease-out, transform 0.25s ease-out; } .mkdf-process-holder .mkdf-process-item-holder:hover .mkdf-pi-icon-holder .mkdf-pi-number { opacity: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s cubic-bezier(0.38, 0.76, 0, 0.87) 0.2s; transition: opacity 0.3s ease-out 0.15s, transform 0.3s cubic-bezier(0.38, 0.76, 0, 0.87) 0.2s; } .mkdf-process-holder.mkdf-animate-process-items-yes { visibility: hidden; } .touch .mkdf-process-holder.mkdf-animate-process-items-yes { visibility: visible; } .no-touch .mkdf-process-holder.mkdf-animate-process-items-yes { visibility: visible; } .no-touch .mkdf-process-holder.mkdf-animate-process-items-yes .mkdf-process-item-holder { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .no-touch .mkdf-process-holder.mkdf-animate-process-items-yes .mkdf-process-item-holder.mkdf-appeared { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.2s ease, -webkit-transform 0.6s cubic-bezier(0, 1, 0.5, 1); transition: opacity 0.2s ease, transform 0.6s cubic-bezier(0, 1, 0.5, 1); } .no-touch .mkdf-process-holder.mkdf-animate-process-items-yes .mkdf-process-bg-holder { opacity: 0; } .no-touch .mkdf-process-holder.mkdf-animate-process-items-yes .mkdf-process-bg-holder.mkdf-appeared { opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; } /* ========================================================================== Progress Bar shortcode style - begin ========================================================================== */ .mkdf-progress-bar { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-progress-bar .mkdf-pb-title-holder { position: relative; margin: 10px 0 10px; } .mkdf-progress-bar .mkdf-pb-title-holder .mkdf-pb-title { font-family: "Poppins", sans-serif; position: relative; display: inline-block; vertical-align: middle; z-index: 100; } .mkdf-progress-bar .mkdf-pb-percent { font-family: "Poppins", sans-serif; position: absolute; right: 0; bottom: 1px; width: auto; display: inline-block; vertical-align: middle; opacity: 0; z-index: 10; } .mkdf-progress-bar .mkdf-pb-percent:after { content: '%'; } .mkdf-progress-bar .mkdf-pb-content-holder { position: relative; height: 8px; overflow: hidden; background-color: #eeeeee; border-radius: 5px; } .mkdf-progress-bar .mkdf-pb-content-holder .mkdf-pb-content { height: 8px; max-width: 100%; overflow: hidden; background-color: #43d5cb; } /* ========================================================================== Progress Bar shortcode style - end ========================================================================== */ /* ========================================================================== Section Title shortcode styles - begin ========================================================================== */ .mkdf-section-title-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-tiny-space .mkdf-st-inner { margin: 0 -5px; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-tiny-space .mkdf-st-title, .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-tiny-space .mkdf-st-text { padding: 0 5px; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-small-space .mkdf-st-inner { margin: 0 -10px; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-small-space .mkdf-st-title, .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-small-space .mkdf-st-text { padding: 0 10px; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-normal-space .mkdf-st-inner { margin: 0 -15px; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-normal-space .mkdf-st-title, .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-normal-space .mkdf-st-text { padding: 0 15px; } .mkdf-section-title-holder.mkdf-st-two-columns .mkdf-st-title, .mkdf-section-title-holder.mkdf-st-two-columns .mkdf-st-text { position: relative; display: inline-block; vertical-align: middle; width: 50%; float: left; margin: 0; box-sizing: border-box; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-title-left .mkdf-st-title { text-align: right; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-title-left .mkdf-st-text { text-align: left; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-title-right .mkdf-st-title { float: right; text-align: left; } .mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-title-right .mkdf-st-text { text-align: right; } .mkdf-section-title-holder .mkdf-st-title { display: block; margin: 0; } .mkdf-section-title-holder .mkdf-st-title .mkdf-st-title-bold { font-weight: 700; } .mkdf-section-title-holder .mkdf-st-title .mkdf-st-title-light { font-weight: 300; } .mkdf-section-title-holder .mkdf-st-text { display: block; margin: 21px 0 0; } /* ========================================================================== Section Title shortcode styles - end ========================================================================== */ /* ========================================================================== Separator shortcode style - begin ========================================================================== */ .mkdf-separator-holder { position: relative; height: auto; font-size: 0; line-height: 1em; } .mkdf-separator-holder.mkdf-separator-center { text-align: center; } .mkdf-separator-holder.mkdf-separator-left { text-align: left; } .mkdf-separator-holder.mkdf-separator-right { text-align: right; } .mkdf-separator-holder.mkdf-separator-full-width .mkdf-separator { width: 100% !important; } .mkdf-separator { position: relative; display: inline-block; vertical-align: middle; border-bottom: 1px solid #ebebeb; margin: 10px 0; } /* ========================================================================== Separator shortcode style - end ========================================================================== */ /* ========================================================================== Social Share shortcode style - begin ========================================================================== */ .mkdf-social-share-holder { display: inline-block; position: relative; vertical-align: middle; } .mkdf-social-share-holder ul { position: relative; display: inline-block; vertical-align: middle; list-style: none; padding: 0; margin: 0; } /* List type - begin ========================================================================== */ .mkdf-social-share-holder.mkdf-list .mkdf-social-title { position: relative; display: inline-block; vertical-align: top; margin: 0; color: #6e6e6e; font-weight: 600; } .mkdf-social-share-holder.mkdf-list li { position: relative; display: inline-block; vertical-align: middle; padding: 0; margin: 0 13px 3px 0; } .mkdf-social-share-holder.mkdf-list li:last-child { margin: 0 0 3px; } .mkdf-social-share-holder.mkdf-list li a { font-size: 15px; } /* List type - end ========================================================================== */ /* Dropdown type - begin ========================================================================== */ .mkdf-social-share-holder.mkdf-dropdown { position: relative; display: inline-block; vertical-align: bottom; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown-opener { display: block; color: #6e6e6e; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown-opener .mkdf-social-share-title { display: inline-block; vertical-align: top; margin-right: 5px; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown-opener .social_share { font-size: 12px; color: #333333; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown-opener:hover { color: #43d5cb; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown-opener:hover .social_share { color: inherit; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown { position: relative; visibility: hidden; z-index: 950; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul { position: relative; display: block; z-index: 990; margin: 0; padding: 0 !important; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-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 #e1e1e1; background-color: #fff; font-size: 12px; color: #6e6e6e; 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; -moz-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; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li:not(:first-child) { border-top: none; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li.mkdf-facebook-share:hover { background-color: #3b5998; color: #fff; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li.mkdf-twitter-share:hover { background-color: #00aced; color: #fff; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li.mkdf-google_plus-share:hover { background-color: #dd4b39; color: #fff; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li.mkdf-linkedin-share:hover { background-color: #007bb5; color: #fff; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li.mkdf-tumblr-share:hover { background-color: #32506d; color: #fff; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li.mkdf-pinterest-share:hover { background-color: #cb2027; color: #fff; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li.mkdf-vk-share:hover { background-color: #45668e; color: #fff; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li * { display: block; line-height: inherit; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li a { color: inherit !important; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li:nth-child(1) { bottom: -28px; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li:nth-child(2) { bottom: -56px; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li:nth-child(3) { bottom: -84px; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li:nth-child(4) { bottom: -112px; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li:nth-child(5) { bottom: -140px; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li:nth-child(6) { bottom: -168px; } .mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul li:nth-child(7) { bottom: -196px; } .mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-social-share-dropdown ul li { opacity: 1; visibility: visible; cursor: pointer; } .mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-social-share-dropdown ul li { /* opacity and visibility need to be different, but not background-color */ } .mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-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; -moz-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; } .mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-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; -moz-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; } .mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-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; -moz-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; } .mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-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; -moz-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; } .mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-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; -moz-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; } .mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-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; -moz-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 ========================================================================== */ .mkdf-tabs { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-tabs .mkdf-tabs-nav { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; padding: 0; list-style: none; border-radius: 5px; } .mkdf-tabs .mkdf-tabs-nav li { float: left; margin: 0; padding: 0; } .mkdf-tabs .mkdf-tabs-nav li a { position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; color: #333333; background-color: #f6f6f6; font-family: "Poppins", sans-serif; font-weight: 500; padding: 13px 26px; font-size: 12px; line-height: 25px; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; -moz-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; } .mkdf-tabs .mkdf-tab-container { position: relative; display: inline-block; width: 100%; vertical-align: middle; background-color: #f4f4f4; box-sizing: border-box; margin: 6px 0 0; padding: 35px; border-radius: 5px; font-size: 15px; font-family: "Open Sans", sans-serif; color: #6e6e6e; font-weight: 400; } .mkdf-tabs .mkdf-tab-container p { margin: 0; } .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav { background-color: #f4f4f4; } .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li { border-right: #ebebeb solid 1px; } .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li:first-child a { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li.ui-state-active a, .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li.ui-state-hover a { color: #fff; background-color: #4e6dcc; } .mkdf-tabs.mkdf-tabs-standard .mkdf-tab-container { margin: 6px 0 0; } .mkdf-tabs.mkdf-tabs-vertical { display: table; } .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav { display: table-cell; vertical-align: top; width: 140px; height: 100%; box-sizing: border-box; } .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li { display: block; float: none; border-bottom: #ebebeb solid 1px; text-align: center; } .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li a { width: 100%; line-height: 26px; font-weight: 400; color: #000; } .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li:first-child a { border-radius: 5px 5px 0 0; } .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li:last-child a { border-radius: 0 0 5px 5px; } .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li.ui-state-active a, .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li.ui-state-hover a { color: #fff; background-color: #4e6dcc; } .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li:last-child { margin: 0; border-bottom: none; } .mkdf-tabs.mkdf-tabs-vertical .mkdf-tab-container { display: table-cell; vertical-align: top; width: calc(100% - 140px); height: 100%; left: 6px; box-sizing: border-box; } /* ========================================================================== Tabs shortcode style - end ========================================================================== */ /* ========================================================================== Video Button shortcode start styles ========================================================================== */ .mkdf-video-button-holder { position: relative; display: inline-block; vertical-align: middle; } .mkdf-video-button-holder .mkdf-video-button-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-video-button-holder .mkdf-video-button-image img { display: block; } .mkdf-video-button-holder .mkdf-video-button-play, .mkdf-video-button-holder .mkdf-video-button-play-image { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .mkdf-video-button-holder .mkdf-video-button-play .mkdf-video-button-play-inner, .mkdf-video-button-holder .mkdf-video-button-play-image .mkdf-video-button-play-inner { position: relative; top: 50%; left: 0; display: block; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-video-button-holder .mkdf-video-button-play { color: white; font-size: 25px; border-radius: 50%; line-height: 1; } .mkdf-video-button-holder .mkdf-video-button-play span { display: inline-block; line-height: inherit; } .mkdf-video-button-holder .mkdf-video-button-play span:before { display: block; background-color: rgba(87, 115, 205, 0.94); padding: 41px 41px 41px 45px; border-radius: 50%; line-height: inherit; } .mkdf-video-button-holder .mkdf-video-button-play-image.mkdf-vb-has-hover-image:hover img:first-child { opacity: 0; } .mkdf-video-button-holder .mkdf-video-button-play-image.mkdf-vb-has-hover-image:hover img:nth-child(2) { opacity: 1; } .mkdf-video-button-holder .mkdf-video-button-play-image img { display: block; margin: 0 auto; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .mkdf-video-button-holder .mkdf-video-button-play-image img:first-child { position: relative; opacity: 1; } .mkdf-video-button-holder .mkdf-video-button-play-image img:nth-child(2) { position: absolute; top: 0; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateZ(0); -moz-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); } .rev_slider_wrapper .mkdf-video-button-holder .mkdf-video-button-play-image img:nth-child(2) { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } /* ========================================================================== Video Button shortcode end styles ========================================================================== */ .mkd-working-hours-holder { position: relative; padding: 27px 29px 43px; background-color: transparent; color: #fff; border-radius: 5px; } .mkd-working-hours-holder .mkd-wh-button { margin-top: 19px; } .mkd-working-hours-holder .mkd-wh-button .mkd-btn { padding: 9px 15px; } .mkd-working-hours-holder .mkd-wh-button span.mkd-btn-text { font-size: 13px; } .mkd-working-hours-holder .mkd-wh-button .mkd-btn.mkd-btn-medium { width: 100%; } .mkd-working-hours-holder .mkd-wh-icon-holder { text-align: left; } .mkd-working-hours-holder span.mkd-wh-icon { text-align: center; font-size: 24px; line-height: 1em; color: #000; } .mkd-working-hours-holder span.mkd-wh-icon img { display: block; } .mkd-working-hours-holder.mkd-working-hours-light { color: #fff; } .mkd-working-hours-holder.mkd-working-hours-light .mkd-wh-title-holder .mkd-wh-title { color: #fff; } .mkd-working-hours-holder .mkd-wh-title-holder { text-align: left; margin-bottom: 14px; } .mkd-working-hours-holder .mkd-wh-title-holder .mkd-wh-title { margin: 0 0 13px; color: #fff; } .mkd-working-hours-holder .mkd-wh-text-holder { font-size: 13px; } .mkd-working-hours-holder .mkd-wh-text-holder p { margin: 0; } .mkd-working-hours-holder .mkd-wh-item { color: #fff; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.27); padding: 9px 2px 4px; margin: 0 -2px; } .mkd-working-hours-holder .mkd-wh-item:first-child { padding-top: 0; } .mkd-working-hours-holder .mkd-wh-item:last-child { border-bottom: none; padding-bottom: 0; } .mkd-working-hours-holder .mkd-wh-item .mkd-wh-day { float: left; width: 50%; white-space: nowrap; text-align: left; font-weight: 400; font-size: 14px; } .mkd-working-hours-holder .mkd-wh-item .mkd-wh-hours { float: right; width: 50%; white-space: nowrap; text-align: right; font-size: 14px; font-weight: 700; } /*# sourceMappingURL=../../../../plugins/mkdf-core/assets/css/shortcodes.css.map */ /* ========================================================================== Global partials ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Custom Post Types styles ========================================================================== */ /* ========================================================================== # Team list - begin ========================================================================== */ .mkdf-team-list-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Team Columns Space - begin *****/ /***** Team Columns Space - end *****/ /***** Team Columns - begin *****/ /***** Team Columns - end *****/ } .mkdf-team-list-holder.mkdf-tl-no-space .mkdf-tl-inner { margin: 0; } .mkdf-team-list-holder.mkdf-tl-no-space .mkdf-team { padding: 0 0px; margin: 0 0 0px; } .mkdf-team-list-holder.mkdf-tl-tiny-space .mkdf-tl-inner { margin: 0 -5px; } .mkdf-team-list-holder.mkdf-tl-tiny-space .mkdf-team { padding: 0 5px; margin: 0 0 10px; } .mkdf-team-list-holder.mkdf-tl-small-space .mkdf-tl-inner { margin: 0 -10px; } .mkdf-team-list-holder.mkdf-tl-small-space .mkdf-team { padding: 0 10px; margin: 0 0 20px; } .mkdf-team-list-holder.mkdf-tl-normal-space .mkdf-tl-inner { margin: 0 -15px; } .mkdf-team-list-holder.mkdf-tl-normal-space .mkdf-team { padding: 0 15px; margin: 0 0 30px; } .mkdf-team-list-holder.mkdf-tl-two-columns .mkdf-team { width: 50%; } @media only screen and (min-width: 1025px) { .mkdf-team-list-holder.mkdf-tl-two-columns .mkdf-team:nth-child(2n+1) { clear: both; } } .mkdf-team-list-holder.mkdf-tl-three-columns .mkdf-team { width: 33.33333%; } @media only screen and (min-width: 1025px) { .mkdf-team-list-holder.mkdf-tl-three-columns .mkdf-team:nth-child(3n+1) { clear: both; } } .mkdf-team-list-holder.mkdf-tl-four-columns .mkdf-team { width: 25%; } @media only screen and (min-width: 1201px) { .mkdf-team-list-holder.mkdf-tl-four-columns .mkdf-team:nth-child(4n+1) { clear: both; } } .mkdf-team-list-holder.mkdf-tl-five-columns .mkdf-team { width: 20%; } @media only screen and (min-width: 1201px) { .mkdf-team-list-holder.mkdf-tl-five-columns .mkdf-team:nth-child(5n+1) { clear: both; } } /* ========================================================================== # Team list - end ========================================================================== */ /* ========================================================================== # Team slider - begin ========================================================================== */ .mkdf-team-slider-holder .mkdf-owl-slider .owl-nav .owl-prev { left: -47px; } .mkdf-team-slider-holder .mkdf-owl-slider .owl-nav .owl-next { right: -47px; } /* ========================================================================== # Team slider - end ========================================================================== */ /* ========================================================================== # Team info bellow - begin ========================================================================== */ .mkdf-team-list-holder.mkdf-tl-normal-space .mkdf-team.info-bellow { margin: 0 0 80px; } .mkdf-team { position: relative; display: inline-block; width: 100%; vertical-align: middle; box-sizing: border-box; } .mkdf-team.info-bellow .mkdf-team-inner { text-align: center; width: 100%; } .mkdf-team.info-bellow:hover .mkdf-team-image .mkdf-circle-animate { width: 100%; height: 100%; right: 0; top: 0; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); transform: scale(1.01); } .mkdf-team.info-bellow:hover .mkdf-team-image .mkdf-circle-icon { opacity: 0; } .mkdf-team.info-bellow:hover .mkdf-team-image .mkdf-circle-icon-hidden { opacity: 1; } .mkdf-team.info-bellow .mkdf-team-image { position: relative; overflow: hidden; display: inline-block; padding: 5px 33px; box-sizing: border-box; } .mkdf-team.info-bellow .mkdf-team-image .mkdf-circle-icon { position: absolute; top: 0; right: 0; border-radius: 50%; width: 53px; height: 53px; opacity: 1; -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; -moz-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; } .mkdf-team.info-bellow .mkdf-team-image .mkdf-circle-icon-hidden { position: absolute; width: 53px; height: 53px; padding-top: 1px; backface-visibility: hidden; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; -moz-transition: opacity 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; transition: opacity 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; opacity: 0; } .mkdf-team.info-bellow .mkdf-team-image .mkdf-circle-animate { position: absolute; background-color: #43d5cb; border-radius: 50%; width: 53px; height: 53px; top: 0; right: 0; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.05); -webkit-transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mkdf-team.info-bellow .mkdf-team-image img { border-radius: 50%; display: block; margin: 0 auto; } .mkdf-team.info-bellow .mkdf-team-image a { position: relative; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .mkdf-team.info-bellow .mkdf-team-image a:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: #fff; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .mkdf-team.info-bellow .mkdf-team-title-holder { margin: 22px 0 13px; } .mkdf-team.info-bellow .mkdf-team-name { margin-bottom: 7px; } .mkdf-team.info-bellow .mkdf-team-name:hover { color: #d0d0d0; } .mkdf-team.info-bellow .mkdf-team-position { margin: 0; } .mkdf-team.info-bellow .mkdf-team-social-holder-between { margin: 18px 0 0; } .mkdf-team.info-bellow .mkdf-icon-shortcode { margin: 0 8px; font-size: 14px; } .mkdf-team.info-bellow .mkdf-icon-shortcode a { -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; transition: color 0.15s ease; } .mkdf-team.info-bellow .mkdf-icon-shortcode:first-child { margin-left: 0; } /* ========================================================================== # Team info bellow - end ========================================================================== */ .mkdf-team-single-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-team-single-holder .mkdf-name { margin: 0; } .mkdf-team-single-holder .mkdf-ts-image-holder { padding-top: 10px; } .mkdf-team-single-holder .mkdf-ts-image-holder img { margin-bottom: 24px; } .mkdf-team-single-holder .mkdf-ts-details-holder { padding-left: 54px; } .mkdf-team-single-holder .mkdf-ts-details-holder .mkdf-ts-info-row .mkdf-ts-bio-info { color: #6e6e6e; } .mkdf-team-single-holder .mkdf-ts-bio-holder { margin-bottom: 24px; } .mkdf-team-single-holder .mkdf-ts-bio-holder .mkdf-contact-info { font-size: 13px; line-height: 33px; } .mkdf-team-single-holder .mkdf-ts-bio-holder .mkdf-contact-info a { color: #6e6e6e; } .mkdf-team-single-holder .mkdf-ts-bio-holder h4 { margin-top: 0; } .mkdf-team-single-holder .mkdf-ts-bio-holder p { margin-bottom: 43px; } .mkdf-team-single-holder .mkdf-workdays-wrapper { display: inline-block; float: left; } .mkdf-team-single-holder .mkdf-booking-form { background-color: #4e6dcc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 26px 22px 37px; display: none; margin-bottom: 22px; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-response-holder { color: #fff; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-booking-title { margin: 0 0 29px; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-booking-subtitle { font-size: 13px; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-booking-subtitle, .mkdf-team-single-holder .mkdf-booking-form .mkdf-booking-title { color: #ffffff; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-item { position: relative; margin-bottom: 10px; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-item input { border: 0; width: 100%; font-size: 13px; padding: 13px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-item input::-webkit-input-placeholder { color: #afafaf; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-item input:-moz-placeholder { color: #afafaf; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-item input::-moz-placeholder { color: #afafaf; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-item input:-ms-input-placeholder { color: #afafaf; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-item.mkdf-date:after { content: "\f117"; font-family: IonIcons; font-size: 16px; color: #000; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-item.mkdf-time:after { content: "\f3b3"; font-family: IonIcons; font-size: 16px; color: #000; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-button { position: relative; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-button input { width: 100%; border: 0; text-align: left; padding-left: 38px; } .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-button .mkdf-btn-icon-holder { background-color: #37c7be; display: block; position: absolute; top: 0; right: 0; line-height: 41px; color: #ffffff; font-size: 14px; width: 39px; text-align: center; border-radius: 0 5px 5px 0; -webkit-transition: border-color .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: border-color .2s ease-in-out,background-color .2s ease-in-out; transition: border-color .2s ease-in-out,background-color .2s ease-in-out; } .mkdf-team-single-holder .mkdf-book-now { cursor: pointer; background-color: #43d5cb; color: #fff; text-align: center; border-radius: 4px; height: 40px; line-height: 40px !important; margin-top: 10px; } .mkdf-team-single-holder .mkdf-book-now .mkdf-ts-bio-icon { vertical-align: initial; color: #ffffff; font-size: 14px; } .mkdf-team-single-holder .mkdf-book-now .mkdf-ts-bio-info { font-family: "Poppins", sans-serif; font-weight: 500; font-size: 12px; } .mkdf-team-single-holder .mkdf-ts-bio-icon { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; font-size: 15px; color: #4e6dcc; } .mkdf-team-single-holder .mkdf-ts-bio-icon.ion-ios-email { font-size: 19px; } .mkdf-team-single-holder .mkdf-doctor-info-holder .mkdf-social-holder { border-top: 1px solid #e1e1e1; padding-top: 18px; margin-bottom: 20px; } .mkdf-team-single-holder .mkdf-doctor-info-holder .mkdf-social-holder .mkdf-icon-shortcode { margin-right: 16px; font-size: 14px; } .mkdf-team-single-holder .mkdf-position { margin: 0; padding-bottom: 18px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; } .mkdf-team-single-holder .mkdf-position .mkdf-icon-shortcode { position: relative; display: inline-block; vertical-align: middle; margin: 0 5px; } .mkdf-team-single-holder .mkdf-position .mkdf-icon-shortcode a, .mkdf-team-single-holder .mkdf-position .mkdf-icon-shortcode span, .mkdf-team-single-holder .mkdf-position .mkdf-icon-shortcode i { color: #999; } .mkdf-team-single-holder .mkdf-ts-info-row { padding: 14px 0; border-top: 1px solid #e1e1e1; color: #ababab; font-size: 15px; } .mkdf-team-single-holder .mkdf-ts-info-row table tr { border: 0; } .mkdf-team-single-holder .mkdf-ts-info-row table td { text-align: left; padding: 0; } .mkdf-team-single-holder .mkdf-ts-info-row table td.mkdf-title-wrapper { width: 28%; vertical-align: top; } .mkdf-team-single-holder .mkdf-ts-info-row .mkdf-ts-bio-info-title { font-family: "Poppins", sans-serif; color: #333333; font-weight: 500; vertical-align: middle; } .mkdf-team-single-holder .mkdf-ts-info-row .mkdf-doctor-workday { margin-right: 20px; } .mkdf-team-single-holder .mkdf-ts-info-row .mkdf-ts-bio-icon { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; font-size: 15px; color: #4e6dcc; } .mkdf-team-single-holder .mkdf-ts-info-row .mkdf-ts-bio-info { display: inline-block; } .mkdf-team-single-holder .mkdf-team-single-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 30px 0 0; } /* ========================================================================== Testimonials cards style - begin ========================================================================== */ .mkdf-testimonials-cards .mkdf-testimonials .owl-item { box-sizing: border-box; padding: 53px 30px 58px; border-radius: 5px; background-color: #fff; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .mkdf-testimonials-cards .mkdf-testimonials .owl-item .mkdf-testimonial-text { margin: 28px 0 13px; text-align: center; } .mkdf-testimonials-cards .mkdf-testimonials .owl-item .mkdf-testimonial-image-holder { margin: 0 auto; width: 100px; height: 100px; } .mkdf-testimonials-cards .mkdf-testimonials .owl-item .mkdf-testimonial-image-holder img { width: 100%; height: 100%; border-radius: 50%; } .mkdf-testimonials-cards .mkdf-testimonials .owl-item .mkdf-testimonial-author { text-align: center; } .mkdf-testimonials-cards .mkdf-testimonials .owl-item .mkdf-testimonial-author .mkdf-testimonial-author-text { margin: 24px 0 0; } .mkdf-testimonials-cards .mkdf-testimonials .owl-item .mkdf-testimonial-job-title { color: #4e6dcc; text-align: center; margin: 6px 0 0; } .mkdf-testimonials-cards .mkdf-testimonials .owl-nav .owl-prev { left: -10px; } .mkdf-testimonials-cards .mkdf-testimonials .owl-nav .owl-next { right: -10px; } .mkdf-testimonials-cards .mkdf-testimonials .owl-nav .owl-prev:hover span, .mkdf-testimonials-cards .mkdf-testimonials .owl-nav .owl-next:hover span { color: #43d5cb; background-color: #fff; } .mkdf-testimonials-cards .mkdf-testimonials .owl-nav span { color: #fff; background: #43d5cb; border-radius: 50%; height: 55px; width: 55px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mkdf-testimonials-cards .mkdf-testimonials .owl-nav span span.mkdf-icon-arrow { font-size: 19px; width: inherit; height: inherit; text-align: center; } .mkdf-testimonials-cards .mkdf-testimonials .owl-nav span span.mkdf-icon-arrow:before { width: inherit; position: absolute; top: 18px; } .mkdf-testimonials-cards .mkdf-testimonials .owl-dot.active span { background-color: #43d5cb; border-color: #43d5cb; } .mkdf-testimonials-cards .mkdf-testimonials .owl-dot span { background-color: #e8e8e8; border-color: #e8e8e8; } .mkdf-testimonials-cards .mkdf-testimonial-separator { display: inline-block; width: 100%; border-bottom: 1px solid #ededed; } .mkdf-testimonials-slider { /* Slider Type styles - start ====================================================================== */ } .mkdf-testimonials-slider.mkdf-owl-testimonials { /* Testimonials image styles */ } .mkdf-testimonials-slider.mkdf-owl-testimonials .owl-item { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .mkdf-testimonials-slider.mkdf-owl-testimonials .owl-item:not(.active) { opacity: 0; } .mkdf-testimonials-slider.mkdf-owl-testimonials.mkdf-single-testimonial .mkdf-testimonial-content { position: relative; z-index: 10; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-content { box-sizing: border-box; position: relative; z-index: 10; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-text-holder { position: relative; display: block; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-text-holder .mkdf-testimonial-text-inner { display: block; text-align: center; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-text { margin: 8px 0 17px; padding: 0 13%; line-height: 33px; -webkit-transform: translateZ(0); } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-title { margin: 20px 0; font-size: 30px; line-height: 1.6em; font-weight: 700; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-author-text { color: #43d5cb; margin: 18px 0 0 0; line-height: 1.1em; font-size: 18px; font-weight: 400; -webkit-transform: translateZ(0); } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-author-text span { font-size: 12px; display: block; -webkit-transform: translateZ(0); font-weight: 300; margin-top: 3px; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-author-text span:not(.mkdf-testimonials-job) { margin: 0 6px 0 3px; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-separator-quote { color: #000; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-separator-quote:before { font-size: 22px; } .mkdf-testimonials-slider.mkdf-owl-testimonials.mkdf-testimonials-light .mkdf-testimonial-text { color: #ffffff; } .mkdf-testimonials-slider.mkdf-owl-testimonials.mkdf-testimonials-light .mkdf-separator-quote { color: #fff; } .mkdf-testimonials-slider.mkdf-owl-testimonials.mkdf-testimonials-light .mkdf-testimonial-job-title { color: #fff; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-job-title { color: #333; margin: 9px 0; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-image-holder { text-align: center; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-image-holder img { max-width: 100%; } .mkdf-testimonials-slider { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; /* No Js */ /* * Owl Carousel - Animate Plugin */ } .mkdf-testimonials-slider.owl-loaded { display: block; } .mkdf-testimonials-slider.owl-loading { opacity: 0; display: block; } .mkdf-testimonials-slider.owl-hidden { opacity: 0; } .mkdf-testimonials-slider.owl-refresh .owl-item { visibility: hidden; } .mkdf-testimonials-slider.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mkdf-testimonials-slider.owl-grab { cursor: move; cursor: grab; } .mkdf-testimonials-slider.owl-rtl { direction: rtl; } .mkdf-testimonials-slider.owl-rtl .owl-item { float: right; } .no-js .mkdf-testimonials-slider { display: block; } .mkdf-testimonials-slider .owl-stage { position: relative; -ms-touch-action: pan-Y; } .mkdf-testimonials-slider .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .mkdf-testimonials-slider .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .mkdf-testimonials-slider .owl-wrapper, .mkdf-testimonials-slider .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .mkdf-testimonials-slider .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .mkdf-testimonials-slider .owl-item img { display: block; width: 100%; } .mkdf-testimonials-slider .owl-item img .owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .mkdf-testimonials-slider .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .mkdf-testimonials-slider .owl-nav.disabled { display: none; } .mkdf-testimonials-slider .owl-nav .owl-prev, .mkdf-testimonials-slider .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mkdf-testimonials-slider .owl-dots { text-align: center; margin: 35px 0 0; } .mkdf-testimonials-slider .owl-dots .owl-dot { display: inline-block; cursor: pointer; } .mkdf-testimonials-slider .owl-dots .owl-dot span { display: inline-block; width: 10px; height: 10px; margin: 0 9px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #e3e3e3; -webkit-transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; transition: background 0.15s ease-out; } .mkdf-testimonials-slider .owl-dots .owl-dot.active span { background: #43d5cb; } .mkdf-testimonials-slider .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .mkdf-testimonials-slider .owl-animated-in { z-index: 0; } .mkdf-testimonials-slider .owl-animated-out { z-index: 1; } .mkdf-testimonials-slider .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-carousel .owl-nav { width: 100%; } .owl-carousel .owl-nav .owl-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); left: -5%; } .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: -5%; } .owl-carousel .owl-nav .mkdf-prev-icon, .owl-carousel .owl-nav .mkdf-next-icon { display: inline-block; width: 42px; height: 42px; text-align: center; } .owl-carousel .owl-nav .mkdf-prev-icon i, .owl-carousel .owl-nav .mkdf-next-icon i { font-size: 20px; line-height: 40px; color: #444444; } .owl-carousel .owl-dots { text-align: center; margin: 35px 0 0; } .owl-carousel .owl-dots .owl-dot { display: inline-block; } .owl-carousel .owl-dots .owl-dot span { display: inline-block; width: 10px; height: 10px; margin: 0 9px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #e3e3e3; -webkit-transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; transition: background 0.15s ease-out; } .owl-carousel .owl-dots .owl-dot.active span { background: #43d5cb; } .owl-carousel.mkdf-testimonials-light .owl-dots .owl-dot span { background: #fff; } .owl-carousel.mkdf-testimonials-light .owl-dots .owl-dot.active span { background: #43d5cb; } .owl-carousel.mkdf-testimonials-light .owl-nav i { color: #ffffff !important; } .owl-carousel .owl-dots { margin: 30px 0 0; } .mkdf-testimonials-slider .owl-nav { width: 100%; } .mkdf-testimonials-slider .owl-nav .owl-prev { position: absolute; top: 15%; left: 1%; } .mkdf-testimonials-slider .owl-nav .owl-next { position: absolute; top: 15%; right: 1%; } .mkdf-testimonials-slider .owl-nav .mkdf-prev-icon, .mkdf-testimonials-slider .owl-nav .mkdf-next-icon { display: inline-block; width: 30px; height: 30px; text-align: center; } .mkdf-testimonials-slider .owl-nav .mkdf-prev-icon i, .mkdf-testimonials-slider .owl-nav .mkdf-next-icon i { font-size: 30px; line-height: 30px; color: #74797b; } .mkdf-tes-image-nav .owl-dots { display: none; } .mkdf-testimonials-holder .mkdf-tes-image-nav { text-align: center; margin: 0 auto 16px; width: 363px; } .mkdf-testimonials-holder .mkdf-tes-image-nav .mkdf-tes-image-single { display: inline-block; width: 100px; height: 100px; margin: 0 1px; text-align: center; vertical-align: middle; } .mkdf-testimonials-holder .mkdf-tes-image-nav .mkdf-tes-image-single .mkdf-tes-image-holder { height: 100%; position: relative; display: inline-block; vertical-align: middle; -webkit-transform: scale(0.8) translateZ(0); -moz-transform: scale(0.8) translateZ(0); transform: scale(0.8) translateZ(0); border-radius: 50%; -webkit-transition: transform 0.15s ease-out; -moz-transition: transform 0.15s ease-out; transition: transform 0.15s ease-out; } .mkdf-testimonials-holder .mkdf-tes-image-nav .mkdf-tes-image-single .mkdf-tes-image-holder::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, 0.08); z-index: 1; border-radius: 50%; } .mkdf-testimonials-holder .mkdf-tes-image-nav .mkdf-tes-image-single img { max-width: 100px; height: 100%; border-radius: 50%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .mkdf-testimonials-holder .mkdf-tes-image-nav .owl-item.center .mkdf-tes-image-single .mkdf-tes-image-holder { -webkit-transform: scale(1) translateZ(0); -moz-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } .mkdf-testimonials-holder .mkdf-tes-image-nav .owl-item.center .mkdf-tes-image-single .mkdf-tes-image-holder:after { display: none; } .mkdf-testimonials-holder .mkdf-tes-image-nav .owl-controls { display: none; } .mkdf-testimonials-holder .mkdf-tes-image-nav .owl-item.center .mkdf-tes-image-single .mkdf-tes-image-holder img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } .mkdf-testimonials-holder .mkdf-tes-nav { z-index: 2; } .mkdf-row-grid-section .mkdf-testimonials-holder .mkdf-tes-nav .mkdf-tes-nav-prev, .page-template-default .mkdf-testimonials-holder .mkdf-tes-nav .mkdf-tes-nav-prev { left: 0; } .mkdf-row-grid-section .mkdf-testimonials-holder .mkdf-tes-nav .mkdf-tes-nav-next, .page-template-default .mkdf-testimonials-holder .mkdf-tes-nav .mkdf-tes-nav-next { right: 0; } .mkdf-testimonials-holder .mkdf-tes-nav > * { position: absolute; top: 50%; height: 52px; line-height: 52px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-prev, .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-next { z-index: 5; color: #333333; } .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-prev:hover .mkdf-icon-mark, .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-next:hover .mkdf-icon-mark { background-color: #37c7be; color: #fff; } .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-prev .mkdf-icon-mark, .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-next .mkdf-icon-mark { font-family: IonIcons; color: #fff; cursor: pointer; background-color: #43d5cb; border-radius: 50%; width: 55px; height: 55px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-prev .mkdf-icon-mark:before, .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-next .mkdf-icon-mark:before { content: ''; font-size: 19px; display: block; } .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-prev { left: 40px; } .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-prev .mkdf-icon-mark:before { content: "\f124"; height: inherit; width: inherit; text-align: center; position: absolute; top: 1px; } .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-next { right: 40px; } .mkdf-testimonials-holder .mkdf-tes-nav > *.mkdf-tes-nav-next .mkdf-icon-mark:before { content: "\f125"; height: inherit; width: inherit; text-align: center; position: absolute; top: 1px; } .mkdf-testimonials-holder .mkdf-tes-nav > * .mkdf-icon-mark { position: relative; height: 100%; display: inline-block; vertical-align: middle; } .mkdf-testimonials-holder .mkdf-tes-nav.light > *.mkdf-tes-nav-prev:hover .mkdf-icon-mark, .mkdf-testimonials-holder .mkdf-tes-nav.light > *.mkdf-tes-nav-next:hover .mkdf-icon-mark { background-color: #4e6dcc; color: #fff; } .mkdf-testimonials-holder .mkdf-tes-nav.light > *.mkdf-tes-nav-prev .mkdf-icon-mark, .mkdf-testimonials-holder .mkdf-tes-nav.light > *.mkdf-tes-nav-next .mkdf-icon-mark { background-color: #fff; color: #4e6dcc; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mkdf-testimonials-holder .mkdf-tes-bullets { margin: 30px 0 0; text-align: center; } .mkdf-testimonials-holder .mkdf-tes-bullets .mkdf-tes-dot { display: inline-block; cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mkdf-testimonials-holder .mkdf-tes-bullets .mkdf-tes-dot span { display: inline-block; width: 10px; height: 10px; margin: 0 9px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #e3e3e3; -webkit-transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; transition: background 0.15s ease-out; } /* ========================================================================== Testimonials shortcode style - begin ========================================================================== */ .mkdf-testimonials-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-testimonials-holder .mkdf-testimonials, .mkdf-testimonials-holder .mkdf-testimonial-content, .mkdf-testimonials-holder .mkdf-testimonial-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkdf-testimonials-holder .mkdf-testimonials { padding: 0 50px; box-sizing: border-box; } .mkdf-testimonials-holder .mkdf-testimonial-image img { width: auto !important; border-radius: 5em; } /* ========================================================================== Testimonials shortcode style - end ========================================================================== */ /*# sourceMappingURL=../../../../plugins/mkdf-core/assets/css/custom-post-types.css.map */
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка