trAvis - MANAGER
Edit File: modules.css
/*------------------------------------------------------------------ * 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. Portfolio styles * 9. Shortcodes styles * 10. Widgets styles -------------------------------------------------------------------*/ /*------------------------------------------------------------------ * Color codes * Accent color: #c7a17a - #c7a17a * Background: #fff - #fff * Content: #666 - #888888 * Header h1: #30271c * Header h2: #30271c * Header h3: #30271c * Header h4: #30271c * Header h5: #30271c * Header h6: #c7a17a * Header Background: #ffffff * Footer Top Background: #000 * Footer Bottom Background: #000 * a (standard): #c7a17a * a (hover): #c7a17a */ /* ========================================================================== 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, hgroup, nav, section { display: block; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } 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; margin: 20px 0; } table th { border: 0; padding: 16px 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: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear:after { clear: both; content: ""; display: block; } html { height: 100%; margin: 0 !important; -webkit-transition: all 0.33s ease-out; -moz-transition: all 0.33s ease-out; transition: all 0.33s ease-out; overflow-y: scroll !important; /* to prevent page jumping on ajax and when there is not enough content */ } body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 26px; color: #666; font-weight: 400; background-color: #fff; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: "Oswald", sans-serif; color: #30271c; font-weight: 700; text-transform: uppercase; } h1 { font-size: 60px; letter-spacing: 1px; line-height: 1.11667em; /* 67px/60px */ } h2 { font-size: 35px; letter-spacing: 1px; line-height: 1.14286em; /* 40px/35px */ } h3 { font-size: 22px; letter-spacing: 0.5px; line-height: 1.22727em; /* 27px/22px */ } h4, h4.ui-helper-reset { font-size: 19px; line-height: 1.31579em; /* 25px/19px */ } h5 { font-size: 14px; line-height: 1.28571em; /* 18px/14px */ } h6 { font-size: 12px; letter-spacing: 1px; line-height: 1.35714em; /* 19px/14px */ } .edgtf-h-style-1 h1 { font-size: 65px; line-height: 1.1em; font-weight: 400; } .edgtf-h-style-1 h2 { font-size: 60px; line-height: 1.116666666666667em; /* 67px/60px */ font-weight: 300; } .edgtf-h-style-1 h3 { font-size: 21px; line-height: 1.5em; /* 27px/18px */ text-transform: capitalize; } .edgtf-h-style-1 h4 { font-size: 18px; line-height: 1.5em; /* 27px/18px */ font-weight: 400; color: #333; } .edgtf-h-style-1 h5 { font-size: 20px; line-height: 1.5em; /* 27px/18px */ color: #666; font-weight: 300; } .edgtf-h-style-1 h6 { font-size: 14px; line-height: 1.928571428571429em; /* 27px/16px */ font-weight: 400; } .edgtf-h-style-1 h1, .edgtf-h-style-1 h2, .edgtf-h-style-1 h3, .edgtf-h-style-1 h4, .edgtf-h-style-1 h5, .edgtf-h-style-1 h6 { font-family: 'Open Sans', serif; color: #313131; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #c7a17a; } a, p a { color: #c7a17a; text-decoration: none; cursor: pointer; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; -o-transition: color 0.15s ease-out; -ms-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } p { margin: 0 0 25px; } input[type='submit'], .woocommerce input[type='button'], .woocommerce-page input[type='button'] { -webkit-appearance: none; } ul, ol { list-style-position: inside; margin: 15px 0; } ul ul, ol ol, ol ul, ul ol { margin: 0; padding: 0 0 0 15px; } pre { background-color: #fff; padding: 15px; max-width: 100%; white-space: pre-wrap; word-wrap: break-word; margin: 15px 0; } dt { font-size: 15px; font-weight: 700; 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 #efefef; } table tbody th { border-right: 1px solid #efefef; } blockquote:not(.edgtf-blockquote-shortcode) { padding: 0; border: none; font-style: italic; font-size: 17px; line-height: 1.6em; margin: 20px 0; } blockquote cite { font-style: normal; font-weight: 500; } /* Webkit */ ::selection { background: #c7a17a; color: #fff; } /* Gecko/Mozilla */ ::-moz-selection { background: #c7a17a; 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; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } a.vc_single_image-wrapper { position: relative; } a.vc_single_image-wrapper:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: background 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); -moz-transition: background 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); transition: background 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); } a.vc_single_image-wrapper:hover:after { background: rgba(48, 39, 28, 0.3); } .edgtf-wrapper { background-color: #fff; position: relative; z-index: 1000; -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); left: 0px; } .edgtf-wrapper .edgtf-wrapper-inner { width: 100%; overflow: hidden; } .edgtf-meta { display: none; } .edgtf-full-width-inner > h1, .edgtf-full-width-inner > h2, .edgtf-full-width-inner > h3, .edgtf-container-inner > h1, .edgtf-container-inner > h2, .edgtf-container-inner > h3 { margin: 15px 0; } .edgtf-full-width-inner > h4, .edgtf-full-width-inner > h5, .edgtf-full-width-inner > h6, .edgtf-container-inner > h4, .edgtf-container-inner > h5, .edgtf-container-inner > h6 { margin: 10px 0; } .edgtf-full-width-inner > table, .edgtf-container-inner > table { margin: 15px 0 25px; } .edgtf-content { margin-top: 0; position: relative; z-index: 100; background-color: #fff; /*this is needed because of the uncovering footer*/ } /*visual composer override styles*/ .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } .edgtf-content .edgtf-content-inner > .edgtf-container > .edgtf-container-inner, .edgtf-content .edgtf-content-inner > .edgtf-full-width > .edgtf-full-width-inner { padding: 30px 0; } .edgtf-boxed { overflow: hidden !important; /* this is because content jumping while using accordion and display:inline-block on 'body.edgtf-boxed .edgtf-wrapper' */ } .edgtf-boxed .edgtf-wrapper { display: inline-block; vertical-align: middle; width: 100%; } .edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner { width: 1390px; overflow: visible; margin: auto; } .edgtf-boxed .edgtf-content { overflow: hidden; } .edgtf-boxed .edgtf-footer-inner { width: 1390px; margin: auto; } .edgtf-boxed .edgtf-page-header .edgtf-sticky-header, .edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed { width: 1390px; left: auto; } .edgtf-smooth-transition-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; } .edgtf-smooth-transition-loader.edgtf-hide-spinner .edgtf-st-loader { display: none; } .edgtf-container { background-color: #fff; position: relative; padding: 0; width: 100%; z-index: 100; } .edgtf-container:before { content: " "; display: table; } .edgtf-container:after { content: " "; display: table; clear: both; } .edgtf-container-inner { width: 1300px; margin: 0px auto; } .edgtf-full-width { position: relative; z-index: 100; } @media only screen and (min-width: 1400px) { .edgtf-grid-1300 .edgtf-grid, .edgtf-grid-1300 .edgtf-container-inner, .edgtf-grid-1300 .edgtf-grid-section .edgtf-section-inner, .edgtf-grid-1300 .edgtf-footer-top-border-holder.edgtf-in-grid, .edgtf-grid-1300 .edgtf-footer-bottom-border-holder.edgtf-in-grid { width: 1300px; } .edgtf-grid-1300.edgtf-boxed .edgtf-footer-inner, .edgtf-grid-1300.edgtf-boxed .edgtf-wrapper-inner { width: 1350px; } .edgtf-grid-1300.edgtf-boxed .edgtf-page-header .edgtf-sticky-header, .edgtf-grid-1300.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed { width: 1350px; left: auto; } } @media only screen and (min-width: 1300px) { .edgtf-grid-1200 .edgtf-grid, .edgtf-grid-1200 .edgtf-container-inner, .edgtf-grid-1200 .edgtf-grid-section .edgtf-section-inner, .edgtf-grid-1200 .edgtf-footer-top-border-holder.edgtf-in-grid, .edgtf-grid-1200 .edgtf-footer-bottom-border-holder.edgtf-in-grid { width: 1200px; } .edgtf-grid-1200.edgtf-boxed .edgtf-footer-inner, .edgtf-grid-1200.edgtf-boxed .edgtf-wrapper-inner { width: 1250px; } .edgtf-grid-1200.edgtf-boxed .edgtf-page-header .edgtf-sticky-header, .edgtf-grid-1200.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed { width: 1250px; left: auto; } } @media only screen and (min-width: 1200px) { .edgtf-grid-1000 .edgtf-grid, .edgtf-grid-1000 .edgtf-container-inner, .edgtf-grid-1000 .edgtf-grid-section .edgtf-section-inner, .edgtf-grid-1000 .edgtf-footer-top-border-holder.edgtf-in-grid, .edgtf-grid-1000 .edgtf-footer-bottom-border-holder.edgtf-in-grid { width: 1000px; } .edgtf-grid-1000.edgtf-boxed .edgtf-footer-inner, .edgtf-grid-1000.edgtf-boxed .edgtf-wrapper-inner { width: 1050px; } .edgtf-grid-1000.edgtf-boxed .edgtf-page-header .edgtf-sticky-header, .edgtf-grid-1000.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed { width: 1050px; left: auto; } } @media only screen and (min-width: 1000px) { .edgtf-grid-800 .edgtf-grid, .edgtf-grid-800 .edgtf-container-inner, .edgtf-grid-800 .edgtf-grid-section .edgtf-section-inner, .edgtf-grid-800 .edgtf-footer-top-border-holder.edgtf-in-grid, .edgtf-grid-800 .edgtf-footer-bottom-border-holder.edgtf-in-grid { width: 800px; } .edgtf-grid-800.edgtf-boxed .edgtf-footer-inner, .edgtf-grid-800.edgtf-boxed .edgtf-wrapper-inner { width: 850px; } .edgtf-grid-800.edgtf-boxed .edgtf-page-header .edgtf-sticky-header, .edgtf-grid-800.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed { width: 850px; left: auto; } } /* #General styles that are used in our theme - end ========================================================================== */ /* #Grid system styles - start * Here are defined styles for grid system that is used outside Visual Composer ========================================================================== */ .edgtf-two-columns-66-33 { width: 100%; } .edgtf-two-columns-66-33 .edgtf-column1 { width: 66.66%; float: left; } .edgtf-two-columns-66-33 .edgtf-column1 .edgtf-column-inner { padding: 0 10px 0 0; } .edgtf-two-columns-66-33 .edgtf-column2 { width: 33.33%; float: left; } .edgtf-two-columns-66-33 .edgtf-column2 .edgtf-column-inner { padding: 0 0 0 20px; } .edgtf-two-columns-33-66 { width: 100%; } .edgtf-two-columns-33-66 .edgtf-column1 { width: 33.33%; float: left; } .edgtf-two-columns-33-66 .edgtf-column1 .edgtf-column-inner { padding: 0 20px 0 0; } .edgtf-two-columns-33-66 .edgtf-column2 { width: 66.66%; float: left; } .edgtf-two-columns-33-66 .edgtf-column2 .edgtf-column-inner { padding: 0 0 0 20px; } .edgtf-two-columns-75-25 { width: 100%; } .edgtf-two-columns-75-25 .edgtf-column1 { width: 75%; float: left; } .edgtf-two-columns-75-25 .edgtf-column1 .edgtf-column-inner { padding: 0 20px 0 0; } .edgtf-two-columns-75-25 .edgtf-column2 { width: 25%; float: left; } .edgtf-two-columns-75-25 .edgtf-column2 .edgtf-column-inner { padding: 0 0 0 20px; } .edgtf-two-columns-25-75 { width: 100%; } .edgtf-two-columns-25-75 .edgtf-column1 { width: 25%; float: left; } .edgtf-two-columns-25-75 .edgtf-column1 .edgtf-column-inner { padding: 0 20px 0 0; } .edgtf-two-columns-25-75 .edgtf-column2 { width: 75%; float: left; } .edgtf-two-columns-25-75 .edgtf-column2 .edgtf-column-inner { padding: 0 0 0 20px; } .edgtf-two-columns-50-50 { width: 100%; } .edgtf-two-columns-50-50 > .edgtf-two-columns-50-50-inner { margin: 0 -15px; } .edgtf-two-columns-50-50 .edgtf-column { width: 50%; float: left; } .edgtf-two-columns-50-50 .edgtf-column .edgtf-column-inner { padding: 0 15px; } .edgtf-three-columns { width: 100%; } .edgtf-three-columns > .edgtf-three-columns-inner { margin: 0 -15px; } .edgtf-three-columns .edgtf-column { width: 33.33%; float: left; } .edgtf-three-columns .edgtf-column .edgtf-column-inner { padding: 0 15px; } .edgtf-four-columns { width: 100%; } .edgtf-four-columns > .edgtf-four-columns-inner { margin: 0 -15px; } .edgtf-four-columns .edgtf-column { width: 25%; float: left; } .edgtf-four-columns .edgtf-column .edgtf-column-inner { padding: 0 15px; } .edgtf-five-columns { width: 100%; } .edgtf-five-columns > .edgtf-five-columns-inner { margin: 0 -15px; } .edgtf-five-columns .edgtf-column { width: 20%; float: left; } .edgtf-five-columns .edgtf-column .edgtf-column-inner { padding: 0 15px; } body.woocommerce.woocommerce-page .edgtf-two-columns-66-33.woocommerce_with_sidebar .edgtf-column1 .edgtf-column-inner, body.woocommerce.woocommerce-page .edgtf-two-columns-75-25.woocommerce_with_sidebar .edgtf-column1 .edgtf-column-inner { padding-left: 40px; } body.woocommerce.woocommerce-page .edgtf-two-columns-33-66.woocommerce_with_sidebar .edgtf-column2 .edgtf-column-inner, body.woocommerce.woocommerce-page .edgtf-two-columns-25-75.woocommerce_with_sidebar .edgtf-column2 .edgtf-column-inner { padding-right: 40px; } body.woocommerce.woocommerce-page .full_width .edgtf-two-columns-66-33.woocommerce_with_sidebar .edgtf-column1 .edgtf-column-inner, body.woocommerce.woocommerce-page .full_width .edgtf-two-columns-75-25.woocommerce_with_sidebar .edgtf-column1 .edgtf-column-inner { padding-left: 0; } body.woocommerce.woocommerce-page .full_width .edgtf-two-columns-33-66.woocommerce_with_sidebar .edgtf-column2 .edgtf-column-inner, body.woocommerce.woocommerce-page .full_width .edgtf-two-columns-25-75.woocommerce_with_sidebar .edgtf-column2 .edgtf-column-inner { padding-right: 0; } /* #Grid system styles - 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; } } .edgtf-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! */ } .edgtf-grid { width: 1300px; margin: 0 auto; } .edgtf-vertical-align-containers { position: relative; height: 100%; width: 100%; padding: 0 25px; box-sizing: border-box; } .edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-left, .edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-right { width: 25%; } .edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-left-inner, .edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-center-inner, .edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-right-inner { width: 98%; } .edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-left, .edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-center, .edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-right { width: 33.33%; } .edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-left-inner, .edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-center-inner, .edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-right-inner { width: 98%; } .edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-left, .edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-right { width: 50%; } .edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-left-inner, .edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-center-inner, .edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-right-inner { width: 98%; } .edgtf-vertical-align-containers .edgtf-position-left { position: relative; float: left; z-index: 2; height: 100%; } .edgtf-vertical-align-containers .edgtf-position-center { height: 100%; width: 100%; position: absolute; left: 0; text-align: center; z-index: 1; } .edgtf-vertical-align-containers .edgtf-position-right { position: relative; float: right; z-index: 2; height: 100%; text-align: right; } .edgtf-vertical-align-containers .edgtf-position-left-inner, .edgtf-vertical-align-containers .edgtf-position-center-inner, .edgtf-vertical-align-containers .edgtf-position-right-inner { vertical-align: middle; display: inline-block; } .edgtf-vertical-align-containers .edgtf-position-right.edgtf-has-widget .edgtf-position-right-inner { height: 100%; } .edgtf-vertical-align-containers .edgtf-position-left:before, .edgtf-vertical-align-containers .edgtf-position-center:before, .edgtf-vertical-align-containers .edgtf-position-right:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; margin-right: -3px; /* adjusts for spacing */ } /* ========================================================================== #Row styles - start ========================================================================== */ .edgtf-section { position: relative; } .edgtf-grid-section .edgtf-section-inner { width: 1300px; margin: 0 auto; position: relative; z-index: 20; } .edgtf-section-inner-margin { margin-left: -15px; margin-right: -15px; } .edgtf-content-aligment-left { text-align: left; } .edgtf-content-aligment-center { text-align: center; } .edgtf-content-aligment-right { text-align: right; } /* #Parallax section styles - start ========================================================================== */ .edgtf-lighter-effect { position: absolute; z-index: 20; display: block; } .edgtf-lighter-effect.edgtf-lighter-effect-top { top: -26px; } .edgtf-lighter-effect.edgtf-lighter-effect-bottom { bottom: -26px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .edgtf-lighter-effect path { fill: #fff; } /* #Parallax section styles - start ========================================================================== */ .edgtf-parallax-section-holder { position: static; padding: 0px; background-repeat: no-repeat; background-color: transparent; background-position: center 0px; background-attachment: fixed; overflow: hidden; } .edgtf-parallax-section-holder.edgtf-vertical-middle-align { display: table; width: 100%; margin-right: 0; margin-left: 0; } .edgtf-parallax-section-holder .edgtf-parallax-content-outer { display: table-cell; height: 100%; vertical-align: middle; padding: 100% 0; } .touch .edgtf-parallax-section-holder.edgtf-parallax-section-holder-touch-disabled { height: auto !important; min-height: 300px; background-position: center top !important; background-attachment: scroll; background-size: cover; } section.parallax_section_holder.vertical_middle_align .parallax_content_outer { display: table-cell; height: 100%; vertical-align: middle; padding: 100% 0; } /* #Video section styles - start ========================================================================== */ .edgtf-section .edgtf-mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .edgtf-section .edgtf-video-overlay { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 11; } .edgtf-section .edgtf-video-overlay.edgtf-video-overlay-active { background-image: url("img/pixel-video.png"); background-position: 0px 0px; background-repeat: repeat; opacity: 1; } .edgtf-section .edgtf-video-wrap { top: 0px; left: 0px; overflow: hidden; position: absolute; width: 100%; z-index: 10; } .edgtf-section .edgtf-video-wrap .mejs-offscreen { display: none; } .edgtf-section .edgtf-video-wrap .mejs-container .mejs-controls { display: none !important; } .edgtf-section .edgtf-video-wrap .mejs-poster { background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; } .edgtf-section .edgtf-video-wrap .mejs-container { background-color: transparent !important; background-image: none !important; height: auto !important; width: 100% !important; } .edgtf-section .edgtf-video-wrap .mejs-mediaelement { background: none !important; border: 0px !important; } .edgtf-section .edgtf-video-wrap .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } .edgtf-section .edgtf-row-box { padding: 55px 85px 80px; margin-left: -100px; margin-right: -100px; } .edgtf-section .edgtf-row-overlap { margin-top: -150px; } .edgtf-section .edgtf-row-overlap.edgtf-row-overlap-small { margin-top: -65px; } /* ========================================================================== #Row styles - end ========================================================================== */ .ui-helper-reset { line-height: inherit; } /* ========================================================================== #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, 30%); } } @keyframes element-from-bottom { 0% { opacity: 0; transform: translate(0, 30%); } 100% { opacity: 1; transform: translate(0, 30%); } } .edgtf-element-from-left, .edgtf-element-from-right, .edgtf-element-from-top, .edgtf-element-from-bottom, .edgtf-element-from-fade { display: inline-block; width: 100%; } .touch .edgtf-no-animations-on-touch .edgtf-element-from-left > div, .touch .edgtf-no-animations-on-touch .edgtf-element-from-right > div, .touch .edgtf-no-animations-on-touch .edgtf-element-from-top > div, .touch .edgtf-no-animations-on-touch .edgtf-element-from-bottom > div, .touch .edgtf-no-animations-on-touch .edgtf-element-from-fade > div { opacity: 1; -webkit-animation: none; -moz-animation: none; animation: none; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .edgtf-element-from-left > div, .edgtf-element-from-right > div, .edgtf-element-from-top > div, .edgtf-element-from-bottom > div, .edgtf-element-from-fade > div { opacity: 0; display: inline-block; width: 100%; vertical-align: middle; } .edgtf-element-from-fade.edgtf-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; -webkit-backface-visibility: hidden; } .edgtf-element-from-left.edgtf-element-from-left-on > div { -webkit-animation: element-from-left 0.7s 1 ease-in-out; -moz-animation: element-from-left 0.7s 1 ease-in-out; animation: element-from-left 0.7s 1 ease-in-out; opacity: 1; -webkit-backface-visibility: hidden; } .edgtf-element-from-right.edgtf-element-from-right-on > div { -webkit-animation: element-from-right 0.7s 1 ease-in-out; -moz-animation: element-from-right 0.7s 1 ease-in-out; animation: element-from-right 0.7s 1 ease-in-out; opacity: 1; -webkit-backface-visibility: hidden; } .edgtf-element-from-top.edgtf-element-from-top-on > div { -webkit-animation: element-from-top 0.7s 1 ease-in-out; -moz-animation: element-from-top 0.7s 1 ease-in-out; animation: element-from-top 0.7s 1 ease-in-out; opacity: 1; -webkit-backface-visibility: hidden; } .edgtf-element-from-bottom.edgtf-element-from-bottom-on > div { -webkit-animation: element-from-bottom 0.7s 1 ease-in-out; -moz-animation: element-from-bottom 0.7s 1 ease-in-out; animation: element-from-bottom 0.7s 1 ease-in-out; opacity: 1; -webkit-backface-visibility: hidden; } .touch .edgtf-no-animations-on-touch .edgtf-flip-in, .touch .edgtf-no-animations-on-touch .edgtf-grow-in, .touch .edgtf-no-animations-on-touch .edgtf-z-rotate, .touch .edgtf-no-animations-on-touch .edgtf-x-rotate, .touch .edgtf-no-animations-on-touch .edgtf-y-translate, .touch .edgtf-no-animations-on-touch .edgtf-fade-in-down, .touch .edgtf-no-animations-on-touch .edgtf-fade-in-left-x-rotate, .touch .edgtf-no-animations-on-touch .edgtf-fade-in { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; -webkit-transform: none !important; -moz-transform: none !important; transform: none !important; opacity: 1 !important; } .edgtf-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; } .edgtf-flip-in.edgtf-flip-in-on { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); } .edgtf-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); -webkit-backface-visibility: hidden; } .edgtf-grow-in.edgtf-grow-in-on { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .edgtf-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; -webkit-backface-visibility: hidden; } .edgtf-z-rotate.edgtf-z-rotate-on { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); } .edgtf-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); -webkit-backface-visibility: hidden; } .edgtf-x-rotate.edgtf-x-rotate-on { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } .edgtf-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); } .edgtf-y-translate.edgtf-y-translate-on { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .edgtf-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); } .edgtf-fade-in-down.edgtf-fade-in-down-on { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .edgtf-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; } .edgtf-fade-in-left-x-rotateedgtf-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); } .edgtf-fade-in { opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .edgtf-fade-in.edgtf-fade-in-on { opacity: 1; } /* ========================================================================== #Animation styles - end ========================================================================== */ .edgtf-st-loader { position: absolute; /*position: fixed;*/ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2100; } .edgtf-st-loader1 { position: relative; display: inline-block; width: 100%; height: 100%; } .edgtf-st-loader2 { margin: -50% 0 0 -50%; } /* rotating cube - start*/ .edgtf-3d-cube-holder { -webkit-perspective: 1200px; perspective: 1200px; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -moz-transform-origin: 50% 50%; } @-webkit-keyframes edgtfRotateCube { from, to { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 16% { -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); } 33% { -moz-transform: rotateY(-90deg) rotateZ(90deg); -ms-transform: rotateY(-90deg) rotateZ(90deg); transform: rotateY(-90deg) rotateZ(90deg); } 50% { -moz-transform: rotateY(-180deg) rotateZ(90deg); -ms-transform: rotateY(-180deg) rotateZ(90deg); transform: rotateY(-180deg) rotateZ(90deg); } 66% { -moz-transform: rotateY(-270deg) rotateX(90deg); -ms-transform: rotateY(-270deg) rotateX(90deg); transform: rotateY(-270deg) rotateZ(90deg); } 83% { -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); } } @keyframes edgtfRotateCube { from, to { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 16% { -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); } 33% { -moz-transform: rotateY(-90deg) rotateZ(90deg); -ms-transform: rotateY(-90deg) rotateZ(90deg); transform: rotateY(-90deg) rotateZ(90deg); } 50% { -moz-transform: rotateY(-180deg) rotateZ(90deg); -ms-transform: rotateY(-180deg) rotateZ(90deg); transform: rotateY(-180deg) rotateZ(90deg); } 66% { -moz-transform: rotateY(-270deg) rotateX(90deg); -ms-transform: rotateY(-270deg) rotateX(90deg); transform: rotateY(-270deg) rotateZ(90deg); } 83% { -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); } } .edgtf-3d-cube-holder .edgtf-3d-cube { -webkit-animation: edgtfRotateCube 2.5s ease infinite; -moz-animation: edgtfRotateCube 2.5s ease infinite; animation: edgtfRotateCube 2.5s ease infinite; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 20px 20px 0; transform-origin: 20px 20px 0; outline: 2px solid transparent; } .edgtf-3d-cube-holder .edgtf-3d-cube > div { position: absolute; width: 40px; height: 40px; outline: 2px solid transparent; } .edgtf-3d-cube-holder .edgtf-3d-cube > div:nth-child(1) { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); transform: translateZ(20px); background-color: #30271c; } .edgtf-3d-cube-holder .edgtf-3d-cube > div:nth-child(2) { -webkit-transform: rotateY(90deg) rotateZ(0deg) translateZ(20px); -moz-transform: rotateY(90deg) rotateZ(0deg) translateZ(20px); transform: rotateY(90deg) rotateZ(0deg) translateZ(20px); background-color: #d1d1d1; } .edgtf-3d-cube-holder .edgtf-3d-cube > div:nth-child(3) { -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(20px); -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(20px); transform: rotateY(90deg) rotateX(90deg) translateZ(20px); background-color: #30271c; } .edgtf-3d-cube-holder .edgtf-3d-cube > div:nth-child(4) { -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(20px); -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(20px); transform: rotateY(180deg) rotateZ(90deg) translateZ(20px); background-color: #d1d1d1; } .edgtf-3d-cube-holder .edgtf-3d-cube > div:nth-child(5) { -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(20px); -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(20px); transform: rotateY(-90deg) rotateZ(90deg) translateZ(20px); background-color: #c7a17a; } .edgtf-3d-cube-holder .edgtf-3d-cube > div:nth-child(6) { -webkit-transform: rotateY(0deg) rotateZ(90deg) translateZ(20px); -moz-transform: rotateY(0deg) rotateZ(90deg) translateZ(20px); transform: rotateY(0deg) rotateZ(90deg) translateZ(20px); background-color: #c7a17a; } /* nodes - start */ @-webkit-keyframes edgtfNodes { 0% { background-color: #000; } 30% { background-color: #c7a17a; } 70% { background-color: #000; } } @keyframes edgtfNodes { 0% { background-color: #000; } 30% { background-color: #c7a17a; } 70% { background-color: #000; } } .edgtf-nodes { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; } .edgtf-nodes div { content: ''; position: absolute; display: inline-block; height: 5px; width: 5px; background-color: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation-name: edgtfNodes; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0s; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: edgtfNodes; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease; animation-delay: 0s; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ } .edgtf-nodes div:nth-child(1) { top: 10px; left: 0px; } .edgtf-nodes div:nth-child(2) { top: 10px; left: 7px; } .edgtf-nodes div:nth-child(3) { top: 10px; left: 14px; } .edgtf-nodes div:nth-child(4) { top: 10px; left: 21px; } .edgtf-nodes div:nth-child(5) { top: 17px; left: 0px; } .edgtf-nodes div:nth-child(6) { top: 17px; left: 7px; } .edgtf-nodes div:nth-child(7) { top: 17px; left: 14px; } .edgtf-nodes div:nth-child(8) { top: 17px; left: 21px; } .edgtf-nodes div:nth-child(9) { top: 24px; left: 0px; } .edgtf-nodes div:nth-child(10) { top: 24px; left: 7px; } .edgtf-nodes div:nth-child(11) { top: 24px; left: 14px; } .edgtf-nodes div:nth-child(12) { top: 24px; left: 21px; } .edgtf-nodes div:nth-child(13) { top: 31px; left: 0px; } .edgtf-nodes div:nth-child(14) { top: 31px; left: 7px; } .edgtf-nodes div:nth-child(15) { top: 31px; left: 14px; } .edgtf-nodes div:nth-child(16) { top: 31px; left: 21px; } .edgtf-nodes div:nth-child(9) { -webkit-animation-delay: .1s; animation-delay: .1s; } .edgtf-nodes div:nth-child(14) { -webkit-animation-delay: .2s; animation-delay: .2s; } .edgtf-nodes div:nth-child(5) { -webkit-animation-delay: .3s; animation-delay: .3s; } .edgtf-nodes div:nth-child(10) { -webkit-animation-delay: .4s; animation-delay: .4s; } .edgtf-nodes div:nth-child(15) { -webkit-animation-delay: .5s; animation-delay: .5s; } .edgtf-nodes div:nth-child(1) { -webkit-animation-delay: .6s; animation-delay: .6s; } .edgtf-nodes div:nth-child(6) { -webkit-animation-delay: .7s; animation-delay: .7s; } .edgtf-nodes div:nth-child(11) { -webkit-animation-delay: .8s; animation-delay: .8s; } .edgtf-nodes div:nth-child(16) { -webkit-animation-delay: .9s; animation-delay: .9s; } .edgtf-nodes div:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .edgtf-nodes div:nth-child(7) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .edgtf-nodes div:nth-child(12) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .edgtf-nodes div:nth-child(3) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } .edgtf-nodes div:nth-child(8) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .edgtf-nodes div:nth-child(4) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } /* pulse - start */ .edgtf-st-loader .pulse { width: 32px; height: 32px; margin: -16px 0px 0px -16px; background-color: #c7a17a; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; 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 */ .edgtf-st-loader .double_pulse { width: 40px; height: 40px; margin: -20px 0px 0px -20px; position: relative; } .edgtf-st-loader .double_pulse .double-bounce1, .edgtf-st-loader .double_pulse .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #c7a17a; 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; } .edgtf-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 */ .edgtf-st-loader .cube { width: 40px; height: 40px; background-color: #c7a17a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-animation: rotateplane 1.2s infinite ease-in-out; -moz-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes rotateplane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* cube - end */ /* rotating cubes - start */ .edgtf-st-loader .rotating_cubes { width: 32px; height: 32px; margin: -16px 0px 0px -16px; position: relative; } .edgtf-st-loader .rotating_cubes .cube1, .edgtf-st-loader .rotating_cubes .cube2 { background-color: #c7a17a; 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; } .edgtf-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 */ .edgtf-st-loader .stripes { width: 50px; height: 60px; margin: -30px 0px 0px -25px; text-align: center; font-size: 10px; } .edgtf-st-loader .stripes > div { background-color: #c7a17a; 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; } .edgtf-st-loader .stripes .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .edgtf-st-loader .stripes .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .edgtf-st-loader .stripes .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .edgtf-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 */ .edgtf-st-loader .wave { width: 72px; text-align: center; margin: -9px 0px 0px -36px; } .edgtf-st-loader .wave > div { width: 18px; height: 18px; background-color: #c7a17a; margin: 0px 3px 0px 0px; 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; } .edgtf-st-loader .wave .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .edgtf-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 */ .edgtf-st-loader .two_rotating_circles { width: 40px; height: 40px; margin: -20px 0px 0px -20px; position: relative; text-align: center; -webkit-animation: rotatecircles 2.0s infinite linear; animation: rotatecircles 2.0s infinite linear; } .edgtf-st-loader .two_rotating_circles .dot1, .edgtf-st-loader .two_rotating_circles .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #c7a17a; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .edgtf-st-loader .two_rotating_circles .dot2 { top: auto; bottom: 0px; -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 */ .edgtf-st-loader .five_rotating_circles { width: 60px; height: 60px; margin: -30px 0px 0px -30px; position: relative; } .edgtf-st-loader .five_rotating_circles .container1 > div, .edgtf-st-loader .five_rotating_circles .container2 > div, .edgtf-st-loader .five_rotating_circles .container3 > div { width: 12px; height: 12px; background-color: #c7a17a; 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; } .edgtf-st-loader .five_rotating_circles .spinner-container { position: absolute; width: 100%; height: 100%; } .edgtf-st-loader .five_rotating_circles .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .edgtf-st-loader .five_rotating_circles .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .edgtf-st-loader .five_rotating_circles .circle1 { top: 0; left: 0; } .edgtf-st-loader .five_rotating_circles .circle2 { top: 0; right: 0; } .edgtf-st-loader .five_rotating_circles .circle3 { right: 0; bottom: 0; } .edgtf-st-loader .five_rotating_circles .circle4 { left: 0; bottom: 0; } .edgtf-st-loader .five_rotating_circles .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .edgtf-st-loader .five_rotating_circles .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .edgtf-st-loader .five_rotating_circles .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .edgtf-st-loader .five_rotating_circles .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .edgtf-st-loader .five_rotating_circles .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .edgtf-st-loader .five_rotating_circles .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .edgtf-st-loader .five_rotating_circles .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .edgtf-st-loader .five_rotating_circles .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .edgtf-st-loader .five_rotating_circles .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .edgtf-st-loader .five_rotating_circles .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .edgtf-st-loader .five_rotating_circles .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } /* five_rotating_circles - end */ /* atom - start */ .edgtf-st-loader .atom { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } .edgtf-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; } .edgtf-st-loader .atom .ball-1:before { content: ''; background: #c7a17a; border-radius: 50%; height: 100%; width: 100%; position: absolute; top: -50%; left: -50%; } .edgtf-st-loader .atom .ball-2, .edgtf-st-loader .atom .ball-3, .edgtf-st-loader .atom .ball-4 { position: absolute; width: 100%; height: 100%; z-index: 0; } .edgtf-st-loader .atom .ball-2:before, .edgtf-st-loader .atom .ball-3:before, .edgtf-st-loader .atom .ball-4:before { content: ''; height: 20px; width: 20px; border-radius: 50%; background: #c7a17a; top: 0; left: 0; margin: 0 auto; position: absolute; } .edgtf-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); } .edgtf-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); } .edgtf-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); } .edgtf-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; } .edgtf-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; } .edgtf-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*/ .edgtf-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); } .edgtf-st-loader .clock .ball { height: 50px; width: 50px; position: absolute; } .edgtf-st-loader .clock .ball:before { content: ''; border-radius: 50%; height: 18.31501832px; width: 18.31501832px; position: absolute; background: #c7a17a; } .edgtf-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; } .edgtf-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; } .edgtf-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; } .edgtf-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*/ .edgtf-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); } .edgtf-st-loader .mitosis .ball { height: 100%; width: 100%; position: absolute; border-radius: 50%; top: 0; left: 0; background: #c7a17a; } .edgtf-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; } .edgtf-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; } .edgtf-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; } .edgtf-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*/ .edgtf-st-loader .lines { width: 60px; height: 60px; margin: 0 0 0 -30px; } .edgtf-st-loader .lines .line1, .edgtf-st-loader .lines .line2, .edgtf-st-loader .lines .line3, .edgtf-st-loader .lines .line4 { margin-left: 10px; position: absolute; width: 60px; height: 4px; background-color: #c7a17a; -webkit-animation: lines_spin 1.5s infinite linear; -webkit-animation-timing-function: ease; } .edgtf-st-loader .lines .line2 { -webkit-animation-delay: 0.1s; } .edgtf-st-loader .lines .line3 { -webkit-animation-delay: 0.2s; } .edgtf-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*/ .edgtf-st-loader .fussion { width: 30px; height: 30px; margin: -45px 0 0 -30px; position: relative; } .edgtf-st-loader .fussion .ball { height: 40px; width: 40px; left: 50%; top: 50%; background: #c7a17a; border-radius: 50%; float: left; position: absolute; } .edgtf-st-loader .fussion .ball-1 { background: #c7a17a; 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; } .edgtf-st-loader .fussion .ball-2 { background: #c7a17a; 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; } .edgtf-st-loader .fussion .ball-3 { background: #c7a17a; 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; } .edgtf-st-loader .fussion .ball-4 { background: #c7a17a; 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*/ .edgtf-st-loader .wave_circles { width: 150px; height: 30px; margin: -15px 0 0 -75px; } .edgtf-st-loader .wave_circles .ball { height: 30px; width: 30px; float: left; background: #c7a17a; border-radius: 50%; margin-right: 10px; } .edgtf-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; } .edgtf-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; } .edgtf-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; } .edgtf-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*/ .edgtf-st-loader .pulse_circles { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } .edgtf-st-loader .pulse_circles * { box-sizing: border-box; } .edgtf-st-loader .pulse_circles .ball { height: 100%; width: 100%; background: #c7a17a; position: absolute; border-radius: 50%; border: 0px solid #c7a17a; -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; } .edgtf-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; } .edgtf-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; } .edgtf-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*/ /* ========================================================================== #Comments styles - start ========================================================================== */ .edgtf-comment-holder { margin: 0 0 73px; padding-top: 30px; box-sizing: border-box; } .edgtf-comment-holder .edgtf-comment-image { display: block; width: 85px; height: 85px; border-radius: 100%; overflow: hidden; float: left; } .edgtf-comment-holder .edgtf-pingback-comment .edgtf-comment-text { padding: 0; } .edgtf-comment-holder .edgtf-comment-text { padding: 0 0 0 110px; min-height: 85px; } .edgtf-comment-holder .edgtf-comment-text .edgtf-text-holder > h1, .edgtf-comment-holder .edgtf-comment-text .edgtf-text-holder > h2, .edgtf-comment-holder .edgtf-comment-text .edgtf-text-holder > h3, .edgtf-comment-holder .edgtf-comment-text .edgtf-text-holder > h4, .edgtf-comment-holder .edgtf-comment-text .edgtf-text-holder > h5, .edgtf-comment-holder .edgtf-comment-text .edgtf-text-holder > h6 { padding: 15px 0; } .edgtf-comment-holder .edgtf-comment-text .edgtf-comment-info { display: inline-block; width: 100%; vertical-align: middle; } .edgtf-comment-holder .edgtf-comment-text .edgtf-reply-edit-holder { float: right; } .edgtf-comment-holder .edgtf-comment-text .replay, .edgtf-comment-holder .edgtf-comment-text .comment-reply-link, .edgtf-comment-holder .edgtf-comment-text .comment-edit-link { margin-left: 10px; text-transform: uppercase; letter-spacing: 1.5px; font-size: 12px; line-height: 34px; display: inline-block; color: #c7a17a; font-weight: 800; position: relative; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out; } .edgtf-comment-holder .edgtf-comment-text .replay:hover, .edgtf-comment-holder .edgtf-comment-text .comment-reply-link:hover, .edgtf-comment-holder .edgtf-comment-text .comment-edit-link:hover { color: #30271c; } .edgtf-comment-holder .edgtf-comment-text .edgtf-comment-name { float: left; } .edgtf-comment-holder .edgtf-comment-text .edgtf-comment-date { display: block; clear: both; margin-bottom: 25px; font-family: Merriweather, serif; font-size: 12px; line-height: 12px; font-style: italic; color: #c7a17a; } .edgtf-comment-holder .edgtf-comments-closed { padding-top: 16px; } .comment-respond .comment-reply-title { margin-bottom: 20px; } .comment-respond .comment-reply-title.edgtf-comment-reply-title-registered { margin-bottom: 0; } .comment-respond .logged-in-as { padding: 0; margin: 0; } .comment-respond .edgtf-comment-registered-user .logged-in-as { margin-bottom: 20px; } .comment-respond p.form-submit { margin: 0; padding: 0; } .edgtf-comment-list { list-style: none; position: relative; z-index: 150; padding: 0; margin: 0; } .edgtf-comment-list li { display: inline-block; position: relative; width: 100%; } .edgtf-comment-list li .edgtf-comment { padding-top: 45px; padding-bottom: 40px; border-bottom: 1px solid #efefef; } .edgtf-comment-list li .edgtf-comment p { margin: 0; } .edgtf-comment-list li.depth-2 .edgtf-comment { padding-left: 110px; } .edgtf-comment-list li.depth-3 .edgtf-comment { padding-left: 220px; } .edgtf-comment-list li.depth-4 .edgtf-comment { padding-left: 330px; } .edgtf-comment-list li.depth-5 .edgtf-comment { padding-left: 440px; } .edgtf-comment-list li.depth-6 .edgtf-comment { padding-left: 550px; } .edgtf-comment-list li.depth-7 .edgtf-comment { padding-left: 660px; } .edgtf-comment-list li.depth-8 .edgtf-comment { padding-left: 770px; } .edgtf-comment-list li.depth-9 .edgtf-comment { padding-left: 880px; } .edgtf-comment-list li.depth-10 .edgtf-comment { padding-left: 990px; } .edgtf-comment-list .children { padding: 0 0 0 0; } .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, #respond textarea, #respond input[type='text'], .post-password-form input[type='password'] { width: 100%; margin-bottom: 22px; padding: 17px 19px; border: 2px solid transparent; outline: 0; font-family: Merriweather, serif; font-style: italic; font-size: 13px; background-color: #f6f4ef; color: #c7a17a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0px; } .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, #respond textarea:focus, #respond input[type='text']:focus, .post-password-form input[type='password']:focus { border: 2px solid #eae7de; } ::-webkit-input-placeholder { color: #c7a17a; } :-moz-placeholder { color: #c7a17a; opacity: 1; } ::-moz-placeholder { color: #c7a17a; opacity: 1; } :-ms-input-placeholder { color: #c7a17a; } #submit_comment, .post-password-form input[type='submit'], input.wpcf7-form-control.wpcf7-submit { display: inline-block; width: auto; font-family: 'Open Sans',sans-serif; padding: 14px 35px; line-height: 1.7em; border: 2px solid #c7a17a; font-size: 13px; letter-spacing: 2.5px; font-weight: 800; text-transform: uppercase; color: #fff; background-color: #c7a17a; cursor: pointer; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } #submit_comment:hover, .post-password-form input[type='submit']:hover, input.wpcf7-form-control.wpcf7-submit:hover { color: #fff; background-color: #30271c; border-color: #30271c; } #submit_comment:focus, .post-password-form input[type='submit']:focus, input.wpcf7-form-control.wpcf7-submit:focus { outline: none; } /* ========================================================================== #Comments styles - end ========================================================================== */ /* ========================================================================== #Contact Form 7 styles - start ========================================================================== */ div.wpcf7 img.ajax-loader { display: none; } .edgtf-two-columns-form { display: table; width: 100%; } .edgtf-two-columns-form .edgtf-column-inner { vertical-align: middle; display: table-cell; } .edgtf-two-columns-form .edgtf-column-inner:last-child { width: 1%; text-align: left; padding-left: 9px; } .edgtf-two-columns-form .edgtf-column-inner:first-child { padding-right: 9px; } .edgtf-newsletter-form .wpcf7-form-control.wpcf7-text { width: 262px; border: 2px solid #d7d7d7; margin: 14px; background-color: rgba(255, 255, 255, 0.2); padding: 13px 21px; font-family: Merriweather, serif; font-style: italic; } .edgtf-newsletter-form input.wpcf7-form-control.wpcf7-submit { padding: 0 56px; } .edgtf-newsletter-form .ajax-loader { display: none !important; } .edgtf-cf7-submit-right { text-align: right; } .edgtf-cf7-submit-right .ajax-loader { display: none !important; } input[type=number] { -moz-appearance: textfield; } /* ========================================================================== #Contact Form 7 styles - end ========================================================================== */ /* ========================================================================== #Pagination styles - start ========================================================================== */ .edgtf-container.edgtf-container-bottom-navigation { background-color: #eae7de; padding: 35px 0; } .edgtf-container.edgtf-container-bottom-navigation .edgtf-container-inner { padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .edgtf-pagination-holder { display: table; table-layout: fixed; width: 100%; } .edgtf-pagination-holder .edgtf-pagination { display: table-cell; width: 100%; vertical-align: middle; position: relative; text-align: center; } .edgtf-pagination-holder .edgtf-pagination ul { display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .edgtf-pagination-holder .edgtf-pagination li { float: left; text-align: center; display: block; } .edgtf-pagination-holder .edgtf-pagination li a, .edgtf-pagination-holder .edgtf-pagination li.active span { position: relative; display: inline-block; padding: 0 13px; margin: 0; vertical-align: middle; text-decoration: none; font-weight: 700; font-size: 18px; font-family: Merriweather, serif; cursor: pointer; white-space: nowrap; box-sizing: content-box; color: #30271c; } .edgtf-pagination-holder .edgtf-pagination li a:hover, .edgtf-pagination-holder .edgtf-pagination li.active span:hover { color: #c7a17a; } .edgtf-pagination-holder .edgtf-pagination li.active span { color: #c7a17a; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-prev, .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-next, .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-first-page, .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-last-page { position: absolute; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-prev a, .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-next a, .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-first-page a, .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-last-page a { font-size: 20px; padding: 0; color: #30271c; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-prev a:hover, .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-next a:hover, .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-first-page a:hover, .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-last-page a:hover { color: #c7a17a; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-prev { left: 0; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-prev span { display: inline-block; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-prev.edgtf-pagination-prev-first { left: 25px; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-first-page { left: 0; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-next { right: 0; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-next span { display: inline-block; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-next.edgtf-pagination-next-last { right: 25px; } .edgtf-pagination-holder .edgtf-pagination li.edgtf-pagination-last-page { right: 0; } /* ========================================================================== #Pagination styles - end ========================================================================== */ /* ========================================================================== #Owl Slider (Blog single, Portfolio single) - begin ========================================================================== */ /*.edgtf-owl-slider { .owl-buttons { .owl-prev { position: absolute; top: 50%; @include edgtfTransform(translateY(-50%)); left: 2%; } .owl-next { position: absolute; top: 50%; @include edgtfTransform(translateY(-50%)); right: 2%; } .edgtf-prev-icon, .edgtf-next-icon { display: inline-block; width: 42px; height: 42px; @include edgtfBorderRadius(50%); border: 2px solid #fff; text-align: center; i { font-size: 22px; line-height: 40px; color: #fff; } } } .owl-pagination { text-align: center; .owl-page { display: inline-block; } .owl-page span { display: inline-block; width: 12px; height: 12px; margin: 3px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #e3e3e3; } .owl-page.active span { opacity: 1; } } }*/ /* ========================================================================== #Owl Slider (Blog single, Portfolio single) - end ========================================================================== */ /* ========================================================================== #Slick Slider navigation - start ========================================================================== */ .edgtf-slick-slider { opacity: 0; } .edgtf-slick-slider.slick-initialized { opacity: 1; } .edgtf-slick-slider-navigation-style:not(.edgtf-portfolio-media) .slick-list { padding: 10px 0; } .edgtf-slick-slider-navigation-style .edgtf-slick-prev, .edgtf-slick-slider-navigation-style .edgtf-slick-next { position: absolute; z-index: 100; top: 50%; display: block; padding: 0; cursor: pointer; border: none; outline: none; font-size: 40px; color: #c7a17a; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .edgtf-slick-slider-navigation-style .edgtf-slick-prev { left: 0; } .edgtf-slick-slider-navigation-style .edgtf-slick-next { right: 0; } .edgtf-slick-slider-navigation-style .edgtf-slick-dots { text-align: center; margin: 25px 0 0 0; padding: 0; position: absolute; width: 100%; top: 100%; } .edgtf-slick-slider-navigation-style .edgtf-slick-dots li { width: 10px; height: 10px; border-radius: 50%; background-color: #fff; box-sizing: border-box; display: inline-block; margin: 0 8px; cursor: pointer; position: relative; } .edgtf-slick-slider-navigation-style .edgtf-slick-dots li.slick-active { background-color: #c7a17a; } .edgtf-slick-slider-navigation-style .edgtf-slick-dots li:first-child { margin-left: 0; } .edgtf-slick-slider-navigation-style .edgtf-slick-dots li:last-child { margin-right: 0; } .edgtf-slick-slider-navigation-style .edgtf-slick-dots li button { display: none; } /* ========================================================================== #Slick Slider navigation - end ========================================================================== */ /* ========================================================================== #404 styles - start ========================================================================== */ .edgtf-404-page { padding: 0; } .edgtf-page-not-found { margin: 80px 0 85px; text-align: center; padding: 0 20%; } .edgtf-page-not-found .edgtf-page-not-found-top { font-family: "Oswald", sans-serif; font-size: 120px; letter-spacing: -6px; color: #313131; line-height: 1em; display: block; } .edgtf-page-not-found .edgtf-separator { width: 120px; border-bottom-width: 3px; margin-top: 30px; margin-bottom: 33px; } .edgtf-page-not-found h3 { margin-bottom: 24px; } .edgtf-page-not-found p { margin-bottom: 60px; line-height: 30px; } /* ========================================================================== #404 styles - end ========================================================================== */ /* ========================================================================== #Back to Top styles - start ========================================================================== */ #edgtf-back-to-top { position: fixed; width: 30px; right: 30px; bottom: 65px; margin: 0; z-index: 10000; -webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out; -moz-transition: opacity 0.15s ease-out, visibility 0.15s ease-out; transition: opacity 0.15s ease-out, visibility 0.15s ease-out; opacity: 0; visibility: hidden; } #edgtf-back-to-top.off { opacity: 0; visibility: hidden; } #edgtf-back-to-top.on { opacity: 1; visibility: visible; } #edgtf-back-to-top > span { width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; color: #fff; font-size: 20px; box-sizing: border-box; } #edgtf-back-to-top span span { display: block; line-height: inherit; } #edgtf-back-to-top span span:before { position: relative; left: -1px; } .edgtf-front-side { position: absolute; width: 100%; height: 100%; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; } .edgtf-front-side { background-color: #c7a17a; z-index: 1; -webkit-transition: all 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); -moz-transition: all 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); transition: all 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); } #edgtf-back-to-top.off .edgtf-front-side { -webkit-transform: rotate(0) translateZ(15px); -moz-transform: rotate(0) translateZ(15px); transform: rotate(0) translateZ(15px); } #edgtf-back-to-top.on .edgtf-front-side { -webkit-transform: rotate(0deg) translateZ(15px); -moz-transform: rotate(0deg) translateZ(15px); transform: rotate(0deg) translateZ(15px); } .edgtf-front-side:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: bottom; z-index: -1; background-color: #c7a17a; -webkit-transition: all 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); -moz-transition: all 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); transition: all 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); } .edgtf-front-side:hover:after { background-color: #9a6e41; } #edgtf-back-to-top:hover .edgtf-front-side { -webkit-transform: rotate(0) translateZ(15px); -moz-transform: rotate(0) translateZ(15px); transform: rotate(0) translateZ(15px); } #edgtf-back-to-top:hover .edgtf-back-side { -webkit-transform: rotate(0deg) translateZ(15px); -moz-transform: rotate(0deg) translateZ(15px); transform: rotate(0deg) translateZ(15px); z-index: 1; } /* ========================================================================== #Back to Top styles - end ========================================================================== */ /* ========================================================================== #Self Hosted Video styles - start ========================================================================== */ .edgtf-self-hosted-video-holder .edgtf-video-wrap .mejs-container, .edgtf-self-hosted-video-holder .edgtf-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 ========================================================================== */ /* ========================================================================== #Screen reader text - start ========================================================================== */ /* 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 { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ========================================================================== #Screen reader text - end ========================================================================== */ /* ========================================================================== #jQuery Datepicker styles - start ========================================================================== */ #ui-datepicker-div { z-index: 1000 !important; background-color: #fff; min-width: 271px; -webkit-box-shadow: 0 0 2px #ddd; -moz-box-shadow: 0 0 2px #ddd; box-shadow: 0 0 2px #ddd; font-size: 12px; } #ui-datepicker-div table tr { border: none; } #ui-datepicker-div table { padding: 0 4px 4px; } #ui-datepicker-div table td { padding: 3px; line-height: 1.5em; } #ui-datepicker-div .ui-datepicker-header { padding: 5px 16px; position: relative; } #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev { position: absolute; font-size: 14px; } #ui-datepicker-div .ui-datepicker-prev { left: 12px; } #ui-datepicker-div .ui-datepicker-next { right: 12px; } #ui-datepicker-div .ui-datepicker-title { text-align: center; } #ui-datepicker-div .ui-datepicker-today { color: #fff; background-color: #c7a17a; } #ui-datepicker-div .ui-datepicker-today a { color: #fff; } /* ========================================================================== #jQuery Datepicker styles - end ========================================================================== */ /* ========================================================================== 2. Header styles ========================================================================== */ .edgtf-logo-wrapper { display: inline-block; vertical-align: middle; } .edgtf-logo-wrapper a { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .edgtf-logo-wrapper a img { height: 100%; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .edgtf-logo-wrapper a img.edgtf-normal-logo { opacity: 1; } .edgtf-logo-wrapper a img.edgtf-dark-logo { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .edgtf-logo-wrapper a img.edgtf-light-logo { opacity: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); } .edgtf-main-menu { position: relative; display: inline-block; vertical-align: middle; height: 100%; } .edgtf-main-menu ul { list-style: none outside none; margin: 0; padding: 0; text-align: left; } .edgtf-main-menu ul li { position: relative; display: inline-block; float: left; padding: 0; margin: 0; background-repeat: no-repeat; background-position: right; } .edgtf-main-menu ul li a { font-size: 15px; line-height: 22px; font-weight: 700; color: #30271c; font-family: "Oswald", sans-serif; letter-spacing: 1.5px; text-transform: uppercase; } body:not(.edgtf-menu-with-large-icons) .edgtf-main-menu ul li a span.edgtf-item-inner i:before { margin: 0 7px 0 0; } .edgtf-main-menu ul li:hover a, .edgtf-main-menu ul li.edgtf-active-item a { color: #c7a17a; } .edgtf-main-menu ul li .plus { display: none; } .edgtf-main-menu > ul { display: inline-block; vertical-align: middle; position: relative; height: 100%; } .edgtf-main-menu > ul > li { height: 100%; } body:not(.edgtf-menu-item-first-level-bg-color) .edgtf-main-menu > ul > li:hover > a, .edgtf-main-menu > ul > li.edgtf-active-item > a { color: #c7a17a; } .edgtf-main-menu > ul > li.edgtf-has-sub > a i.edgtf-menu-arrow { display: inline-block; margin-left: 6px; } .edgtf-main-menu > ul > li.edgtf-has-sub > a .edgtf-item-inner > i.edgtf-menu-arrow { position: relative; left: 4px; } .edgtf-main-menu > ul > li.edgtf-has-sub > a span.plus { display: none; position: relative; right: 9px; font-family: 'ElegantIcons', serif; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #c7a17a; -webkit-font-smoothing: antialiased; } .edgtf-main-menu > ul > li.edgtf-has-sub > a span.plus:before { content: "\33"; } .edgtf-main-menu > ul > li > a { height: 100%; position: relative; padding: 0; display: inline-block; vertical-align: middle; border-style: solid; border-width: 0; border-color: transparent; background-color: transparent; -webkit-transition: color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out; -moz-transition: color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out; transition: color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out; } .edgtf-main-menu > ul > li > a:before { height: 2px; bottom: 0; } .edgtf-main-menu > ul > li > a:after { height: 1px; bottom: 4px; } body.edgtf-menu-with-large-icons .edgtf-main-menu > ul > li > a { text-align: center; vertical-align: middle; } .edgtf-main-menu > ul > li > a > span.edgtf-item-outer { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .edgtf-main-menu > ul > li > a span.edgtf-item-inner { display: inline-block; padding: 0 17px; border-width: 0; position: relative; border-color: transparent; background-color: transparent; -webkit-transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out; -moz-transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out; transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out; } body.edgtf-menu-with-large-icons .edgtf-main-menu > ul > li > a span.edgtf-item-inner { text-align: center; vertical-align: middle; } .edgtf-main-menu > ul > li > a span.edgtf-item-inner:before, .edgtf-main-menu > ul > li > a span.edgtf-item-inner:after, .edgtf-main-menu > ul > li > a:before, .edgtf-main-menu > ul > li > a:after { content: ""; display: none; position: absolute; left: 0; background-color: transparent; -webkit-transition: background-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; width: 100%; } .edgtf-main-menu > ul > li > a span.edgtf-item-inner:before { bottom: 0; height: 2px; } .edgtf-main-menu > ul > li > a span.edgtf-item-inner:after { height: 1px; bottom: 4px; } body.edgtf-menu-with-large-icons .edgtf-main-menu > ul > li > a span.edgtf-item-inner i { display: inline-block; width: 100%; vertical-align: middle; } .edgtf-main-menu > ul > li > a > i.blank { display: none; } body:not(.edgtf-menu-with-large-icons) .edgtf-main-menu .edgtf-drop-down .edgtf-menu-wide.edgtf-menu-icons .edgtf-menu-second i:before { margin: 0; } .edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-main-menu > ul > li > a, .edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-main-menu > ul > li > a { color: #ffffff; } .edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-social-icon-widget-holder, .edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-social-icon-widget-holder { color: #ffffff !important; } .edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):hover .edgtf-social-icon-widget-holder .edgtf-social-icon-widget, .edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header:hover .edgtf-social-icon-widget-holder .edgtf-social-icon-widget { opacity: .8; } .edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-main-menu > ul > li > a, .edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-main-menu > ul > li > a { color: #000000; } .edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-social-icon-widget-holder, .edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-social-icon-widget-holder { color: #000000 !important; } /* Narrow drop down styles ========================================================================== */ .edgtf-drop-down > ul > li:last-child > a > .edgtf-item-outer { border-right: 2px solid rgba(0, 0, 0, 0.5); padding-right: 17px; margin-right: 17px; } .edgtf-drop-down ul { list-style: none; } .edgtf-drop-down ul li { position: relative; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner > ul, .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul { display: inline-block; position: relative; background-color: #fff; } .edgtf-drop-down .edgtf-menu-second { left: 0; top: calc(100% + 1px); position: absolute; border-top: 2px solid #c7a17a; display: block; 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; } .edgtf-drop-down .edgtf-menu-second.edgtf-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; } header.transparent.fixed.scrolled .edgtf-drop-down .edgtf-menu-second, header.transparent.fixed_hiding.scrolled .edgtf-drop-down .edgtf-menu-second, header.transparent.with_border:not(.sticky) .edgtf-drop-down .edgtf-menu-second, header.transparent.edgtf-menu-item-first-level-bg-color:not(.sticky) .edgtf-drop-down .edgtf-menu-second { top: 100%; } header.transparent:not(.sticky) .edgtf-drop-down .edgtf-menu-second { top: 75%; } .edgtf-drop-down .edgtf-menu-second.right { right: 0; left: auto; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner { position: relative; padding: 0; display: block; z-index: 997; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner > ul > li:last-child > a, .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner > ul > li > ul > li:last-child > a, .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner > ul > li > ul > li > ul > li:last-child > a { border-bottom: 0; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul li { display: block; position: relative; float: none; height: auto; background: 0; -webkit-transition: background-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul li a, .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul li h4 { display: block; color: #666; height: auto; font-size: 13px; line-height: 35px; font-weight: 400; margin: 0 13px 0 21px; padding: 0 4px; float: none; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner > ul > li:hover > a, .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul li.edgtf-sub ul li:hover > a { color: #c7a17a; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul.right li a, .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul.right li h4 { text-align: right; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul.right li ul { left: -100%; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul.right li.edgtf-sub a i.edgtf-menu-arrow { right: auto; left: 15px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul li.edgtf-sub a i.edgtf-menu-arrow { position: absolute; top: 50%; right: 15px; display: inline-block; vertical-align: middle; font-size: 15px; margin: -6px 0 0; color: #30271c; } .edgtf-drop-down .edgtf-menu-second .edgtf-menu-inner ul li.edgtf-sub:hover a i.edgtf-menu-arrow { color: #c7a17a; } .edgtf-drop-down li.edgtf-menu-left-position .edgtf-menu-second { left: 0; } .edgtf-drop-down li.edgtf-menu-right-position .edgtf-menu-second { left: auto; right: 0; } .edgtf-drop-down li.edgtf-menu-left-position .edgtf-menu-second .edgtf-menu-inner > ul, .edgtf-drop-down li.edgtf-menu-right-position .edgtf-menu-second .edgtf-menu-inner > ul { width: auto; white-space: nowrap; } .edgtf-drop-down li.edgtf-menu-left-position .edgtf-menu-second .edgtf-menu-inner > ul > li, .edgtf-drop-down li.edgtf-menu-right-position .edgtf-menu-second .edgtf-menu-inner > ul > li { float: none; display: inline-block; width: 180px; vertical-align: top; } .edgtf-drop-down > ul > li:hover > .edgtf-menu-second { z-index: 20; } .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul { padding: 15px 0; } .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li:last-child { border-bottom: none; } .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li { padding: 0; width: 227px; -webkit-transition: background-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; } .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li ul { position: absolute; left: 100%; top: -17px; /* same as padding and border top in father ul */ border-top: 2px solid #c7a17a; height: auto; opacity: 0; overflow: hidden; z-index: 10; -webkit-transform: translateZ(0); -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li:hover ul { z-index: 20; opacity: 1; } .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul.right li ul { left: -100%; } .edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-drop-down > ul > li:last-child > a > .edgtf-item-outer, .edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-drop-down > ul > li:last-child > a > .edgtf-item-outer { border-right: 2px solid rgba(255, 255, 255, 0.5); } /* header.transparent .edgtf-drop-down li:not(.edgtf-menu-right-position):not(.edgtf-menu-left-position) .edgtf-menu-second:not(.right) { left: 16px; } */ header.transparent.edgtf-menu-item-first-level-bg-color .edgtf-drop-down .edgtf-menu-second:not(.right) { left: 0; } /* slide_from_bottom start */ body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .edgtf-menu-second { overflow: visible; -webkit-transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s; -moz-transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s; transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s; } body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second .edgtf-menu-inner > ul, body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner > ul { top: 30px; -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); } body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second.edgtf-drop-down-start .edgtf-menu-inner > ul, body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second.edgtf-drop-down-start .edgtf-menu-inner > ul { top: 0; } body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li ul { top: 22px; -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); } body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li:hover ul { top: -1px; /* same as padding in father ul */ } /* slide_from_bottom end */ /* slide_from_top start */ body.edgtf-dropdown-slide-from-top .edgtf-drop-down .edgtf-menu-second { overflow: visible; -webkit-transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s; -moz-transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s; transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s; } body.edgtf-dropdown-slide-from-top .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second .edgtf-menu-inner > ul, body.edgtf-dropdown-slide-from-top .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner > ul { top: -30px; -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); } body.edgtf-dropdown-slide-from-top .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second.edgtf-drop-down-start .edgtf-menu-inner > ul, body.edgtf-dropdown-slide-from-top .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second.edgtf-drop-down-start .edgtf-menu-inner > ul { top: 0; } body.edgtf-dropdown-slide-from-top .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li ul { top: -22px; -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); } body.edgtf-dropdown-slide-from-top .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li:hover ul { top: -1px; /* same as padding in father ul */ } /* slide_from_top end */ /* slide_from_left start */ body.edgtf-dropdown-slide-from-left .edgtf-drop-down .edgtf-menu-second { overflow: visible; -webkit-transition: top 0.15s ease-out, opacity 0.15s ease-out, height 0s ease-out 0.4s; -moz-transition: top 0.15s ease-out, opacity 0.15s ease-out, height 0s ease-out 0.4s; transition: top 0.15s ease-out, opacity 0.15s ease-out, height 0s ease-out 0.4s; } body.edgtf-dropdown-slide-from-left .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second .edgtf-menu-inner > ul, body.edgtf-dropdown-slide-from-left .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner > ul { left: -30px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } body.edgtf-dropdown-slide-from-left .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second.edgtf-drop-down-start .edgtf-menu-inner > ul, body.edgtf-dropdown-slide-from-left .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second.edgtf-drop-down-start .edgtf-menu-inner > ul { left: 0; } body.edgtf-dropdown-slide-from-left .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li ul { left: calc(100% - 30px); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } body.edgtf-dropdown-slide-from-left .edgtf-drop-down .edgtf-menu-narrow .edgtf-menu-second .edgtf-menu-inner ul li:hover ul { left: 100%; } /* slide_from_left end */ /* Wide drop down styles ========================================================================== */ .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul { padding: 30px 0 25px; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li { float: left; width: 274px; padding: 0px; border-left: 2px solid #ebebeb; border-bottom: 0; border-bottom-color: transparent; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li a { padding: 0 19px; margin-left: 13px; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li a, .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li h4, .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li.edgtf-sub a { background: 0; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li:last-child { margin-right: 0; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li:nth-child(4n+1) { clear: both; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li:hover { background-color: transparent; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li ul { display: block; left: 0; padding: 0 0 0; position: relative; top: 0; visibility: visible; background-color: transparent !important; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li ul .widget { padding: 0px 18px; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li ul li { border: 0; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li ul li.menu-item-has-children > a, .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second ul li ul li.menu-item-has-children > a:hover { border-bottom: 0 none; color: #393939; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second > .edgtf-menu-inner > ul { width: 1300px; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second > .edgtf-menu-inner > ul > li { width: 25%; } .edgtf-grid-1300 .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second > .edgtf-menu-inner > ul { width: 1300px; } .edgtf-grid-1200 .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second > .edgtf-menu-inner > ul { width: 1200px; } .edgtf-grid-1000 .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second > .edgtf-menu-inner > ul { width: 1000px; } .edgtf-grid-800 .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second > .edgtf-menu-inner > ul { width: 800px; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second i, .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second .edgtf-menu-inner ul li.edgtf-sub a i.edgtf-menu-arrow { display: none; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second .edgtf-menu-inner > ul > li > a { line-height: 18px; color: #30271c; font-size: 15px; font-weight: 700; padding-top: 11px; padding-bottom: 10px; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second .edgtf-menu-inner > ul > li > a:hover { color: #30271c; } .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second .edgtf-menu-inner ul li.edgtf-sub h4 a, .edgtf-drop-down .edgtf-menu-wide .edgtf-menu-second .edgtf-menu-inner ul li h4 a { padding: 0px !important; } .edgtf-drop-down .edgtf-menu-wide.edgtf-menu-left-position .edgtf-menu-second ul li, .edgtf-drop-down .edgtf-menu-wide.edgtf-menu-right-position .edgtf-menu-second ul li { width: 180px; } .edgtf-drop-down .edgtf-menu-wide:not(.edgtf-menu-right-position) .edgtf-menu-second ul li:first-child, .edgtf-drop-down .edgtf-menu-wide:not(.edgtf-menu-right-position) .edgtf-menu-second ul li:nth-child(4n+1) { border-left-color: transparent; } .edgtf-drop-down .edgtf-menu-wide.edgtf-menu-right-position .edgtf-menu-second ul li { float: right; } .edgtf-drop-down .edgtf-menu-wide.edgtf-menu-right-position .edgtf-menu-second ul li:last-child, .edgtf-drop-down .edgtf-menu-wide.edgtf-menu-right-position .edgtf-menu-second ul li:nth-child(4n) { border-left-color: transparent; } /* Wide drop down with full width background styles ========================================================================== */ .edgtf-drop-down .edgtf-menu-wide.wide-background .edgtf-menu-second { background-color: #fff; } .edgtf-drop-down .edgtf-menu-wide.wide-background .edgtf-menu-second .edgtf-menu-inner { text-align: center; } .edgtf-drop-down .edgtf-menu-wide.wide-background .edgtf-menu-second .edgtf-menu-inner ul { text-align: left; } /* Wide with icons drop down styles ========================================================================== */ .edgtf-drop-down .edgtf-menu-wide.edgtf-menu-icons .edgtf-menu-second ul li a span { position: relative; display: block; } .edgtf-drop-down .edgtf-menu-wide.edgtf-menu-icons .edgtf-menu-second i { width: 24px; height: auto; float: left; display: inline-block; vertical-align: middle; color: inherit; line-height: inherit; } .edgtf-drop-down .edgtf-menu-wide.edgtf-menu-icons .edgtf-menu-second i.blank { background: none; border: 0px; display: none; } .edgtf-search a { color: #fff; } .edgtf-sections-link a { color: #fff; } .edgtf-sections-link a span { font-size: 10px; font-weight: 700; } .edgtf-sections-link a i { display: inline-block; vertical-align: middle; margin-right: 10px; } .edgtf-top-bar { width: 100%; background-color: #232323; color: #d6d6d6; position: relative; font-weight: 400; height: 45px; z-index: 111; display: inline-block; vertical-align: middle; } .edgtf-top-bar a { color: #d6d6d6; } .edgtf-top-bar a:hover { color: #fff; } .edgtf-top-bar .edgtf-grid { height: 100%; } .edgtf-top-bar .edgtf-grid .edgtf-vertical-align-containers { padding-left: 0; padding-right: 0; } .edgtf-top-bar .edgtf-logo-wrapper a { max-height: 45px; } .edgtf-top-bar .edgtf-position-center p { font-size: 13px; color: #c99e66; } .edgtf-top-bar .widget { display: inline-block; vertical-align: middle; margin-right: 22px; padding-right: 22px; position: relative; line-height: 40px; font-size: 12px; } .edgtf-top-bar .widget:after { position: absolute; border-right: 1px solid #888; height: 15px; content: ''; width: 1px; right: 0; top: 30%; } .edgtf-top-bar .widget:last-child { border: 0; padding-right: 0; margin-right: 0; } .edgtf-top-bar .widget:last-child:after { border-right: 0; } .edgtf-top-bar .widget.widget_nav_menu { padding-right: 0; } .edgtf-top-bar .widget.widget_nav_menu ul { margin: 0; list-style: none; } .edgtf-top-bar .widget.widget_nav_menu li { padding: 0 17px; border-left: 1px solid #888; line-height: 15px; } .edgtf-top-bar .widget.widget_nav_menu li:first-child { border: none; } .edgtf-top-bar .widget.widget_nav_menu li:last-child { padding-right: 0; } .edgtf-top-bar .widget.widget_nav_menu .menu-item { display: inline-block; } .edgtf-light-header .edgtf-top-bar { color: #ffffff !important; } .edgtf-light-header .edgtf-top-bar .widget { color: #ffffff !important; } .edgtf-light-header .edgtf-top-bar .widget p, .edgtf-light-header .edgtf-top-bar .widget a, .edgtf-light-header .edgtf-top-bar .widget span, .edgtf-light-header .edgtf-top-bar .widget i, .edgtf-light-header .edgtf-top-bar .widget .widgettitle { color: #ffffff !important; } .edgtf-dark-header .edgtf-top-bar { color: #000000 !important; } .edgtf-dark-header .edgtf-top-bar .widget { color: #000000 !important; } .edgtf-dark-header .edgtf-top-bar .widget p, .edgtf-dark-header .edgtf-top-bar .widget a, .edgtf-dark-header .edgtf-top-bar .widget span, .edgtf-dark-header .edgtf-top-bar .widget i, .edgtf-dark-header .edgtf-top-bar .widget .widgettitle { color: #000000 !important; } .edgtf-header-standard .edgtf-menu-area { background-color: #fff; box-sizing: border-box; } .edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers .edgtf-position-right-inner { height: 100%; } .edgtf-header-standard .edgtf-search-opener { font-size: 16px; } .edgtf-header-standard .edgtf-search-opener, .edgtf-header-standard .edgtf-fullscreen-menu-opener { position: relative; padding-right: 3px; padding-left: 10px; display: inline-block; vertical-align: middle; height: 29px; color: #30271c; } .edgtf-header-standard .edgtf-search-opener:hover, .edgtf-header-standard .edgtf-fullscreen-menu-opener:hover { color: #c7a17a; } .edgtf-header-standard .edgtf-side-menu-button-opener { margin-left: 13px; } .edgtf-header-vertical .edgtf-logo-wrapper { z-index: 100; display: block; position: relative; text-align: center; overflow: hidden; padding: 0 45px; } .edgtf-header-vertical .edgtf-logo-wrapper a { display: block; position: relative; height: 100%; } .edgtf-header-vertical .edgtf-logo-wrapper img { display: block; height: auto; max-height: 100%; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .edgtf-header-vertical .edgtf-vertical-area-widget-holder { z-index: 100; position: absolute; bottom: 20px; padding: 0 27px; text-align: center; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .menu-item .edgtf-menu-second { position: absolute; top: -16px; left: 100%; width: 100%; margin-left: 50px; opacity: 0; background-color: rgba(48, 39, 28, 0.97); visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .menu-item .edgtf-menu-second * { visibility: hidden; -webkit-transition: visibility 0.3s ease-in-out; -moz-transition: visibility 0.3s ease-in-out; transition: visibility 0.3s ease-in-out; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .edgtf-menu-inner ul { margin: 0; padding: 0; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .menu-item .edgtf-menu-second.edgtf-float-open { margin-left: 0px; opacity: 1; visibility: visible; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .menu-item .edgtf-menu-second.edgtf-float-open * { visibility: visible; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .menu-item .edgtf-menu-second.vertical_menu_start ul li ul, .edgtf-header-vertical .edgtf-vertical-dropdown-float .menu-item .edgtf-menu-second.vertical_menu_start ul li ul * { visibility: hidden; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .menu-item .edgtf-menu-second.vertical_menu_start ul li ul.edgtf-float-open, .edgtf-header-vertical .edgtf-vertical-dropdown-float .menu-item .edgtf-menu-second.vertical_menu_start ul li ul.edgtf-float-open * { visibility: visible; opacity: 1; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .edgtf-menu-second .edgtf-menu-inner ul { width: 100%; padding: 17px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .edgtf-menu-second .edgtf-menu-inner ul ul { position: absolute; border: none; top: -17px; left: 100%; margin-left: 50px; height: auto; visibility: hidden; width: 100%; opacity: 0; overflow: hidden; z-index: 10; background-color: rgba(48, 39, 28, 0.97); padding: 17px 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .edgtf-menu-second .edgtf-menu-inner ul ul.edgtf-float-open { opacity: 1; z-index: 300; margin-left: 0; visibility: visible; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .edgtf-menu-second .edgtf-menu-inner ul li a { display: block; height: auto; font-weight: 700; line-height: 18px; color: #fff; margin: 0; font-size: 13px; padding: 10px 20px; text-decoration: none; position: relative; font-family: "Oswald", sans-serif; text-transform: uppercase; letter-spacing: 1.5px; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .edgtf-menu-second .edgtf-menu-inner ul li a:hover { color: #c7a17a; } .edgtf-header-vertical .edgtf-vertical-dropdown-float ul li a .edgtf-menu-arrow { display: none; } .edgtf-header-vertical .edgtf-vertical-dropdown-float .edgtf-menu-second .edgtf-menu-inner > ul > li > a .edgtf-menu-icon { -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .edgtf-header-vertical .edgtf-vertical-menu { position: relative; z-index: 101; margin: 80px 0 0; text-align: left; /*& > ul > li > a:before { content: ''; display: block; opacity: 0; height: 100%; position: absolute; top: 0; left: 0; width: 5px; background-color: $first-main-color; -webkit-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; -o-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; -ms-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; transition: background-color 0.2s ease-out, opacity 0.2s ease-out; @include edgtfTransition(background-color 0.2s ease-out, opacity 0.2s ease-out); }*/ } .edgtf-header-vertical .edgtf-vertical-menu ul { position: relative; list-style-type: none; } .edgtf-header-vertical .edgtf-vertical-menu ul li { position: relative; } .edgtf-header-vertical .edgtf-vertical-menu > ul > li > a { position: relative; display: block; padding: 11px 45px; line-height: 18px; color: #fff; font-weight: 700; text-decoration: none; margin: 0; cursor: pointer; font-size: 15px; text-transform: uppercase; letter-spacing: 1.5px; font-family: "Oswald", sans-serif; -webkit-transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out; -moz-transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out; transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out; } .edgtf-header-vertical .edgtf-vertical-menu > ul > li > a:hover { color: #c7a17a; } .edgtf-header-vertical .edgtf-vertical-menu > ul > li > a:after { display: none; height: 1px; width: 44px; content: ''; position: absolute; left: 0; bottom: 0; background-color: #c7a17a; } .edgtf-header-vertical .edgtf-vertical-menu > ul > li > a > span.edgtf-item-inner { -webkit-transition: text-decoration 0.2s ease-out; -moz-transition: text-decoration 0.2s ease-out; transition: text-decoration 0.2s ease-out; } .edgtf-header-vertical .edgtf-vertical-menu > ul > li:last-child > a:after { content: none; } .edgtf-header-vertical .edgtf-vertical-menu ul > li.menu-item-has-children > a .plus { width: 14px; height: 14px; z-index: 10000; float: right; color: #c7a17a; font-size: 14px; line-height: 14px; font-family: 'ElegantIcons'; cursor: pointer; } .edgtf-header-vertical .edgtf-vertical-menu ul > li.menu-item-has-children > a .edgtf-item-inner { float: left; } .edgtf-header-vertical .edgtf-vertical-menu ul > li.menu-item-has-children > a .edgtf-item-outer:after, .edgtf-header-vertical .edgtf-vertical-menu ul > li.menu-item-has-children > a .edgtf-item-outer:before { content: ' '; display: table; } .edgtf-header-vertical .edgtf-vertical-menu ul > li.menu-item-has-children > a .edgtf-item-outer:after { clear: both; } .edgtf-header-vertical .edgtf-vertical-menu ul > li.menu-item-has-children > a .plus:before { content: "\35"; } .edgtf-header-vertical .edgtf-vertical-menu ul > li.menu-item-has-children.open > a .plus:before, .edgtf-header-vertical .edgtf-vertical-menu ul > li.menu-item-has-children.current-menu-ancestor > a .plus:before { content: "\35"; } .edgtf-header-vertical .edgtf-vertical-menu ul > li.menu-item-has-children a .plus { display: none; } .edgtf-header-vertical .edgtf-vertical-menu .edgtf-menu-second .inner { position: relative; display: block; padding: 0; z-index: 997; } .edgtf-header-vertical .edgtf-vertical-menu .edgtf-menu-icon:not(.blank):not(.null) { padding-right: 5px; } .edgtf-header-vertical .edgtf-content, .edgtf-header-vertical footer { padding-left: 290px; box-sizing: border-box; } .edgtf-header-vertical .edgtf-vertical-menu-area { position: fixed; width: 290px; top: 0; left: 0; padding: 35px 0; background-color: transparent; height: 100%; z-index: 101; -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } .edgtf-header-vertical.admin-bar .edgtf-vertical-menu-area { top: 33px; } .edgtf-header-vertical .edgtf-vertical-menu-area.edgtf-with-scroll { overflow: hidden; } .edgtf-header-vertical .edgtf-vertical-area-background { position: fixed; width: 290px; height: 100%; background-position: right top; background-repeat: no-repeat; background-color: #30271c; background-size: cover; top: 0; left: 0; z-index: 0; opacity: 1; -webkit-transition: opacity 0.5s ease, background-color 0.5s ease; -moz-transition: opacity 0.5s ease, background-color 0.5s ease; transition: opacity 0.5s ease, background-color 0.5s ease; } .edgtf-header-vertical .edgtf-search-wrapper { font-size: 0; position: relative; } .edgtf-header-vertical .edgtf-search-wrapper #s { border: 2px solid #565656; padding: 0 14px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background: transparent; outline: none; height: 41px; line-height: 41px; vertical-align: middle; width: 100%; position: relative; color: #858585; box-sizing: border-box; font-family: 'Open Sans', serif; font-size: 13px; } .edgtf-header-vertical .edgtf-search-wrapper #searchsubmit { font-family: 'ElegantIcons', serif; font-size: 13px; -webkit-appearance: none !important; background: transparent; border: none; outline: none !important; cursor: pointer; height: 41px; line-height: 41px; vertical-align: middle; color: #fff; position: absolute; top: 0; right: 10px; } .edgtf-header-full-screen .edgtf-menu-area { background-color: #fff; box-sizing: border-box; } .edgtf-header-full-screen .edgtf-search-opener { font-size: 15px; } .edgtf-header-full-screen .edgtf-fullscreen-menu-opener { position: relative; display: inline-block; vertical-align: middle; } .edgtf-mobile-header .edgtf-mobile-nav { display: none; background-color: #fff; } .edgtf-mobile-header .edgtf-mobile-nav ul { list-style-type: none; margin: 0; } .edgtf-mobile-header .edgtf-mobile-nav ul ul { margin-left: 20px; display: none; } .edgtf-mobile-header .edgtf-mobile-nav li { position: relative; } .edgtf-mobile-header .edgtf-mobile-nav a, .edgtf-mobile-header .edgtf-mobile-nav h4 { border-bottom: 1px solid #eaeaea; display: block; font-size: 13px; color: #8d8d8d; padding: 9px 0px; display: block; position: relative; text-transform: none; line-height: 17px; letter-spacing: 0; } .edgtf-mobile-header .edgtf-mobile-nav a:hover, .edgtf-mobile-header .edgtf-mobile-nav h4:hover { color: #c7a17a; } .edgtf-mobile-header .edgtf-mobile-nav .mobile_arrow { position: absolute; right: 0; top: 0; line-height: 35px; height: 35px; padding-right: 10px; width: 50px; text-align: right; } .edgtf-mobile-header .edgtf-mobile-nav .mobile_arrow:hover { cursor: pointer; } .edgtf-mobile-header .edgtf-mobile-nav .mobile_arrow .edgtf-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; } .edgtf-mobile-header .edgtf-mobile-nav .mobile_arrow .fa-angle-down { display: none; } .edgtf-mobile-header .edgtf-mobile-nav li.edgtf-opened > .mobile_arrow > .edgtf-sub-arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .edgtf-mobile-header .edgtf-mobile-nav > ul > li:last-child > a, .edgtf-mobile-header .edgtf-mobile-nav > .edgtf-grid > ul > li:last-child > a { border-bottom: none; } /* ========================================================================== #Mobile header styles ========================================================================== */ .edgtf-mobile-header { display: none; position: relative; 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 ========================================================================== */ } .edgtf-mobile-header .edgtf-mobile-header-inner { height: 100px; background-color: #fff; position: relative; } .edgtf-mobile-header .edgtf-mobile-header-inner .edgtf-mobile-header-holder { position: relative; z-index: 2; height: 100%; } .edgtf-mobile-header .edgtf-grid { height: 100%; } .edgtf-mobile-header .edgtf-vertical-align-containers { padding: 0; } .edgtf-mobile-header .edgtf-mobile-logo-wrapper a { display: block; max-height: 80px; } .edgtf-mobile-header .edgtf-mobile-logo-wrapper img { height: 100%; width: auto; } .edgtf-mobile-header .edgtf-mobile-menu-opener { float: left; position: relative; z-index: 2; height: 100%; } .edgtf-mobile-header .edgtf-mobile-menu-opener a { display: table; height: 100%; padding-right: 10px; color: #000; } .edgtf-mobile-header .edgtf-mobile-menu-opener a:hover { color: #c7a17a; } .edgtf-mobile-header .edgtf-mobile-menu-opener .edgtf-mobile-opener-icon-holder { display: table-cell; vertical-align: middle; } /* ========================================================================== #End of mobile header styles ========================================================================== */ /* ========================================================================== #Sticky mobile header styles ========================================================================== */ .edgtf-sticky-up-mobile-header .edgtf-animate-mobile-header .edgtf-mobile-header-inner { width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); top: 0; left: 0; position: fixed; } .edgtf-sticky-up-mobile-header .mobile-header-appear .edgtf-mobile-header-inner { -webkit-transition: -webkit-transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; -moz-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; -o-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } /* ========================================================================== #End of sticky mobile header styles ========================================================================== */ .edgtf-page-header { display: inline-block; margin: 0; position: relative; vertical-align: middle; width: 100%; z-index: 110; /* ========================================================================== #General header layout - start ========================================================================== */ /* ========================================================================== #General header layout - end ========================================================================== */ /* ========================================================================== #Logo area styles - start ========================================================================== */ /* ========================================================================== #Logo area styles - end ========================================================================== */ /* ========================================================================== #Menu area styles - start ========================================================================== */ /* ========================================================================== #Menu area styles - end ========================================================================== */ /* ========================================================================== #Sticky header styles - start ========================================================================== */ /* ========================================================================== #Sticky header styles - start ========================================================================== */ /* ========================================================================== #Fixed header styles - start ========================================================================== */ /* ========================================================================== #Fixed header - end ========================================================================== */ } .edgtf-page-header a img { display: block; } .edgtf-page-header .edgtf-grid { height: 100%; } .edgtf-page-header .edgtf-grid .edgtf-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; } .edgtf-page-header .edgtf-logo-area { height: 220px; overflow: hidden; position: relative; } .edgtf-page-header .edgtf-logo-area .edgtf-logo-wrapper a { max-height: 198px; } .edgtf-page-header .edgtf-menu-area { height: 70px; position: relative; border-bottom: 1px solid transparent; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .edgtf-page-header .edgtf-menu-area .edgtf-logo-wrapper a { max-height: 63px; } .edgtf-page-header .edgtf-sticky-header { height: 60px; width: 100%; position: fixed; top: 0; left: 0; z-index: 100; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.33s ease; transition: transform 0.3s ease; -webkit-backface-visibility: hidden; } .edgtf-page-header .edgtf-sticky-header.header-appear { transform: translateY(0%); } .edgtf-page-header .edgtf-sticky-header .edgtf-sticky-holder { height: 100%; background-color: #fdfdfd; position: relative; z-index: 2; box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05); box-sizing: border-box; border-bottom: 1px solid #fdfdfd; } .admin-bar .edgtf-page-header .edgtf-sticky-header.header-appear { top: 32px; } .edgtf-page-header .edgtf-sticky-header .edgtf-sticky-holder .edgtf-logo-wrapper a { max-height: 54px; } .edgtf-page-header .edgtf-sticky-header .edgtf-sticky-right { display: inline-block; vertical-align: middle; } .edgtf-page-header .edgtf-sticky-header .edgtf-position-right-inner { height: 100%; } .edgtf-page-header .edgtf-fixed-wrapper.fixed { width: 100%; position: fixed; left: 0px; top: 0px; -webkit-backface-visibility: hidden; } /* ========================================================================== #Light header - begin ========================================================================== */ .edgtf-light-header .edgtf-logo-area, .edgtf-light-header .edgtf-menu-area, .edgtf-light-header .edgtf-vertical-menu-area { color: #ffffff !important; } .edgtf-light-header .edgtf-logo-area .widget, .edgtf-light-header .edgtf-menu-area .widget, .edgtf-light-header .edgtf-vertical-menu-area .widget { color: #ffffff !important; } .edgtf-light-header .edgtf-logo-area .widget p, .edgtf-light-header .edgtf-logo-area .widget a, .edgtf-light-header .edgtf-logo-area .widget span, .edgtf-light-header .edgtf-logo-area .widget i, .edgtf-light-header .edgtf-logo-area .widget .widgettitle, .edgtf-light-header .edgtf-menu-area .widget p, .edgtf-light-header .edgtf-menu-area .widget a, .edgtf-light-header .edgtf-menu-area .widget span, .edgtf-light-header .edgtf-menu-area .widget i, .edgtf-light-header .edgtf-menu-area .widget .widgettitle, .edgtf-light-header .edgtf-vertical-menu-area .widget p, .edgtf-light-header .edgtf-vertical-menu-area .widget a, .edgtf-light-header .edgtf-vertical-menu-area .widget span, .edgtf-light-header .edgtf-vertical-menu-area .widget i, .edgtf-light-header .edgtf-vertical-menu-area .widget .widgettitle { color: #ffffff !important; } .edgtf-light-header .edgtf-logo-area .edgtf-light-logo, .edgtf-light-header .edgtf-menu-area .edgtf-light-logo, .edgtf-light-header .edgtf-vertical-menu-area .edgtf-light-logo { opacity: 1; } .edgtf-light-header .edgtf-logo-area .edgtf-dark-logo, .edgtf-light-header .edgtf-logo-area .edgtf-normal-logo, .edgtf-light-header .edgtf-menu-area .edgtf-dark-logo, .edgtf-light-header .edgtf-menu-area .edgtf-normal-logo, .edgtf-light-header .edgtf-vertical-menu-area .edgtf-dark-logo, .edgtf-light-header .edgtf-vertical-menu-area .edgtf-normal-logo { opacity: 0; } /* ========================================================================== #Light header - end ========================================================================== */ /* ========================================================================== #Dark header - begin ========================================================================== */ .edgtf-dark-header .edgtf-logo-area, .edgtf-dark-header .edgtf-menu-area, .edgtf-dark-header .edgtf-vertical-menu-area { color: #000000 !important; } .edgtf-dark-header .edgtf-logo-area .widget, .edgtf-dark-header .edgtf-menu-area .widget, .edgtf-dark-header .edgtf-vertical-menu-area .widget { color: #000000 !important; } .edgtf-dark-header .edgtf-logo-area .widget p, .edgtf-dark-header .edgtf-logo-area .widget a, .edgtf-dark-header .edgtf-logo-area .widget span, .edgtf-dark-header .edgtf-logo-area .widget i, .edgtf-dark-header .edgtf-logo-area .widget .widgettitle, .edgtf-dark-header .edgtf-menu-area .widget p, .edgtf-dark-header .edgtf-menu-area .widget a, .edgtf-dark-header .edgtf-menu-area .widget span, .edgtf-dark-header .edgtf-menu-area .widget i, .edgtf-dark-header .edgtf-menu-area .widget .widgettitle, .edgtf-dark-header .edgtf-vertical-menu-area .widget p, .edgtf-dark-header .edgtf-vertical-menu-area .widget a, .edgtf-dark-header .edgtf-vertical-menu-area .widget span, .edgtf-dark-header .edgtf-vertical-menu-area .widget i, .edgtf-dark-header .edgtf-vertical-menu-area .widget .widgettitle { color: #000000 !important; } .edgtf-dark-header .edgtf-logo-area .edgtf-dark-logo, .edgtf-dark-header .edgtf-menu-area .edgtf-dark-logo, .edgtf-dark-header .edgtf-vertical-menu-area .edgtf-dark-logo { opacity: 1; } .edgtf-dark-header .edgtf-logo-area .edgtf-normal-logo, .edgtf-dark-header .edgtf-logo-area .edgtf-light-logo, .edgtf-dark-header .edgtf-menu-area .edgtf-normal-logo, .edgtf-dark-header .edgtf-menu-area .edgtf-light-logo, .edgtf-dark-header .edgtf-vertical-menu-area .edgtf-normal-logo, .edgtf-dark-header .edgtf-vertical-menu-area .edgtf-light-logo { opacity: 0; } /* ========================================================================== #Dark header - end ========================================================================== */ /* ========================================================================== 3. Footer styles ========================================================================== */ /* ========================================================================== # Footer style - begin ========================================================================== */ footer { display: block; width: 100%; margin: 0 auto; z-index: 100; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer .edgtf-footer-inner { position: relative; /* for triangle back to top and ajax transitions */ } footer .edgtf-container { background-color: inherit; } footer .edgtf-container-inner { position: relative; } footer .edgtf-container-inner > .widget { text-align: center; } footer a { text-decoration: none; } footer a:hover { color: #c7a17a; } footer .edgtf-footer-ingrid-border-holder-outer { background-color: #1d1d1d; } footer .edgtf-footer-top-border-holder, footer .edgtf-footer-bottom-border-holder { position: relative; display: block; width: 100%; } footer .edgtf-footer-top-border-holder.edgtf-in-grid, footer .edgtf-footer-bottom-border-holder.edgtf-in-grid { width: 1300px; margin: 0 auto; } footer .edgtf-footer-top-holder { display: block; background-color: #212121; position: relative; background-position: center center; background-size: cover; border-bottom: 1px solid #212121; } footer .edgtf-footer-top .edgtf-footer-top-full { padding: 68px 25px 62px; } footer .edgtf-footer-top:not(.edgtf-footer-top-full) .edgtf-container-inner { padding: 70px 0 41px; } footer .edgtf-footer-top.edgtf-footer-top-aligment-center { text-align: center; } footer .edgtf-footer-top.edgtf-footer-top-aligment-left { text-align: left; } footer .edgtf-footer-top.edgtf-footer-top-aligment-right { text-align: right; } footer .edgtf-footer-bottom-holder { width: 100%; background-color: #000; vertical-align: middle; text-align: center; padding: 18px 0; border-top: 1px solid #000; } footer .edgtf-footer-bottom-holder .edgtf-column-inner { text-align: center; vertical-align: middle; } footer .edgtf-footer-bottom-holder .edgtf-three-columns .edgtf-column:first-child .edgtf-column-inner { text-align: left; } footer .edgtf-footer-bottom-holder .edgtf-three-columns .edgtf-column:last-child .edgtf-column-inner { text-align: right; } footer .edgtf-footer-bottom-holder .edgtf-two-columns-50-50 .edgtf-column:first-child .edgtf-column-inner { text-align: left; } footer .edgtf-footer-bottom-holder .edgtf-two-columns-50-50 .edgtf-column:last-child .edgtf-column-inner { text-align: right; } footer .edgtf-footer-bottom-holder .edgtf-footer-bottom-border-bottom-holder { clear: both; } footer .edgtf-search-wrapper { position: relative; line-height: normal; } footer .edgtf-search-wrapper input[type='text'] { width: 100%; outline: none; border: 2px solid #e2e2e2; line-height: 37px; height: 37px; box-sizing: border-box; padding: 0 37px 0 15px; font-size: 14px; font-weight: 400; color: #666; background-color: #fff; } footer .edgtf-search-wrapper ::-webkit-input-placeholder { color: #666; opacity: 1; } footer .edgtf-search-wrapper :-moz-placeholder { color: #666; opacity: 1; } footer .edgtf-search-wrapper ::-moz-placeholder { color: #666; opacity: 1; } footer .edgtf-search-wrapper :-ms-input-placeholder { color: #666; opacity: 1; } footer .edgtf-search-wrapper input[type='submit'] { position: absolute; right: 0; top: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; cursor: pointer; font-size: 15px; color: #fff; font-family: 'ElegantIcons', serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; border: none; background: #c7a17a; padding: 0; letter-spacing: normal; -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; } footer .edgtf-search-wrapper input[type='submit']:hover { color: #30271c; } /* Footer uncover - begin ========================================================================== */ @media only screen and (min-width: 1025px) { body:not(.error404) footer.edgtf-footer-uncover { position: fixed; bottom: 0; left: 0; z-index: 99; -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); } body:not(.error404) footer.edgtf-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-text, body:not(.error404) footer.edgtf-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-number, body:not(.error404) footer.edgtf-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-date, body:not(.error404) footer.edgtf-footer-uncover .cf7_custom_style_2 textarea.wpcf7-form-control.wpcf7-textarea, body:not(.error404) footer.edgtf-footer-uncover .cf7_custom_style_2 select.wpcf7-form-control.wpcf7-select, body:not(.error404) footer.edgtf-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-quiz { transform: none; } .edgtf-right-side-menu-opened footer.edgtf-footer-uncover { left: -370px; } } /* Footer uncover - end ========================================================================== */ /* Footer boxed - begin ========================================================================== */ .boxed footer { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ } /* Footer boxed - end ========================================================================== */ /* Footer disabled - begin ========================================================================== */ footer.edgtf-disable-footer { display: none; } /* Footer disabled - end ========================================================================== */ /* ========================================================================== # Footer style - end ========================================================================== */ /* ========================================================================== # Footer widgets - begin ========================================================================== */ footer .widget { margin-bottom: 20px; } footer .widget:last-child { margin-bottom: 0; } footer .widget .edgtf-footer-widget-title { color: #ffffff; margin-bottom: 40px; } footer .widget.widget_edgtf_instagram_widget .edgtf-footer-widget-title { margin-bottom: 31px; } footer .widget ul { list-style: none; } footer .widget ul li { padding-bottom: 15px; } footer .widget ul li a { color: #fff; font-family: Merriweather, serif; font-style: italic; } footer .widget ul li a:hover { color: #c7a17a; } footer .widget select, footer .widget input[type="text"] { width: 100%; overflow: hidden; border: 1px solid #e9e9e9; background-color: #f6f6f5; padding: 0 10px; height: 35px; outline: none; color: #7f8385; font-family: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer .widget.widget_recent_entries ul li { margin-bottom: 13px; border-bottom: 1px solid rgba(168, 164, 161, 0.25); } footer .widget.widget_recent_entries ul li:last-child { border: none; } footer .widget.widget_recent_entries ul li a { font-family: "Oswald", sans-serif; text-transform: uppercase; letter-spacing: 0.5px; font-style: normal; } footer .widget.widget_recent_entries .post-date { display: block; font-size: 13px; line-height: 14px; color: #c7a17a; font-family: Merriweather, serif; font-style: italic; } footer .widget.widget_text { color: #acacac; } footer .widget .edgtf-working-hours-holder { width: 70%; } footer .widget .edgtf-working-hours-holder .edgtf-wh-day, footer .widget .edgtf-working-hours-holder .edgtf-wh-hours { font-size: 14px; line-height: 33px; } .edgtf-subscription-form { position: relative; width: 80%; } .edgtf-subscription-form .wpcf7-form-control.wpcf7-text { border: 1px solid #acacac; background-color: transparent; margin: 0; font-family: 'Open Sans', sans-serif; width: calc(100% - 44px); font-size: 11px; padding: 11px 12px; color: #bcbcbc; font-style: normal; } .edgtf-subscription-form ::-webkit-input-placeholder { color: #bcbcbc; } .edgtf-subscription-form :-moz-placeholder { color: #bcbcbc; opacity: 1; } .edgtf-subscription-form ::-moz-placeholder { color: #bcbcbc; opacity: 1; } .edgtf-subscription-form :-ms-input-placeholder { color: #bcbcbc; } .edgtf-subscription-form input.wpcf7-form-control.wpcf7-submit { position: absolute; top: 0; right: 0; width: 39px; height: 39px; line-height: 35px; font-size: 20px; padding: 0; font-family: 'ElegantIcons', sans-serif; } .edgtf-subscription-form input.wpcf7-form-control.wpcf7-submit:hover { color: #fff; background-color: #9a6e41; border-color: #9a6e41; } .edgtf-subscription-form input.wpcf7-form-control.wpcf7-submit:focus { outline: none; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .edgtf-subscription-form { width: 100%; } } @media only screen and (max-width: 768px) { .edgtf-subscription-form { width: 50%; margin-bottom: 40px; } } @media only screen and (max-width: 600px) { .edgtf-subscription-form { width: 80%; } } /* ========================================================================== # Footer widgets - end ========================================================================== */ /* ========================================================================== 4. Title area styles ========================================================================== */ /* ========================================================================== # Title area style - start ========================================================================== */ @-webkit-keyframes title-animation-from-right { 0% { opacity: 0; transform: translate(50%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes title-animation-from-right { 0% { opacity: 0; transform: translate(50%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes title-animation-from-left { 0% { opacity: 0; transform: translate(-50%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes title-animation-from-left { 0% { opacity: 0; transform: translate(-50%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } .edgtf-title { display: block; width: 100%; height: 150px; text-align: left; position: relative; z-index: 101; background-color: #f5f5f5; background-position: center 0; background-repeat: no-repeat; /* #Separator title - start ========================================================================== */ /* #Separator title - start ========================================================================== */ } .edgtf-title.edgtf-has-parallax-background { background-attachment: fixed; background-repeat: no-repeat; position: relative; z-index: 101; } .edgtf-title.edgtf-content-center-alignment { text-align: center; } .edgtf-title.edgtf-content-right-alignment { text-align: right; } .edgtf-title.edgtf-animation-right-left h1, .edgtf-title.edgtf-animation-right-left .edgtf-subtitle span, .edgtf-title.edgtf-animation-right-left .edgtf-breadcrumbs-holder { -webkit-animation-name: title-animation-from-right; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-animation-delay: 1s; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: title-animation-from-right; animation-duration: 0.5s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-delay: 1s; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .edgtf-title.edgtf-animation-left-right h1, .edgtf-title.edgtf-animation-left-right .edgtf-subtitle span, .edgtf-title.edgtf-animation-left-right .edgtf-breadcrumbs-holder { -webkit-animation-name: title-animation-from-left; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-animation-delay: 1s; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: title-animation-from-left; animation-duration: 0.5s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-delay: 1s; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .edgtf-title.edgtf-has-responsive-background { height: auto !important; } .edgtf-title.edgtf-has-responsive-background .edgtf-title-holder { display: block; position: absolute; top: 0; left: 0; } .edgtf-title.edgtf-has-responsive-background .edgtf-title-holder .edgtf-container { display: block; height: 100%; } .edgtf-title.edgtf-has-responsive-background .edgtf-title-holder .edgtf-container-inner { display: table; height: 100%; } .edgtf-title.edgtf-has-responsive-background .edgtf-title-holder .edgtf-title-subtitle-holder { display: table-cell; vertical-align: middle; width: 100%; } .edgtf-title .edgtf-title-image img { display: block; position: relative; width: 100%; } .edgtf-title.edgtf-title-image-not-responsive .edgtf-title-image { display: none; } .edgtf-title .edgtf-title-holder { display: table; height: 100%; position: relative; width: 100%; /* #Standard title - start ========================================================================== */ /* #Standard title - end ========================================================================== */ /* #Breadcrumb title - start ========================================================================== */ /* #Breadcrumb title - end ========================================================================== */ } .edgtf-title .edgtf-title-holder .edgtf-container { background-color: transparent; display: table-row; vertical-align: middle; } .edgtf-title .edgtf-title-holder .edgtf-container-inner { display: table-cell; padding: 0 !important; vertical-align: middle; } .edgtf-title .edgtf-title-holder .edgtf-title-subtitle-holder { display: block; padding: 0; position: relative; z-index: 25; } .edgtf-title .edgtf-title-holder .edgtf-title-subtitle-holder-inner { position: relative; } .edgtf-title .edgtf-title-holder h1 { display: inline-block; vertical-align: middle; } .edgtf-title .edgtf-title-holder h1 span { display: inline-block; } .edgtf-title .edgtf-title-holder .edgtf-subtitle { display: block; font-family: Merriweather, serif; font-size: 20px; line-height: 1.2em; font-style: italic; color: #c7a17a; margin-bottom: 23px; } .edgtf-title .edgtf-title-holder .edgtf-subtitle span { display: inline-block; vertical-align: middle; } .edgtf-title .edgtf-title-holder .edgtf-breadcrumbs-holder { display: inline-block; vertical-align: middle; } .edgtf-title .edgtf-title-holder .edgtf-breadcrumbs a, .edgtf-title .edgtf-title-holder .edgtf-breadcrumbs span { color: #c7a17a; font-family: Merriweather, serif; font-style: italic; font-size: 15px; font-weight: 400; line-height: 1em; display: inline-block; vertical-align: middle; } .edgtf-title.edgtf-title-with-border .edgtf-title-holder .edgtf-container-inner { border-bottom: 1px solid #d1d1d1; } .edgtf-title.edgtf-standard-type .edgtf-breadcrumbs-holder { position: absolute; top: 0; height: 100%; } .edgtf-title.edgtf-standard-type .edgtf-breadcrumbs-holder .edgtf-breadcrumbs { display: table; height: 100%; width: 100%; } .edgtf-title.edgtf-standard-type .edgtf-breadcrumbs-holder .edgtf-breadcrumbs-inner { display: table-cell; vertical-align: middle; } .edgtf-title.edgtf-standard-type.edgtf-content-left-alignment .edgtf-breadcrumbs-holder { right: 0; } .edgtf-title.edgtf-standard-type.edgtf-content-right-alignment .edgtf-breadcrumbs-holder { left: 0; } .edgtf-title.edgtf-standard-type.edgtf-content-center-alignment .edgtf-breadcrumbs-holder { position: relative; top: auto; height: auto; display: block; } .edgtf-title.edgtf-title-medium-text-size h1 { font-size: 33px; letter-spacing: 0; } .edgtf-title.edgtf-title-small-text-size h1 { font-size: 22px; letter-spacing: 0; } .edgtf-title .edgtf-separator { border-bottom-width: 3px; border-bottom-color: #c7a17a; width: 120px; margin-bottom: 0; margin-top: 25px; } /* ========================================================================== # Title area style - end ========================================================================== */ /* ========================================================================== 5. Side area styles ========================================================================== */ /* ========================================================================== # Side area style - start ========================================================================== */ /* Side area general style - start ========================================================================== */ .edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener, .edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener, .edgtf-light-header .edgtf-top-bar .edgtf-side-menu-button-opener { color: #ffffff !important; } .edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener:hover, .edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener:hover, .edgtf-light-header .edgtf-top-bar .edgtf-side-menu-button-opener:hover { opacity: 0.8; } .edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener, .edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener, .edgtf-dark-header .edgtf-top-bar .edgtf-side-menu-button-opener { color: #000000 !important; } .edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener:hover, .edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener:hover, .edgtf-dark-header .edgtf-top-bar .edgtf-side-menu-button-opener:hover { opacity: 0.8; } .edgtf-side-menu-button-opener { font-size: 16px; position: relative; display: inline-block; vertical-align: middle; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; color: #30271c; } .edgtf-side-menu-button-opener.medium { display: inline-block; font-size: 24px; line-height: 30px; height: 26px; width: 21px; } .edgtf-side-menu-button-opener.large { display: inline-block; font-size: 30px; line-height: 34px; height: 34px; width: 24px; } .edgtf-side-menu-button-opener > i { display: inline-block; height: inherit; line-height: inherit; vertical-align: bottom; width: inherit; text-align: center; -webkit-transition: opacity 0.15s ease-out, color 0.15s ease-out; -moz-transition: opacity 0.15s ease-out, color 0.15s ease-out; -ms-transition: opacity 0.15s ease-out, color 0.15s ease-out; -o-transition: opacity 0.15s ease-out, color 0.15s ease-out; transition: opacity 0.15s ease-out, color 0.15s ease-out; } .edgtf-side-menu-button-opener:hover { color: #c7a17a; } .edgtf-side-menu-button-opener span.social_icon { font-family: 'ElegantIcons', serif !important; } .edgtf-side-menu-button-opener i.social_icon { font-family: 'FontAwesome',serif !important; } .edgtf-side-menu { background-color: #eae7de; height: 100%; min-height: 100%; overflow: hidden; padding: 30px 50px; position: fixed; top: 0; right: -270px; width: 210px; z-index: 9999; -webkit-backface-visibility: hidden; } .edgtf-side-menu h4 { margin: 0 0 15px 0; color: #fff; } .edgtf-side-menu h5, .edgtf-side-menu h6 { margin: 0 0 12px 0; color: #fff; } .edgtf-side-menu .widget li { position: relative; list-style-type: none; } .edgtf-side-menu .widget ul li.page_item_has_children, .edgtf-side-menu .widget ul li.menu-item-has-children { padding-right: 0; border-bottom: none; } .edgtf-side-menu .widget ul ul { padding: 6px 0 0 10px; } .edgtf-side-menu a:not(.qbutton), .edgtf-side-menu li, .edgtf-side-menu span, .edgtf-side-menu p, .edgtf-side-menu .widget_rss li a.rsswidget { color: #9d9d9d; line-height: 31px; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .edgtf-side-menu .widget { margin-bottom: 20px; /* Global widgets style */ } .edgtf-side-menu .widget:last-child { margin-bottom: 0; } .edgtf-side-menu .widget ul { list-style: none; padding: 0; margin: 0; } .edgtf-side-menu .widget ul li { font-family: first-main-font; font-style: italic; font-weight: 600; padding-bottom: 4px; padding-top: 4px; padding-left: 20px; position: relative; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .edgtf-side-menu .widget ul li:last-child { margin-bottom: 0; } .edgtf-side-menu .widget ul li a { position: relative; } .edgtf-side-menu .widget ul li a:before { font-family: 'ElegantIcons', serif; content: '5'; font-size: 12px; position: absolute; left: -20px; color: #525252; } .edgtf-side-menu .widget ul li:hover > a { color: #c7a17a; } .edgtf-side-menu .widget ul li ul { padding: 0 0 0 15px; } .edgtf-side-menu .widget a { color: #333; } .edgtf-side-menu .widget input[type=submit], .edgtf-side-menu .widget input[type=text] { -webkit-appearance: none; background: transparent; border: none; outline: none; margin: 0; padding: 0; } .edgtf-side-menu .widget.widget_search { margin-bottom: 0; padding-bottom: 15px; } .edgtf-side-menu .widget .edgtf-search-wrapper { position: relative; line-height: normal; } .edgtf-side-menu .widget .edgtf-search-wrapper input[type='text'] { width: 100%; outline: none; border: 1px solid #eaeaea; border-radius: 50px; line-height: 50px; height: 50px; box-sizing: border-box; padding: 0 52px 0 25px; font-size: 16px; font-weight: 600; color: #333; font-family: Merriweather, serif; font-style: italic; } .edgtf-side-menu .widget .edgtf-search-wrapper ::-webkit-input-placeholder { color: #333; opacity: 1; } .edgtf-side-menu .widget .edgtf-search-wrapper :-moz-placeholder { color: #333; opacity: 1; } .edgtf-side-menu .widget .edgtf-search-wrapper ::-moz-placeholder { color: #333; opacity: 1; } .edgtf-side-menu .widget .edgtf-search-wrapper :-ms-input-placeholder { color: #333; opacity: 1; } .edgtf-side-menu .widget .edgtf-search-wrapper input[type='submit'] { font-family: ElegantIcons; position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; font-size: 15px; color: #333; } .edgtf-side-menu .widget .tagcloud a { font-family: Merriweather, serif; font-style: italic; font-size: 14px !important; display: inline-block; margin-right: 3px; margin-bottom: 7px; font-weight: 500; padding: 0 19px; text-transform: capitalize; line-height: 30px; border: 1px solid transparent; border-radius: 32px; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .edgtf-side-menu .widget .tagcloud a:hover { color: #000; border-color: #eaeaea; } .edgtf-side-menu .widget.widget_archive li:hover { color: #c7a17a; } .edgtf-side-menu .widget .recentcomments .comment-author-link { position: relative; } .edgtf-side-menu .widget .recentcomments > a:before { content: ""; } .edgtf-side-menu .widget .recentcomments:hover a { color: #c7a17a; } .edgtf-side-menu .widget .recentcomments:hover a:before { opacity: 1; } .edgtf-side-menu .widget.widget_calendar #prev, .edgtf-side-menu .widget.widget_calendar #next { padding-left: 0; padding-right: 0; } .edgtf-side-menu .widget.widget_calendar #prev a, .edgtf-side-menu .widget.widget_calendar #next a { color: #c7a17a; } .edgtf-side-menu .widget.widget_calendar #prev { text-align: left; } .edgtf-side-menu .widget.widget_calendar #next { text-align: right; } .edgtf-side-menu .widget.widget_rss ul li { margin-bottom: 10px; } .edgtf-side-menu .widget.edgtf-latest-posts-widget .edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-text-holder { border-bottom: none; } .edgtf-side-menu .widget.widget_edgtf_instagram_widget ul { margin-right: -20px; } .edgtf-side-menu .widget.widget_edgtf_instagram_widget ul li { padding-right: 20px; padding-left: 0; margin-bottom: 15px; } .edgtf-side-menu .edgtf-side-menu-title { display: block; margin: 0 0 12px; } .edgtf-side-menu .edgtf-close-side-menu-holder { display: table; height: 70px; position: absolute; top: 0; right: 25px; z-index: 1000; } .edgtf-side-menu .edgtf-close-side-menu-holder-inner { display: table-cell; vertical-align: middle; } .edgtf-side-menu a.edgtf-close-side-menu { display: inline-block; height: 26px; width: 26px; padding: 0 2px 4px 0; /* in order to align icon in horizontal and vertical center */ z-index: 1000; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; transition: transform 0.5s ease; } .edgtf-side-menu a.edgtf-close-side-menu span { color: #757575; display: inline-block; font-size: 22px; height: 26px; line-height: 29px; position: relative; text-align: center; width: 26px; } .edgtf-side-menu a.edgtf-close-side-menu:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .edgtf-side-menu .edgtf-instagram-feed li i { top: 5px; left: auto; right: 23px; font-size: 17px; } .admin-bar .edgtf-side-menu .edgtf-close-side-menu-holder { top: 32px; } /* Side area general style - end ========================================================================== */ /* Side area slides over content style - start ========================================================================== */ .edgtf-right-side-menu-opened .edgtf-wrapper, .edgtf-right-side-menu-opened footer.uncover, .edgtf-right-side-menu-opened .edgtf-fixed-wrapper.fixed, .edgtf-right-side-menu-opened .edgtf-sticky-header, .edgtf-right-side-menu-opened .mobile-header-appear .edgtf-mobile-header-inner { left: -270px; } .edgtf-side-menu-slide-from-right .edgtf-wrapper { background-color: #fff; position: relative; z-index: 1000; -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .edgtf-side-menu-slide-from-right .edgtf-wrapper .edgtf-cover { z-index: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; filter: alpha(opacity=0); background: #000; -webkit-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; } .edgtf-side-menu-slide-from-right .carousel-inner { -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .edgtf-side-menu-slide-from-right .edgtf-side-menu { padding: 2% 60px 30px 60px; top: 0; right: -45%; width: 45%; z-index: 9999; text-align: center; visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .edgtf-side-menu-slide-from-right .edgtf-sticky-header, .edgtf-side-menu-slide-from-right .edgtf-fixed-wrapper.fixed { -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.33s ease; transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.33s ease; } .edgtf-side-menu-slide-from-right footer.uncover { -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .edgtf-side-menu-slide-from-right.edgtf-right-side-menu-opened .edgtf-cover { cursor: url("img/close.png"), pointer; z-index: 1002; opacity: 0.6; filter: alpha(opacity=60); } .edgtf-side-menu-slide-from-right.edgtf-right-side-menu-opened .edgtf-side-menu { right: 0px; visibility: visible; } /* Side area slides over content style - end ========================================================================== */ /* Side area slides with content style - start ========================================================================== */ .edgtf-side-menu-slide-with-content { overflow-x: hidden; position: relative; left: 0; -webkit-overflow-scrolling: auto !important; -webkit-transition: left 0.2s ease, right 0.2s ease; -moz-transition: left 0.2s ease, right 0.2s ease; -o-transition: left 0.2s ease, right 0.2s ease; transition: left 0.2s ease, right 0.2s ease; } .edgtf-side-menu-slide-with-content .edgtf-side-menu { position: fixed; visibility: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: 470px; right: -470px; height: 100%; top: 0; z-index: 9999; -webkit-transition: left 0.2s ease, right 0.2s ease; -moz-transition: left 0.2s ease, right 0.2s ease; -o-transition: left 0.2s ease, right 0.2s ease; transition: left 0.2s ease, right 0.2s ease; } .edgtf-side-menu-slide-with-content footer.uncover, .edgtf-side-menu-slide-with-content .edgtf-wrapper { -webkit-transition: left 0.2s ease, right 0.2s ease; -moz-transition: left 0.2s ease, right 0.2s ease; -o-transition: left 0.2s ease, right 0.2s ease; transition: left 0.2s ease, right 0.2s ease; } .edgtf-side-menu-slide-with-content .edgtf-sticky-header, .edgtf-side-menu-slide-with-content .edgtf-fixed-wrapper.fixed, .edgtf-side-menu-slide-with-content .edgtf-mobile-header-inner { -webkit-transition: left 0.2s ease, right 0.2s ease, -webkit-transform 0.33s ease; transition: left 0.2s ease, right 0.2s ease, transform 0.33s ease; } .edgtf-side-menu-slide-with-content .carousel-inner { left: 0 !important; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; transition: left 0.2s ease; } .edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-wrapper, .edgtf-side-menu-slide-with-content.edgtf-side-menu-open footer.uncover, .edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-sticky-header, .edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-fixed-wrapper, .edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-mobile-header-inner { left: -470px; } .edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-side-menu { right: 0; } .edgtf-side-menu-slide-with-content.edgtf-side-menu-open .carousel-inner:not(.relative_position) { left: -470px !important; } /* width 270px start */ .edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-wrapper, .edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open footer.uncover, .edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-sticky-header, .edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-fixed-wrapper, .edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-mobile-header-inner { left: -270px; } .edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-side-menu { right: 0; } .edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .carousel-inner:not(.relative_position) { left: -270px !important; } .edgtf-side-menu-slide-with-content.edgtf-width-270 .edgtf-side-menu { width: 270px; right: -270px; } /* width 270px end */ /* width 370px start */ .edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-wrapper, .edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open footer.uncover, .edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-sticky-header, .edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-fixed-wrapper, .edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-mobile-header-inner { left: -370px; } .edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-side-menu { right: 0; } .edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .carousel-inner:not(.relative_position) { left: -370px !important; } .edgtf-side-menu-slide-with-content.edgtf-width-370 .edgtf-side-menu { width: 370px; right: -370px; } /* width 370px end */ /* Side area slides with content style - end ========================================================================== */ /* Side area uncovering - start ========================================================================== */ .edgtf-side-area-uncovered-from-content .edgtf-side-menu { background-color: #eae7de; height: 100%; min-height: 100%; overflow: hidden; padding: 30px; position: fixed; top: 0; right: 0; width: 310px; visibility: hidden; z-index: 90; } .edgtf-side-area-uncovered-from-content .edgtf-sticky-header, .edgtf-side-area-uncovered-from-content .edgtf-fixed-wrapper.fixed { -webkit-transition: left 0.3s ease, right 0.2s ease; -moz-transition: left 0.3s ease, right 0.2s ease; -o-transition: left 0.3s ease, right 0.2s ease; transition: left 0.3s ease, right 0.2s ease; } .edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened .edgtf-wrapper, .edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened footer.uncover, .edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened .edgtf-sticky-header, .edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened .edgtf-fixed-wrapper.fixed, .edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened .edgtf-mobile-header-inner, .edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened .mobile-header-appear .edgtf-mobile-header-inner { left: -370px; } /* Side area uncovering - end ========================================================================== */ /* ========================================================================== # Side area style - end ========================================================================== */ /* ========================================================================== 6. Fullscreen Menu area styles ========================================================================== */ /* ========================================================================== # Fullscreen menu style - begin ========================================================================== */ /* Fullscreen general style - begin ========================================================================== */ .side_menu_button .edgtf-fullscreen-menu-opener { -webkit-transition: background-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; } .edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-fullscreen-menu-opener:not(.opened) .edgtf-line, .edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-fullscreen-menu-opener:not(.opened) .edgtf-line, .edgtf-dark-header .edgtf-top-bar .edgtf-fullscreen-menu-opener:not(.opened) .edgtf-line { background-color: #000000 !important; } .edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-fullscreen-menu-opener:not(.opened) .edgtf-line, .edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-fullscreen-menu-opener:not(.opened) .edgtf-line, .edgtf-light-header .edgtf-top-bar .edgtf-fullscreen-menu-opener:not(.opened) .edgtf-line { background-color: #ffffff !important; } .edgtf-fullscreen-menu-opener { display: inline-block; vertical-align: middle; } .edgtf-fullscreen-menu-opener .edgtf-line { background-color: #30271c; height: 2px; margin: 0; width: 16px; top: 0; left: 0; position: absolute; display: inline-block; vertical-align: middle; ms-transition: top 0.3s ease-out, -ms-transform 0.3s ease-out, background-color 0.2s ease-out; -webkit-transition: top 0.3s ease-out, -webkit-transform 0.3s ease-out, background-color 0.2s ease-out; transition: top 0.3s ease-out, transform 0.3s ease-out, background-color 0.2s ease-out; } .edgtf-fullscreen-menu-opener .edgtf-line:after, .edgtf-fullscreen-menu-opener .edgtf-line:before { background-color: inherit; content: ""; display: block; height: 2px; position: absolute; width: 16px; z-index: 1; -ms-transition: top 0.3s ease-out, -ms-transform 0.3s ease-out; -webkit-transition: top 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: top 0.3s ease-out, transform 0.3s ease-out; -webkit-backface-visibility: hidden; /*because X sign jumps on hover in Chrome*/ } .edgtf-fullscreen-menu-opener .edgtf-line:before { top: -4px; } .edgtf-fullscreen-menu-opener .edgtf-line:after { top: 4px; } .edgtf-fullscreen-menu-opener-inner { display: inline-block; height: 2px; position: relative; top: -1px; vertical-align: middle; width: 20px; } .edgtf-fullscreen-menu-opener.opened .edgtf-line { background-color: transparent !important; } .edgtf-fullscreen-menu-opener.opened .edgtf-line:after { background-color: #757575; top: 0 !important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .edgtf-fullscreen-menu-opener.opened .edgtf-line:before { background-color: #757575; top: 0 !important; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .edgtf-fullscreen-menu-opener.medium .edgtf-fullscreen-menu-opener-inner, .edgtf-fullscreen-menu-opener.medium .edgtf-line, .edgtf-fullscreen-menu-opener.medium .edgtf-line:after, .edgtf-fullscreen-menu-opener.medium .edgtf-line:before { height: 3px; width: 19px; } .edgtf-fullscreen-menu-opener.medium .edgtf-fullscreen-menu-opener-inner { top: -2px; } .edgtf-fullscreen-menu-opener.medium .edgtf-line:before { top: -6px; } .edgtf-fullscreen-menu-opener.medium .edgtf-line:after { top: 6px; } .edgtf-fullscreen-menu-opener.large .edgtf-fullscreen-menu-opener-inner, .edgtf-fullscreen-menu-opener.large .edgtf-line, .edgtf-fullscreen-menu-opener.large .edgtf-line:after, .edgtf-fullscreen-menu-opener.large .edgtf-line:before { height: 4px; width: 24px; } .edgtf-fullscreen-menu-opener.large .edgtf-fullscreen-menu-opener-inner { top: -3px; } .edgtf-fullscreen-menu-opener.large .edgtf-line:before { top: -8px; } .edgtf-fullscreen-menu-opener.large .edgtf-line:after { top: 8px; } .edgtf-fullscreen-menu-opened .edgtf-page-header, .edgtf-fullscreen-menu-opened .edgtf-top-bar { visibility: hidden; } .edgtf-fullscreen-menu-opened .edgtf-fullscreen-menu-opener { visibility: visible; } .edgtf-fullscreen-menu-opened .edgtf-fullscreen-menu-holder-outer { visibility: visible !important; opacity: 1 !important; } .edgtf-fullscreen-menu-opened .edgtf-logo-wrapper a img.edgtf-normal-logo { opacity: 0; } .edgtf-fullscreen-menu-opened .edgtf-logo-wrapper a img.edgtf-normal-logo { opacity: 1; } .edgtf-fullscreen-menu-holder-outer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden !important; visibility: hidden; opacity: 0; z-index: 105; /* this has to be between header z-index and content z-index */ } .edgtf-fullscreen-menu-holder { width: 100%; height: 100%; background-color: rgba(234, 231, 222, 0.98); display: table; background-repeat: repeat; background-position: 0px 0px; } .edgtf-fullscreen-menu-holder-inner { display: table-cell; vertical-align: middle; padding: 100px 0px; } .touch .edgtf-fullscreen-menu-holder-outer { display: none; } .touch .edgtf-fullscreen-menu-opened .edgtf-fullscreen-menu-holder-outer { display: block; } nav.edgtf-fullscreen-menu { margin: 0 auto; position: relative; top: 0; text-align: left; } nav.edgtf-fullscreen-menu ul { position: relative; list-style: none; padding: 0; margin: 0; } nav.edgtf-fullscreen-menu ul li { margin: 0; padding: 0; text-align: center; } nav.edgtf-fullscreen-menu ul li ul { padding: 17px 0; } nav.edgtf-fullscreen-menu ul li ul ul { padding: 0; } nav.edgtf-fullscreen-menu ul li a { font-family: "Oswald", sans-serif; font-size: 35px; font-weight: 700; line-height: 37px; color: #30271c; text-transform: uppercase; letter-spacing: 2px; padding: 5px 0; display: block; position: relative; text-decoration: none; cursor: pointer; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } nav.edgtf-fullscreen-menu ul li a:hover, nav.edgtf-fullscreen-menu ul li.edgtf-active-item > a, nav.edgtf-fullscreen-menu ul li.open_sub > a { color: #c7a17a; } nav.edgtf-fullscreen-menu ul li a span { display: inline-block; vertical-align: middle; } nav.edgtf-fullscreen-menu ul li ul li a { font-size: 22px; font-weight: 700; line-height: 30px; color: #695946; font-family: "Oswald", sans-serif; text-transform: uppercase; letter-spacing: 1px; padding: 4px 0; } nav.edgtf-fullscreen-menu ul li ul li a:hover { color: #c7a17a; } nav.edgtf-fullscreen-menu > ul { display: block; } nav.edgtf-fullscreen-menu ul.sub_menu { display: none; } .edgtf-fullscreen-below-menu-widget-holder { text-align: center; margin-top: 80px; } .edgtf-fullscreen-above-menu-widget-holder { text-align: center; } /* Fullscreen general style - end ========================================================================== */ /* Fullscreen fade animations general - begin ========================================================================== */ @-webkit-keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-moz-keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @-moz-keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } .edgtf-fade-push-text-right .edgtf-fullscreen-menu-holder-outer, .edgtf-fade-push-text-top .edgtf-fullscreen-menu-holder-outer, .edgtf-fade-text-scaledown .edgtf-fullscreen-menu-holder-outer { width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; overflow: hidden !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: fixed; z-index: 105; opacity: 0; } .edgtf-fullscreen-fade-out .edgtf-fullscreen-menu-holder-outer { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-animation: fade_out .25s linear both; animation: fade_out .25s linear both; } .edgtf-fullscreen-menu-opened.edgtf-fullscreen-fade-in .edgtf-fullscreen-menu-holder-outer { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-animation: fade_in .25s linear both; animation: fade_in .25s linear both; } /* Fullscreen fade animations general - end ========================================================================== */ /* Fullscreen animation push text right - begin ========================================================================== */ @-webkit-keyframes push_text_right { 0% { opacity: 0; -webkit-transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push_text_right { 0% { opacity: 0; -moz-transform: translateX(-60px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push_text_right { 0% { opacity: 0; transform: translateX(-60px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes push_nav_right { 0% { opacity: 0; -webkit-transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push_nav_right { 0% { opacity: 0; -moz-transform: translateX(-60px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push_nav_right { 0% { opacity: 0; transform: translateX(-60px); } 100% { opacity: 1; transform: translateX(0); } } .edgtf-fullscreen-menu-opened.edgtf-fade-push-text-right .edgtf-fullscreen-menu-holder-outer nav > ul > li > a, .edgtf-fullscreen-menu-opened.edgtf-fade-push-text-right .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-below-menu-widget-holder > div, .edgtf-fullscreen-menu-opened.edgtf-fade-push-text-right .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-above-menu-widget-holder > div { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; -moz-animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; } .edgtf-fade-push-text-right.edgtf-push-nav-right .edgtf-fullscreen-menu-holder-outer nav, .edgtf-fade-push-text-right.edgtf-push-nav-right .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-below-menu-widget-holder, .edgtf-fade-push-text-right.edgtf-push-nav-right .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-above-menu-widget-holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /* Fullscreen animation push text right - end ========================================================================== */ /* Fullscreen animation push text top - begin ========================================================================== */ @-webkit-keyframes push_text_top { 0% { opacity: 0; -webkit-transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes push_text_top { 0% { opacity: 0; -moz-transform: translateY(60px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes push_text_top { 0% { opacity: 0; transform: translateY(60px); } 100% { opacity: 1; transform: translateY(0); } } .edgtf-fullscreen-menu-opened.edgtf-fade-push-text-top .edgtf-fullscreen-menu-holder-outer nav > ul > li > a, .edgtf-fullscreen-menu-opened.edgtf-fade-push-text-top .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-below-menu-widget-holder > div, .edgtf-fullscreen-menu-opened.edgtf-fade-push-text-top .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-above-menu-widget-holder > div { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: push_text_top 0.4s ease-out both 0.5s; -moz-animation: push_text_top 0.4s ease-out both 0.5s; animation: push_text_top 0.4s ease-out both 0.5s; } .edgtf-fade-push-text-top.edgtf-push-text-top .edgtf-fullscreen-menu-holder-outer nav, .edgtf-fade-push-text-top.edgtf-push-text-top .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-below-menu-widget-holder, .edgtf-fade-push-text-top.edgtf-push-text-top .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-above-menu-widget-holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 0.75s ease-out; -moz-transition: all 0.75s ease-out; transition: all 0.75s ease-out; } /* Fullscreen animation push text top - end ========================================================================== */ /* Fullscreen animation fade text scaledown - begin ========================================================================== */ .edgtf-fullscreen-menu-opened.edgtf-fade-text-scaledown .edgtf-fullscreen-menu-holder-outer nav, .edgtf-fullscreen-menu-opened.edgtf-fade-text-scaledown .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-below-menu-widget-holder, .edgtf-fullscreen-menu-opened.edgtf-fade-text-scaledown .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-above-menu-widget-holder { backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s linear 0.1s; -moz-transition: all 0.25s linear 0.1s; transition: all 0.25s linear 0.1s; } .edgtf-fade-text-scaledown .edgtf-fullscreen-menu-holder-outer nav, .edgtf-fade-text-scaledown .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-below-menu-widget-holder, .edgtf-fade-text-scaledown .edgtf-fullscreen-menu-holder-outer .edgtf-fullscreen-above-menu-widget-holder { backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.25s linear 0.1s; -moz-transition: all 0.25s linear 0.1s; transition: all 0.25s linear 0.1s; } /* Fullscreen animation fade text scaledown - end ========================================================================== */ .edgtf-fullscreen-below-menu-widget-holder .widget_search { display: inline-block; vertical-align: middle; } .edgtf-fullscreen-below-menu-widget-holder .widget_search .edgtf-search-wrapper { width: 248px; position: relative; } .edgtf-fullscreen-below-menu-widget-holder .widget_search .screen-reader-text { display: none; } .edgtf-fullscreen-below-menu-widget-holder .widget_search input[type='text'] { font-family: inherit; font-size: 13px; color: #666; background-color: #212121; border: 1px solid #353535; outline: none; width: 248px; padding-right: 30px; padding-left: 20px; box-sizing: border-box; line-height: 50px; height: 50px; border-radius: 50px; } .edgtf-fullscreen-below-menu-widget-holder .widget_search input[type='submit'] { font-family: ElegantIcons; font-size: 13px; color: #fff; background-color: transparent; border: none; outline: none; line-height: 50px; height: 50px; position: absolute; right: 14px; top: 0; } .edgtf-fullscreen-below-menu-widget-holder .widget_search ::-webkit-input-placeholder { color: #666; } .edgtf-fullscreen-below-menu-widget-holder .widget_search :-moz-placeholder { /* Firefox 18- */ color: #666; } .edgtf-fullscreen-below-menu-widget-holder .widget_search ::-moz-placeholder { /* Firefox 19+ */ color: #666; } .edgtf-fullscreen-below-menu-widget-holder .widget_search :-ms-input-placeholder { color: #666; } .edgtf-fullscreen-below-menu-widget-holder .widget_search input[type='text']:focus { border-color: #353535; } /* ========================================================================== # Fullscreen menu style - end ========================================================================== */ /* ========================================================================== 7. Search functionality styles ========================================================================== */ /* ========================================================================== # Search style - begin ========================================================================== */ .edgtf-search-opener { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .edgtf-search-opener .edgtf-search-icon-text { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-search-opener, .edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-search-opener, .edgtf-light-header .edgtf-top-bar .edgtf-search-opener { color: #ffffff !important; } .edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-search-opener:hover, .edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-search-opener:hover, .edgtf-light-header .edgtf-top-bar .edgtf-search-opener:hover { opacity: 0.8; } .edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-search-opener, .edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-search-opener, .edgtf-dark-header .edgtf-top-bar .edgtf-search-opener { color: #000000 !important; } .edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-search-opener:hover, .edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-search-opener:hover, .edgtf-dark-header .edgtf-top-bar .edgtf-search-opener:hover { opacity: 0.8; } /* Search slides from header bottom - end ========================================================================== */ /* Search covers header - begin ========================================================================== */ .edgtf-search-cover { display: none; color: #fff; position: absolute; top: 0; left: 0; width: 100%; z-index: 115; background: #fff; } .edgtf-search-cover .edgtf-container { background-color: inherit; } .edgtf-search-cover .edgtf-form-holder-outer { display: table; width: 100%; height: 100%; } .edgtf-search-cover .edgtf-form-holder { display: table-cell; vertical-align: middle; padding: 0 45px; position: relative; } .edgtf-search-cover .edgtf-form-holder-inner { display: inline-block; vertical-align: middle; width: 100%; } .edgtf-search-cover .edgtf-container-inner .edgtf-form-holder { padding: 0; } .edgtf-search-cover .edgtf-container-inner .edgtf-search-close { right: 0; } .edgtf-search-cover input, .edgtf-search-cover input:focus { background-color: transparent; border: medium none; box-shadow: none; color: #666; font-size: 20px; font-weight: 700; display: inline-block; width: 90%; padding: 0; font-family: Merriweather, serif; font-style: italic; outline: none; outline-offset: 0; -webkit-appearance: none; border-radius: 0; float: left; margin: 0; } .edgtf-search-cover input:focus { outline-offset: 0 !important; } .edgtf-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; } .edgtf-search-cover .edgtf-search-close { font-size: 25px; position: absolute; right: 24px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); line-height: 1em; } .edgtf-search-cover .edgtf-search-close a { color: #313131; display: inline-block; } .edgtf-search-cover .edgtf-search-close a:hover { color: #c7a17a; } .edgtf-search-cover .edgtf-search-close a i { vertical-align: top; } .edgtf-search-cover.disabled input, .edgtf-search-cover.disabled input:focus { font-weight: normal; } ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #666; margin: 10px 0px 0px 0px; } /* Fullscreen search general style - start ========================================================================== */ .edgtf-fullscreen-search-holder { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 105; opacity: 0; } .edgtf-fullscreen-search-holder .edgtf-search-label { font-size: 24px; line-height: 1em; color: #c7a17a; font-family: Merriweather, serif; font-style: italic; vertical-align: bottom; } .edgtf-fullscreen-search-holder .edgtf-field-holder { width: 30%; display: inline-block; vertical-align: bottom; position: relative; border-bottom: 1px solid #efefef; } .edgtf-fullscreen-search-holder .edgtf-field-holder .edgtf-line { position: absolute; bottom: -1px; left: 0; height: 1px; width: 0; background-color: #666; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; transition: width 0.3s ease; } .edgtf-fullscreen-search-holder .edgtf-search-field { width: 100%; border-left: none; border-top: none; border-right: none; border-bottom: none; background: transparent; outline: none; height: 100%; font-size: 30px; color: #666; line-height: 1em; position: relative; } .edgtf-fullscreen-search-holder .edgtf-search-submit { border: none; background: transparent; outline: none; width: auto; cursor: pointer; font-family: 'ElegantIcons'; font-size: 20px; line-height: 1em; color: #a1a1a1; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .edgtf-fullscreen-search-holder .edgtf-search-submit:hover { color: #c7a17a; } .edgtf-fullscreen-search-holder .edgtf-search-close-holder { float: right; margin-right: 45px; } .edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container { position: absolute; left: 0; top: 0; width: 100%; } .edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container a { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease, color 0.2s ease; transition: opacity 0.2s ease, color 0.2s ease; position: absolute; top: 40px; right: 40px; } .edgtf-fullscreen-search-table { display: table; width: 100%; height: 100%; } .edgtf-fullscreen-search-cell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .edgtf-fullscreen-search-opened .edgtf-form-holder .edgtf-search-field { width: 100%; border-left: none; border-top: none; border-right: none; border-bottom: none; background: transparent; outline: none; height: 100%; font-size: 30px; color: #a1a1a1; line-height: 1em; position: relative; padding: 0; font-family: Merriweather, serif; font-style: italic; } /* Fullscreen search general style - end ========================================================================== */ /* Fullscreen search from circle style - start ========================================================================== */ .edgtf-fullscreen-search-overlay { position: absolute; width: 2000px; height: 2000px; margin-top: -1000px; margin-left: -1000px; top: 50%; left: 0; border-radius: 100%; opacity: 0; z-index: 99; -ms-transform-origin: 50%; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); background-color: rgba(48, 39, 28, 0.98); -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transition: -ms-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .edgtf-fullscreen-search-overlay.edgtf-animate { -webkit-transform: scale(3); -moz-transform: scale(3); transform: scale(3); opacity: 1; } .edgtf-search-from-circle .edgtf-fullscreen-search-holder { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; display: none; opacity: 0; visibility: visible; z-index: 111; } /* Fullscreen search from circle style - end ========================================================================== */ /* Fullscreen search fade style - start ========================================================================== */ .edgtf-search-fade .edgtf-fullscreen-search-holder { visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; z-index: 111; box-sizing: border-box; } .edgtf-search-fade .edgtf-fullscreen-search-holder .edgtf-fullscreen-search-table { background-color: rgba(0, 0, 0, 0.98); } .edgtf-search-fade-out.edgtf-search-fade .edgtf-fullscreen-search-holder { -webkit-animation: search_fade_out 0.25s linear both; -moz-animation: search_fade_out 0.25s linear both; animation: search_fade_out 0.25s linear both; } .edgtf-search-fade-in.edgtf-search-fade .edgtf-fullscreen-search-holder.edgtf-animate { -webkit-animation: search_fade_in 0.25s linear both; -moz-animation: search_fade_in 0.25s linear both; animation: search_fade_in 0.25s linear both; } .edgtf-search-fade .edgtf-fullscreen-search-holder.edgtf-animate .edgtf-fullscreen-search-close { opacity: 1; visibility: visible; } .edgtf-fullscreen-search-close i { font-size: 25px; color: #666; } @-webkit-keyframes search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } /* Fullscreen search fade style - end ========================================================================== */ /*---------------Fade animation with PUSH TEXT TOP------------*/ @-webkit-keyframes search_push_text_top { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes search_push_text_top { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .edgtf-search-fade.edgtf-fullscreen-search-opened .edgtf-fullscreen-search-holder .edgtf-form-holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: search_push_text_top 0.4s ease-out both 0.25s; -moz-animation: search_push_text_top 0.4s ease-out both 0.25s; animation: search_push_text_top 0.4s ease-out both 0.25s; } .edgtf-search-fade-out.edgtf-search-fade .edgtf-fullscreen-search-holder .edgtf-search-label, .edgtf-search-fade-out.edgtf-search-fade .edgtf-fullscreen-search-holder .edgtf-search-submit, .edgtf-search-fade-out.edgtf-search-fade .edgtf-fullscreen-search-holder .edgtf-field-holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: transform 0.75s ease-out; -moz-transition: transform 0.75s ease-out; transition: transform 0.75s ease-out; } /*----------------------FULLSCREEN SEARCH style end--------------------------*/ .edgtf-search-page .edgtf-no-posts-found { margin: 80px 0; text-align: center; padding: 0 20%; } .edgtf-search-page .edgtf-no-posts-found .edgtf-no-posts-found-title { margin-bottom: 24px; } /*----------------------SERACH RESULTS style end--------------------------*/ /* ========================================================================== # Search style - end ========================================================================== */ /* ========================================================================== 8. Portfolio styles ========================================================================== */ /* ========================================================================== # Portfolio Single Small Images - begin ========================================================================== */ .small-images .edgtf-portfolio-media .edgtf-portfolio-single-media { margin-bottom: 30px; } .small-images .edgtf-portfolio-media .edgtf-portfolio-single-media:last-child { margin-bottom: 0; } .small-images .edgtf-follow-portfolio-info { position: relative; } .small-images .edgtf-portfolio-title { line-height: 1em; } .small-images div.edgtf-portfolio-info-holder { margin-top: 0; } /* ========================================================================== # Portfolio Single Small Images - end ========================================================================== */ /* ========================================================================== # Portfolio Single Small Slider - begin ========================================================================== */ .small-slider .edgtf-portfolio-title { line-height: 1em; } .small-slider div.edgtf-portfolio-info-holder { margin-top: 0; } /* ========================================================================== # Portfolio Single Small Slider - end ========================================================================== */ /* ========================================================================== # Portfolio Single Big Images - begin ========================================================================== */ .big-images .edgtf-big-image-holder { margin-bottom: 60px; } .big-images .edgtf-portfolio-media .edgtf-portfolio-single-media { margin-bottom: 20px; } .big-images .edgtf-portfolio-media .edgtf-portfolio-single-media:last-child { margin-bottom: 0; } /* ========================================================================== # Portfolio Single Big Images - end ========================================================================== */ /* ========================================================================== # Portfolio Single Big Slider - begin ========================================================================== */ .big-slider .edgtf-big-image-holder { margin-bottom: 47px; } /* ========================================================================== # Portfolio Single Big Slider - end ========================================================================== */ /* ========================================================================== # Portfolio Single Gallery - begin ========================================================================== */ .gallery .edgtf-portfolio-single-media a { position: relative; overflow: hidden; display: block; } .gallery .edgtf-portfolio-single-media a .edgtf-portfolio-gallery-text-holder { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .gallery .edgtf-portfolio-single-media a .edgtf-portfolio-gallery-text-holder-inner { position: relative; display: table; width: 100%; height: 100%; } .gallery .edgtf-portfolio-single-media a .edgtf-portfolio-gallery-text-holder-inner h4 { display: table-cell; vertical-align: middle; text-align: center; color: #fff; width: 100%; height: 100%; } .gallery .edgtf-portfolio-single-media a img { display: block; } .gallery .edgtf-portfolio-single-media a:hover .edgtf-portfolio-gallery-text-holder { opacity: 1; } .gallery .edgtf-portfolio-media { margin-bottom: 35px; } .gallery.edgtf-portfolio-gallery-three-columns .edgtf-portfolio-single-media { width: 32%; margin-right: 2%; margin-bottom: 2%; float: left; } .gallery.edgtf-portfolio-gallery-three-columns .edgtf-portfolio-single-media:nth-child(3n) { margin-right: 0; } .gallery.edgtf-portfolio-gallery-two-columns .edgtf-portfolio-single-media { width: 49%; margin-right: 2%; margin-bottom: 2%; float: left; } .gallery.edgtf-portfolio-gallery-two-columns .edgtf-portfolio-single-media:nth-child(2n) { margin-right: 0; } .gallery.edgtf-portfolio-gallery-four-columns .edgtf-portfolio-single-media { width: 24%; margin-right: 1.333333%; margin-bottom: 2%; float: left; } .gallery.edgtf-portfolio-gallery-four-columns .edgtf-portfolio-single-media:nth-child(4n) { margin-right: 0; } /* ========================================================================== # Portfolio Single Gallery - end ========================================================================== */ /* ========================================================================== # Portfolio Single Small Images - begin ========================================================================== */ .small-masonry .edgtf-portfolio-media { margin: -15px -15px 0; } .small-masonry .edgtf-single-masonry-grid-sizer { width: 50%; } .small-masonry .edgtf-default-masonry-item, .small-masonry .edgtf-large-height-masonry-item { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; } .small-masonry .edgtf-large-width-height-masonry-item, .small-masonry .edgtf-large-width-masonry-item { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; } .small-masonry .edgtf-portfolio-single-media a, .small-masonry .edgtf-portfolio-single-media img { box-sizing: border-box; overflow: hidden; width: 100%; height: 100%; display: block; } .small-masonry .edgtf-portfolio-title { line-height: 1em; } .small-masonry div.edgtf-portfolio-info-holder { margin-top: 0; } /* ========================================================================== # Portfolio Single Small Images - end ========================================================================== */ /* ========================================================================== # Portfolio Single Small Images - begin ========================================================================== */ .big-masonry .edgtf-portfolio-media { margin: -13.5px -13.5px 45px; } .big-masonry .edgtf-single-masonry-grid-sizer { width: 25%; } .big-masonry .edgtf-default-masonry-item, .big-masonry .edgtf-large-height-masonry-item { width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 13.5px; } .big-masonry .edgtf-large-width-height-masonry-item, .big-masonry .edgtf-large-width-masonry-item { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 13.5px; } .big-masonry .edgtf-portfolio-single-media a, .big-masonry .edgtf-portfolio-single-media img { box-sizing: border-box; overflow: hidden; width: 100%; height: 100%; display: block; } .big-masonry .edgtf-single-masonry-grid-gutter { width: 27px; } /* ========================================================================== # Portfolio Single Small Images - end ========================================================================== */ .edgtf-portfolio-single-holder { margin-top: 60px; } .edgtf-portfolio-single-holder .edgtf-portfolio-media a { display: block; position: relative; } .edgtf-portfolio-single-holder .edgtf-portfolio-media img { vertical-align: middle; } .edgtf-portfolio-single-holder .edgtf-portfolio-title { margin-bottom: 16px; } .edgtf-portfolio-single-holder .edgtf-portfolio-content { margin-bottom: 35px; } .edgtf-portfolio-single-holder .edgtf-portfolio-social { border-top: 1px solid #ebebeb; padding-top: 19px; margin-top: 19px; } .edgtf-portfolio-single-holder .edgtf-portfolio-social .edgtf-social-share-holder { display: table; table-layout: fixed; width: 100%; } .edgtf-portfolio-single-holder .edgtf-portfolio-social .edgtf-social-share-holder .edgtf-social-share-title { display: table-cell; width: 25%; } .edgtf-portfolio-single-holder .edgtf-portfolio-info-item { margin-bottom: 12px; } .edgtf-portfolio-single-holder .edgtf-portfolio-info-item:not(.edgtf-content-item) { display: table; table-layout: fixed; width: 100%; line-height: 22px; } .edgtf-portfolio-single-holder .edgtf-portfolio-info-item:not(.edgtf-content-item) .edgtf-portfolio-info-item-title { display: table-cell; width: 25%; color: #30271c; font-weight: 700; font-size: 15px; font-family: "Oswald", sans-serif; line-height: 22px; text-transform: uppercase; } .edgtf-portfolio-single-holder .edgtf-portfolio-info-item:not(.edgtf-content-item) p { display: table-cell; width: 75%; } .edgtf-portfolio-single-holder .edgtf-portfolio-info-item:last-child:not(.edgtf-content-item) { margin-bottom: 0; padding-bottom: 16px; border-bottom: 1px solid #ebebeb; } .edgtf-portfolio-single-holder .edgtf-portfolio-info-holder { margin-top: 2px; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav-inner { width: 1300px; margin: 0 auto; position: relative; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav { margin-top: 60px; height: 40px; line-height: 40px; text-align: center; position: relative; background-color: #eae7de; padding-top: 30px; padding-bottom: 30px; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav span { line-height: 40px; font-size: 20px; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-back-btn { display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-back-btn a { width: 20px; height: 40px; position: relative; display: block; color: #c7a17a; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-back-btn a span { font-size: 21px; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-back-btn a:hover { color: #30271c; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next, .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev { height: 40px; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next, .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev { position: absolute; top: 0; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next span, .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev span { color: #c7a17a; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next:hover span, .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev:hover span { color: #30271c; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev { left: 0; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev span { float: left; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next { right: 0; } .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next span { float: right; } .edgtf-portfolio-single-holder .edgtf-portfolio-video-lightbox { position: relative; display: block; } .edgtf-portfolio-single-holder .edgtf-portfolio-video-lightbox img { vertical-align: middle; } .edgtf-portfolio-single-holder .edgtf-portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; } .edgtf-portfolio-single-holder .edgtf-portfolio-overlay .edgtf-portfolio-play-icon { position: absolute; font-size: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .edgtf-portfolio-single-holder .edgtf-slick-slider-navigation-style .edgtf-slick-prev { left: 16px; right: auto; } .edgtf-portfolio-single-holder .edgtf-slick-slider-navigation-style .edgtf-slick-next { right: 16px; left: auto; } @media only screen and (min-width: 1400px) { .edgtf-grid-1300 .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav-inner { width: 1300px; } } @media only screen and (min-width: 1300px) { .edgtf-grid-1200 .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav-inner { width: 1200px; } } @media only screen and (min-width: 1200px) { .edgtf-grid-1000 .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav-inner { width: 1000px; } } @media only screen and (min-width: 1000px) { .edgtf-grid-800 .edgtf-portfolio-single-holder .edgtf-portfolio-single-nav-inner { width: 800px; } } /* ========================================================================== 2. Overlapping content styles ========================================================================== */ .edgtf-overlapping-content-enabled .edgtf-content-inner > .edgtf-container { position: static; text-align: center; } .edgtf-overlapping-content-enabled .edgtf-title .edgtf-title-holder .edgtf-container { padding-bottom: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edgtf-overlapping-content-holder { display: inline-block; vertical-align: middle; position: relative; z-index: 102; margin-top: -80px; text-align: left; visibility: hidden; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); transform: translateY(100px); } .edgtf-overlapping-content-holder.edgtf-appeared { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .edgtf-overlapping-content-holder.edgtf-animated { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 0.5s ease 0.1s, -webkit-transform 1.5s cubic-bezier(0.25, 0.1, 0.02, 0.91) 0.2s; transition: opacity 0.5s ease 0.1s, transform 1.5s cubic-bezier(0.25, 0.1, 0.02, 0.91) 0.2s; } .edgtf-overlapping-content-holder .edgtf-overlapping-content { background-color: #fff; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.06); padding: 80px 75px 0; } /* ========================================================================== 2. Content Bottom styles ========================================================================== */ .edgtf-content-bottom .edgtf-container { background-color: transparent; } /* ========================================================================== 9. Shortcodes styles ========================================================================== */ /* Elements holders styles ========================================================================== */ /* ========================================================================== Elements Holder start style ========================================================================== */ .edgtf-elements-holder { width: 100%; display: table; table-layout: fixed; } .edgtf-elements-holder.edgtf-two-columns .edgtf-elements-holder-item { width: 50%; } .edgtf-elements-holder.edgtf-two-columns .edgtf-elements-holder-item { width: 50%; } .edgtf-elements-holder.edgtf-three-columns .edgtf-elements-holder-item { width: 33%; } .edgtf-elements-holder.edgtf-four-columns .edgtf-elements-holder-item { width: 25%; } .edgtf-elements-holder.edgtf-five-columns .edgtf-elements-holder-item { width: 20%; } .edgtf-elements-holder.edgtf-six-columns .edgtf-elements-holder-item { width: 16%; } .edgtf-elements-holder .edgtf-elements-holder-item { display: table-cell; vertical-align: middle; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .edgtf-elements-holder .edgtf-elements-holder-item.edgtf-vertical-alignment-top { vertical-align: top; } .edgtf-elements-holder .edgtf-elements-holder-item.edgtf-vertical-alignment-bottom { vertical-align: bottom; } .edgtf-elements-holder .edgtf-elements-holder-item.edgtf-horizontal-alignment-center { text-align: center; } .edgtf-elements-holder .edgtf-elements-holder-item.edgtf-horizontal-alignment-right { text-align: right; } .edgtf-elements-holder .edgtf-elements-holder-item .edgtf-elements-holder-item-link { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; line-height: 0; } .edgtf-elements-holder .edgtf-elements-holder-item .edgtf-elements-holder-item-inner { width: 100%; } .edgtf-elements-holder .edgtf-elements-holder-item.edgtf-eh-with-zoom { position: relative; overflow: hidden; } .edgtf-elements-holder .edgtf-elements-holder-item.edgtf-eh-with-zoom .edgtf-elements-holder-item-image-zoom { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transition: transform 0.5s cubic-bezier(0.15, 0.7, 0.54, 0.99); -moz-transition: transform 0.5s cubic-bezier(0.15, 0.7, 0.54, 0.99); transition: transform 0.5s cubic-bezier(0.15, 0.7, 0.54, 0.99); will-change: transform; -webkit-backface-visibility: hidden; } .edgtf-elements-holder .edgtf-elements-holder-item.edgtf-eh-with-zoom:hover .edgtf-elements-holder-item-image-zoom { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03); } .edgtf-elements-holder.edgtf-elements-items-float.edgtf-three-columns .edgtf-elements-holder-item { width: 33.33333333333333%; } .edgtf-elements-holder.edgtf-elements-items-float.edgtf-six-columns .edgtf-elements-holder-item { width: 16.66666666666667%; } .edgtf-elements-holder.edgtf-elements-items-float .edgtf-elements-holder-item { float: left; } .edgtf-elements-holder .edgtf-elements-holder-item-content { padding: 0 20px; } /* ========================================================================== End of Elements Holder style ========================================================================== */ /* Team styles ========================================================================== */ /* ========================================================================== # Team style - begin ========================================================================== */ /* Team type main info on hover - begin ========================================================================== */ .edgtf-team:not(.main-info-below-image) { overflow: hidden; } .edgtf-team .edgtf-team-inner { overflow: hidden; width: 100%; } .edgtf-team .edgtf-team-image { position: relative; overflow: hidden; } .edgtf-team .edgtf-team-image img { width: 100%; vertical-align: middle; } .edgtf-team .edgtf-team-description { display: table; width: 100%; height: 100%; } .edgtf-team .edgtf-team-text p { margin: 0; } .edgtf-team .edgtf-team-social { display: table; width: 100%; height: 100%; } .edgtf-team .edgtf-team-social .edgt_icon_ion_icon:before, .edgtf-team .edgtf-team-social .edgt_icon_linea_icon:before { line-height: inherit; } .edgtf-team .edgtf-team-social-inner { display: table-cell; vertical-align: middle; text-align: center; position: relative; } .edgtf-team .edgtf-team-social-holder { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; display: table-cell; vertical-align: middle; background-color: rgba(48, 39, 28, 0.85); -webkit-transition: opacity 0.15s ease-out, background-color 0.15s ease-out; -moz-transition: opacity 0.15s ease-out, background-color 0.15s ease-out; transition: opacity 0.15s ease-out, background-color 0.15s ease-out; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: translateZ(0px); } .edgtf-team .edgtf-team-social-holder .social_icon { font-size: inherit; line-height: inherit; } .edgtf-team .edgtf-team-social-holder .social_icon { display: block; } .edgtf-team .edgtf-team-social-holder .social_icon:before { display: block; } .edgtf-team:hover .edgtf-team-social-holder { -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; transition: opacity 0.4s ease; opacity: 1; } .edgtf-team.main-info-on-hover .edgtf-team-social-wrapp { margin: 20px 0 0 0; } .edgtf-team.main-info-on-hover .edgtf-team-name { color: #fff; } .edgtf-team.main-info-on-hover .edgtf-team-position { margin: 4px 0 17px 0; color: #c7a17a; font-family: Merriweather, serif; font-style: italic; font-size: 13px; } .edgtf-team.main-info-on-hover .edgtf-team-description { color: #fff; padding: 0 62px; box-sizing: border-box; } .edgtf-team.main-info-on-hover .edgtf-team-social-wrapp a { color: #eae7de; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .edgtf-team.main-info-on-hover .edgtf-team-social-wrapp a:hover { color: #c7a17a; } .edgtf-team.main-info-on-hover .edgtf-team-social-wrapp a .edgtf-icon-element { -webkit-transition: none; -moz-transition: none; transition: none; } .edgtf-team.main-info-on-hover .edgtf-icon-shortcode { margin-right: 25px; } .edgtf-team.main-info-on-hover .edgtf-icon-shortcode:last-child { margin-right: 0; } .touch .edgtf-team .edgtf-team-social-holder { cursor: pointer; } /* Team type main info on hover - end ========================================================================== */ /* Team type main info below image - begin ========================================================================== */ .edgtf-team.main-info-below-image { -webkit-transform: translateZ(0); text-align: center; } .edgtf-team.main-info-below-image .edgtf-team-social-wrapp { margin: 25px 0 0 0; } .edgtf-team.main-info-below-image .edgtf-icon-element { color: #c7a17a; } .edgtf-team.main-info-below-image .edgtf-icon-element:hover { color: #30271c; } .edgtf-team.main-info-below-image .edgtf-team-name { margin-bottom: 6px; } .edgtf-team.main-info-below-image .edgtf-icon-shortcode .edgtf-icon-element { margin: 13px; font-size: 20px; } .edgtf-team.main-info-below-image .edgtf-team-description { padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edgtf-team.main-info-below-image .edgtf-team-info { padding-top: 27px; } .edgtf-team.main-info-below-image .edgtf-team-info .edgtf-team-position { margin: 0; color: #c7a17a; font-family: Merriweather, serif; font-style: italic; font-size: 13px; font-weight: 300; } .edgtf-team.main-info-below-image .edgtf-team-image { overflow: visible; } .edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul { list-style: none; position: relative; display: block; z-index: 990; } .edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:first-child { bottom: 56px; /* social share icon + space between icons */ transition-delay: .5s; } .edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:nth-child(2) { bottom: 102px; /* previous icon position + icon height + space between icons */ transition-delay: .4s; } .edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:nth-child(3) { bottom: 148px; /* previous icon position + icon height + space between icons */ transition-delay: .3s; } .edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:nth-child(4) { bottom: 194px; /* previous icon position + icon height + space between icons */ transition-delay: .2s; } .edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:nth-child(5) { bottom: 240px; /* previous icon position + icon height + space between icons */ transition-delay: .1s; } .edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li { position: absolute; bottom: 0; left: 0; text-align: center; opacity: 0; -webkit-transition: opacity .03s ease-out, position .1s ease-out; transition: opacity .03s ease-out, position .1s ease-out; } .edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:first-child { bottom: 50px; } .edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:nth-child(2) { bottom: 90px; } .edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:nth-child(3) { bottom: 130px; } .edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:nth-child(4) { bottom: 170px; } .edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:nth-child(5) { bottom: 210px; } .edgtf-team.main-info-below-image .edgtf-team-text { padding: 15px 0 0 0; } .edgtf-team.main-info-below-image .edgtf-team-text p { margin: 0; } .edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li { opacity: 1; cursor: pointer; } .edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:first-child { transition-delay: .1s; } .edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:nth-child(2) { transition-delay: .2s; } .edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:nth-child(3) { transition-delay: .3s; } .edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:nth-child(4) { transition-delay: .4s; } .edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:nth-child(5) { transition-delay: .5s; } .edgtf-team.main-info-below-image.edgtf-team-image-grayscale .edgtf-team-image img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .edgtf-team.main-info-below-image.edgtf-team-image-grayscale .edgtf-team-image:hover img { -webkit-filter: grayscale(0); filter: none; } /* Team type main info below image - end ========================================================================== */ /* ========================================================================== # Team style - end ========================================================================== */ /* Call To Action styles ========================================================================== */ /* ========================================================================== # Call to action style - begin ========================================================================== */ .edgtf-call-to-action { position: relative; display: block; box-sizing: border-box; background-color: #eae7de; } .edgtf-call-to-action .edgtf-call-to-action-row-75-25, .edgtf-call-to-action .edgtf-call-to-action-row-50-50, .edgtf-call-to-action .edgtf-call-to-action-row-66-33 { display: table; box-sizing: border-box; width: 100%; } .edgtf-call-to-action .edgtf-call-to-action-row-75-25 .edgtf-call-to-action-column1 { width: 75%; } .edgtf-call-to-action .edgtf-call-to-action-column1 { position: relative; } .edgtf-call-to-action .edgtf-call-to-action-row-75-25 .edgtf-call-to-action-column2 { width: 25%; } .edgtf-call-to-action .edgtf-call-to-action-row-50-50 .edgtf-call-to-action-column1, .edgtf-call-to-action .edgtf-call-to-action-row-50-50 .edgtf-call-to-action-column2 { width: 50%; } .edgtf-call-to-action .edgtf-call-to-action-row-66-33 .edgtf-call-to-action-column1 { width: 66%; } .edgtf-call-to-action .edgtf-call-to-action-row-66-33 .edgtf-call-to-action-column2 { width: 34%; } .edgtf-call-to-action .edgtf-call-to-action-column2 { text-align: right; } .edgtf-call-to-action .edgtf-call-to-action-cell { display: table-cell; vertical-align: middle; } .edgtf-call-to-action .edgtf-text-wrapper .edgtf-call-to-action-icon-holder { display: inline-block; vertical-align: middle; padding-left: 20px; } .edgtf-call-to-action .edgtf-text-wrapper .edgtf-call-to-action-icon { display: table; height: 100%; color: #c7a17a; font-size: 28px; } .edgtf-call-to-action .edgtf-text-wrapper .edgtf-call-to-action-icon .edgtf-call-to-action-icon-inner { display: table-cell; height: 100%; vertical-align: middle; } .edgtf-call-to-action .edgtf-call-to-action-text { font-size: 21px; font-family: Merriweather, serif; color: #c7a17a; font-style: italic; } .edgtf-call-to-action.with-icon .edgtf-text-wrapper.left .edgtf-call-to-action-text { padding: 0 20px 0 0; } .edgtf-call-to-action.with-icon .edgtf-text-wrapper.right .edgtf-call-to-action-text { padding: 0 0 0 70px; } /* ========================================================================== # Call to action style - end ========================================================================== */ /* Counter styles ========================================================================== */ /* ========================================================================== # Counter style - begin ========================================================================== */ .edgtf-counter-holder { display: block; opacity: 0; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; padding: 20px 0; } .edgtf-counter-holder .edgtf-counter { font-size: 60px; line-height: 1em; font-weight: 600; font-family: "Oswald", sans-serif; color: #30271c; overflow: hidden; display: inline-block !important; height: 1em; vertical-align: middle; margin-bottom: 16px; } .edgtf-counter-holder .edgtf-counter-text { margin: 5px 0 0 0; } .edgtf-counter-holder .edgtf-counter-title { line-height: 1.35714em; font-weight: 400; font-family: Merriweather, serif; color: #c7a17a; font-style: italic; font-size: 14px; display: block; } .edgtf-counter-holder:hover .edgtf-counter-title { color: #c7a17a; } .edgtf-counter-holder-show { opacity: 1; } .edgtf-counter-holder.left { text-align: left; } .edgtf-counter-holder.right { text-align: right; } .edgtf-counter-holder.center { text-align: center; padding: 20px 40px; } /* ========================================================================== # Counter style - end ========================================================================== */ /* Icon styles ========================================================================== */ .edgtf-icon-shortcode { display: inline-block; } .edgtf-icon-shortcode.circle, .edgtf-icon-shortcode.square { background-color: #c7a17a; width: 2em; height: 2em; line-height: 2em; text-align: center; -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; } .edgtf-icon-shortcode.circle a, .edgtf-icon-shortcode.square a { display: inline-block; width: 100%; height: 100%; } .edgtf-icon-shortcode.circle .edgtf-icon-element, .edgtf-icon-shortcode.square .edgtf-icon-element { color: #fff; line-height: inherit; } .edgtf-icon-shortcode.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .edgtf-icon-shortcode .edgtf-icon-element { -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .edgtf-icon-animation-holder { -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; display: inline-block; } .edgtf-icon-animation-holder.edgtf-icon-animation-show { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .edgtf-icon-tiny { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .edgtf-icon-small { font-size: 2em; } .edgtf-icon-medium { font-size: 3em; } .edgtf-icon-large { font-size: 4em; } .edgtf-icon-huge { font-size: 5em; } /* Countdown styles ========================================================================== */ /* ========================================================================== # Countdown style - begin ========================================================================== */ /* jQuery Countdown styles 2.0.0. */ .countdown-rtl { direction: rtl; } .countdown-row { clear: both; width: 100%; padding: 0 2px; text-align: center; } .countdown-show1 .countdown-section { width: 98%; } .countdown-show2 .countdown-section { width: 48%; } .countdown-show3 .countdown-section { width: 32.5%; } .countdown-show4 .countdown-section { width: 24.5%; } .countdown-show5 .countdown-section { width: 19.5%; } .countdown-show6 .countdown-section { width: 16.25%; } .countdown-show7 .countdown-section { width: 14%; } .edgtf-countdown { font-weight: 300; } .countdown-section { display: inline-block; vertical-align: middle; text-align: center; font-weight: inherit; } .countdown-amount { display: block; vertical-align: middle; position: relative; font-size: 85px; font-family: "Oswald", sans-serif; font-weight: 600; line-height: 1em; color: #30271c; margin-bottom: 7px; } .countdown-period { display: block; vertical-align: middle; font-family: Merriweather, serif; font-style: italic; font-size: 18px; color: #30271c; } .countdown-descr { display: block; width: 100%; } /* ========================================================================== # Countdown style - end ========================================================================== */ /* Message styles ========================================================================== */ /* ========================================================================== # Message style - begin ========================================================================== */ /* Unique style for both types - begin ========================================================================== */ .edgtf-message { position: relative; padding: 24px 27px; margin: 0; background-color: #30271c; border: 0 solid #30271c; } @media only screen and (max-width: 480px) { .edgtf-message { padding: 20px 22px; } } .edgtf-message .edgtf-message-inner { position: relative; padding-right: 20px; } .edgtf-message .edgtf-message-inner .edgtf-message-text { display: table; height: 100%; } @media screen and (max-width: 320px) { .edgtf-message .edgtf-message-inner .edgtf-message-text { line-height: normal !important; } } .edgtf-message .edgtf-message-inner .edgtf-message-text .edgtf-message-text-inner { display: table-cell; height: 100%; vertical-align: middle; color: #f1efe9; font-size: 14px; font-style: normal; font-weight: 400; } .edgtf-message .edgtf-message-inner a.edgtf-close { position: absolute; right: 6px; top: 2px; line-height: 13px; font-size: 18px; } .edgtf-message .edgtf-message-inner a.edgtf-close i { width: 14px; height: 14px; color: #f1efe9; font-weight: 700; display: inline-block; } /* Unique style for both types - end ========================================================================== */ /* Type with icon - begin ========================================================================== */ .edgtf-message.edgtf-with-icon .edgtf-message-icon-holder { float: right; padding: 0 20px 0 34px; } @media only screen and (max-width: 600px) { .edgtf-message.edgtf-with-icon .edgtf-message-icon-holder { padding: 20px 22px; } } .edgtf-message.edgtf-with-icon .edgtf-message-icon-holder .edgtf-message-icon { display: table; height: 100%; color: #f1efe9; } .edgtf-message.edgtf-with-icon .edgtf-message-icon-holder .edgtf-message-icon .edgtf-message-icon-inner { display: table-cell; height: 100%; vertical-align: middle; font-size: 18px; font-weight: 400; } .edgtf-message.edgtf-with-icon .edgtf-message-icon-holder .edgtf-message-icon .edgtf-message-icon-inner > i, .edgtf-message.edgtf-with-icon .edgtf-message-icon-holder .edgtf-message-icon .edgtf-message-icon-inner > span { line-height: 1em; padding: 8px; } /* Type with icon - end ========================================================================== /* ========================================================================== # Message style - end ========================================================================== */ /* Ordered List styles ========================================================================== */ /* ========================================================================== # Ordered List Style - begin ========================================================================== */ .edgtf-ordered-list ol { counter-reset: li; display: block; list-style-type: none; background-position: left center; background-repeat: no-repeat; margin: 0 0 30px; } .edgtf-ordered-list ol li { margin: 0 0 11px; font-family: inherit; font-size: 14px; font-weight: 400; } .edgtf-ordered-list ol > li:before { color: #c7a17a; content: counter(li, decimal-leading-zero); counter-increment: li; padding-right: 16px; } .edgtf-ordered-list ul { counter-reset: li; display: block; list-style-type: none; background-position: left center; background-repeat: no-repeat; margin: 0 0 30px; } /* ========================================================================== # Ordered List Style - end ========================================================================== */ /* Unordered List styles ========================================================================== */ /* ========================================================================== # Unordered List Style - begin ========================================================================== */ .edgtf-unordered-list ul { display: block; margin: 0; padding: 0; } .edgtf-unordered-list ul > li { position: relative; font-family: inherit; } .edgtf-unordered-list { font-size: 14px; } .edgtf-unordered-list ul { list-style-type: none; } .edgtf-unordered-list ul li { padding-left: 21px; padding-bottom: 12px; } .edgtf-unordered-list.edgtf-square ul > li:before, .edgtf-unordered-list.edgtf-dropcaps.edgtf-circle ul > li:before { height: 5px; width: 5px; display: inline-block; position: absolute; left: 0; top: 10.5px; padding: 0; background-color: #c7a17a; text-align: center; content: ''; } .edgtf-unordered-list.edgtf-circle ul > li:before { height: 5px; width: 5px; display: inline-block; position: absolute; left: 0; top: 10.5px; padding: 0; background-color: #c7a17a; text-align: center; content: ''; border-radius: 5px; } .edgtf-unordered-list.edgtf-animate-list ul li { opacity: 0; top: -40px; -webkit-transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out; } .edgtf-unordered-list.edgtf-animate-list.edgtf-appeared ul li, .touch .no_animation_on_touch .edgtf-unordered-list.edgtf-animate-list ul li { opacity: 1; top: 0; } /* ========================================================================== # Unordered List Style - end ========================================================================== */ /* Icon List Item styles ========================================================================== */ /* ========================================================================== # Icon List Item style - begin ========================================================================== */ .edgtf-icon-list-item { display: table; height: 1em; width: 100%; position: relative; margin-bottom: 7px; } .edgtf-icon-list-item .edgtf-icon-list-icon-holder { display: table-cell; vertical-align: middle; width: 1%; padding-right: 13px; } .edgtf-icon-list-item .edgtf-icon-list-icon-holder-inner i, .edgtf-icon-list-item .edgtf-icon-list-icon-holder-inner span { display: block; color: #c7a17a; font-size: 14px; text-align: center; } .edgtf-icon-list-item .edgtf-icon-list-text { display: table-cell; vertical-align: middle; position: relative; } /* ========================================================================== # Icon List Item style - end ========================================================================== */ /* Progress Bar styles ========================================================================== */ /* ========================================================================== Progress bar shortcode start styles ========================================================================== */ .edgtf-progress-bar { position: relative; margin: 0 0 10px; width: 100%; overflow: hidden; text-align: left; padding-right: 24px; } .edgtf-progress-bar .edgtf-progress-title-holder { position: relative; margin: 4px 0; } .edgtf-progress-bar .edgtf-progress-title-holder .edgtf-progress-title { display: inline-block; z-index: 100; } .edgtf-progress-bar .edgtf-progress-number-wrapper { text-align: right; left: 0; z-index: 10; opacity: 0; bottom: 0; } .edgtf-progress-bar .edgtf-progress-number-wrapper .edgtf-progress-number { display: inline-block; text-align: center; float: right; } .edgtf-progress-bar .edgtf-progress-number-wrapper .edgtf-progress-number .edgtf-percent:after { content: '%'; margin-left: 0.1em; font-size: 1em; } .edgtf-progress-bar .edgtf-progress-number-wrapper.edgtf-floating { width: 100%; height: 100%; } .edgtf-progress-bar .edgtf-progress-number-wrapper.edgtf-floating .edgtf-progress-number { position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .edgtf-progress-bar .edgtf-progress-number-wrapper.edgtf-static { width: 100%; margin-left: 0; } .edgtf-progress-bar .edgtf-progress-content-outer { background-color: #eae7de; position: relative; overflow: hidden; height: 5px; border-radius: 5px; } .edgtf-progress-bar .edgtf-progress-content-outer .edgtf-progress-content { max-width: 100%; width: 0; overflow: hidden; background-color: #c7a17a; height: 5px; box-sizing: border-box; border-radius: 5px; } /* ========================================================================== Progress bar shortcode end styles ========================================================================== */ /* Testimonials styles ========================================================================== */ /* ========================================================================== # Testimonial style - begin ========================================================================== */ .edgtf-testimonials { visibility: hidden; /* Testimonials image styles */ /* #Testimonial simple - start ========================================================================== */ /* #Testimonial simple - end ========================================================================== */ /* #Testimonial carousel - start ========================================================================== */ /* #Testimonial carousel - end ========================================================================== */ } .edgtf-testimonials .edgtf-testimonial-content { cursor: -webkit-grab; cursor: grab; } .edgtf-testimonials .edgtf-testimonial-text-holder { position: relative; display: block; } .edgtf-testimonials .edgtf-testimonial-text-holder .edgtf-testimonial-text-inner { display: block; text-align: center; } .edgtf-testimonials .edgtf-testimonial-image-holder { text-align: center; margin-bottom: 48px; } .edgtf-testimonials .edgtf-testimonial-image-holder img { max-width: 100%; vertical-align: middle; } .edgtf-testimonials .edgtf-slick-dots li { -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.4, 0.87, 0.4, 0.87); transition: transform 0.15s cubic-bezier(0.4, 0.87, 0.4, 0.87); } .edgtf-testimonials .edgtf-slick-dots li.slick-active { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } .edgtf-testimonials.edgtf-testimonials-type-simple .edgtf-testimonial-text { font-size: 19px; line-height: 35px; font-style: italic; margin-bottom: 27px; font-family: Merriweather, serif; font-weight: 500; } .edgtf-testimonials.edgtf-testimonials-type-simple .edgtf-testimonial-title { margin-bottom: 20px; } .edgtf-testimonials.edgtf-testimonials-type-simple .edgtf-testimonial-icon-holder { text-align: center; font-size: 50px; color: #c7a17a; } .edgtf-testimonials.edgtf-testimonials-type-simple .edgtf-testimonial-author-text { font-family: "Oswald", sans-serif; font-size: 19px; text-transform: uppercase; } .edgtf-testimonials.edgtf-testimonials-type-carousel { margin: 0 -13px; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-content { padding: 0 13px; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-text-holder { position: relative; padding-bottom: 30px; padding-top: 10px; margin-bottom: 5px; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-text-holder .edgtf-testimonial-text-inner { text-align: left; background-color: #fff; padding: 40px; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.06); } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-text-holder .edgtf-testimonial-text { margin: 0; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-text-holder .edgtf-testimonial-arrow { position: absolute; bottom: 15px; left: 27px; width: 0; height: 0; border-right: 9px solid transparent; border-top: 15px solid #c7a17a; border-left: 9px solid transparent; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-text-holder .edgtf-testimonial-title { margin-bottom: 14px; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-carousel-bottom { display: table; width: 100%; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-image-holder { width: 70px; display: table-cell; vertical-align: middle; margin: 0; padding: 0 15px; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-author { display: table-cell; vertical-align: middle; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-author .edgtf-testimonial-author-text { margin: 0; color: #30271c; font-weight: 700; } .edgtf-testimonials.edgtf-testimonials-type-carousel .edgtf-testimonial-author .edgtf-testimonials-job { font-family: Merriweather, serif; font-style: italic; color: #c7a17a; } .edgtf-testimonials.edgtf-dark-dots .edgtf-slick-dots li { background-color: #30271c; } .edgtf-testimonials.edgtf-dark-dots .edgtf-slick-dots li.slick-active { background-color: #c7a17a; } /* ========================================================================== # Testimonial style - end ========================================================================== */ /* Pricing Tables styles ========================================================================== */ /* ========================================================================== # Pricing table style - begin ========================================================================== */ .edgtf-pricing-tables.edgtf-two-columns .edgtf-price-table { width: 48.75%; } .edgtf-pricing-tables.edgtf-three-columns .edgtf-price-table { width: 31.666666666666668%; } .edgtf-pricing-tables.edgtf-four-columns .edgtf-price-table { width: 23.125%; } .edgtf-price-table { position: relative; width: 100%; padding: 0; margin-left: 2.5%; float: left; } .edgtf-price-table:first-child { margin-left: 0; } .edgtf-price-table .edgtf-price-table-inner { position: relative; background-color: #eae7de; } .edgtf-price-table .edgtf-price-table-inner ul { list-style: none outside none; margin: 0; } .edgtf-price-table .edgtf-price-table-inner ul li { text-align: center; margin: 0; padding: 0; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-title, .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices, .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-content { border-bottom: 2px solid #dfd8c4; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-title { padding: 29px 10px 22px; position: relative; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-title .edgtf-title-content { display: block; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-content { padding: 31px 40px; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-content p { margin: 0; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-content ul { padding: 0; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-content ul li:last-child { border-bottom: none; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices { padding: 31px 5px 26px; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices .edgtf-price-in-table { text-align: center; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices .edgtf-price-holder { display: inline-block; position: relative; vertical-align: middle; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices .edgtf-value { font-family: Merriweather, serif; font-size: 24px; line-height: 30px; color: #000000; vertical-align: top; font-weight: 300; left: -20px; position: absolute; top: 0; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices .edgtf-price { font-size: 62px; font-family: Merriweather, serif; line-height: 50px; padding: 0 3px; display: inline-block; vertical-align: middle; font-weight: 400; color: #30271c; } .edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices .edgtf-mark { position: relative; vertical-align: bottom; display: block; padding: 7px 0 0 0; } .edgtf-price-table .edgtf-price-table-inner .edgtf-price-button { padding: 32px 0; } .edgtf-price-table.edgtf-active .edgtf-price-table-inner { margin: -20px 0 0; padding: 0 0 10px; } .edgtf-price-table.edgtf-active .edgtf-price-table-inner ul li.edgtf-table-title { padding: 34px 10px; } .edgtf-price-table.edgtf-active .edgtf-price-table-inner .edgtf-price-button { padding: 38px 0; } .edgtf-price-table.edgtf-active > ul { margin: -38px 0 0; padding: 38px 0 0; background-position: 0 38px; } .edgtf-price-table.edgtf-active .edgtf-table-title { background-color: #30271c; } .edgtf-price-table.edgtf-active .edgtf-table-title .edgtf-title-content { color: #fff; } .edgtf-price-table.edgtf-active .edgtf-active-text { text-align: center; display: block; font-family: Merriweather, serif; font-weight: 500; color: #c7a17a; } /* ========================================================================== # Pricing table style - end ========================================================================== */ /* Pie Chart Basic styles ========================================================================== */ /* ========================================================================== # Pie Chart Basic - begin ========================================================================== */ .edgtf-pie-chart-holder { position: relative; display: block; } .edgtf-pie-chart-holder .edgtf-percentage { position: relative; display: block; height: 180px; width: 180px; line-height: 180px; text-align: center; margin: 0 auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .edgtf-pie-chart-holder .edgtf-percentage .edgtf-pie-title { line-height: inherit; } .edgtf-pie-chart-holder .edgtf-percentage canvas { position: absolute; top: 0; left: 0; } .edgtf-pie-chart-holder .edgtf-to-counter { position: relative; font-weight: 500; font-size: 40px; color: #000; } .edgtf-pie-chart-holder .edgtf-pie-chart-text { text-align: center; margin: 23px 0 0; } .edgtf-pie-chart-holder .edgtf-pie-chart-text .edgtf-pie-title { margin: 0 0 12px; } /* ========================================================================== # Pie Chart Basic - end ========================================================================== */ /* Pie Chart With Icon styles ========================================================================== */ /* ========================================================================== # Pie Chart With Icon - begin ========================================================================== */ .edgtf-pie-chart-with-icon-holder { position: relative; display: block; } .edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon { position: relative; display: block; height: 180px; width: 180px; line-height: 180px; text-align: center; margin: 0 auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; } .edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon canvas { position: absolute; top: 0; left: 0; } .edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon i, .edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon span { float: none; margin: 0; color: #30271c; vertical-align: middle !important; display: inline-block; line-height: 1em; font-size: 50px; } .edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon .edgt_icon_font_elegant { line-height: inherit; } .edgtf-pie-chart-with-icon-holder .edgtf-pie-chart-text { text-align: center; margin: 23px 0 0; } .edgtf-pie-chart-with-icon-holder .edgtf-pie-chart-text .edgtf-pie-title { margin: 0 0 12px; } /* ========================================================================== # Pie Chart With Icon - end ========================================================================== */ /* Pie Chart Doughnut styles ========================================================================== */ /* ========================================================================== # Pie Chart Doughnut - begin ========================================================================== */ .edgtf-pie-chart-doughnut-holder { display: block; position: relative; overflow: hidden; } .edgtf-pie-chart-doughnut-holder .edgtf-pie-chart-doughnut { margin: 0 22px 0 0; float: left; } .edgtf-pie-chart-doughnut-holder .edgtf-pie-legend { position: relative; float: left; width: 40%; } .edgtf-pie-chart-doughnut-holder .edgtf-pie-legend ul { list-style: none; padding: 0; } .edgtf-pie-chart-doughnut-holder .edgtf-pie-legend ul li { display: block; margin: 0 0 10px 0; } .edgtf-pie-chart-doughnut-holder .edgtf-pie-legend ul li .edgtf-pie-color-holder { width: 25px; height: 25px; background-color: #c7a17a; float: left; } .edgtf-pie-chart-doughnut-holder .edgtf-pie-legend ul li p { line-height: 25px; margin: 0; padding: 0 0 0 50px; } /* ========================================================================== # Pie Chart Doughnut - end ========================================================================== */ /* Pie Chart Pie styles ========================================================================== */ /* ========================================================================== # Pie Chart Pie - begin ========================================================================== */ .edgtf-pie-chart-pie-holder { display: block; position: relative; overflow: hidden; } .edgtf-pie-chart-pie-holder .edgtf-pie-chart-pie { margin: 0 22px 0 0; float: left; } .edgtf-pie-chart-pie-holder .edgtf-pie-legend { position: relative; float: left; width: 20%; } .edgtf-pie-chart-pie-holder .edgtf-pie-legend ul { list-style: none; padding: 0; } .edgtf-pie-chart-pie-holder .edgtf-pie-legend ul li { display: block; margin: 0 0 10px 0; } .edgtf-pie-chart-pie-holder .edgtf-pie-legend ul li .edgtf-pie-color-holder { width: 25px; height: 25px; background-color: #c7a17a; float: left; } .edgtf-pie-chart-pie-holder .edgtf-pie-legend ul li p { line-height: 25px; margin: 0; padding: 0 0 0 50px; } /* ========================================================================== # Pie Chart Pie - end ========================================================================== */ /* Pie Chart Pie styles ========================================================================== */ .edgtf-process-holder { position: relative; } .edgtf-process-holder .edgtf-process-inner { margin: 0 -48px; } .edgtf-process-holder .edgtf-process-item-holder { text-align: center; float: left; width: 25%; } .no-touch .edgtf-process-holder .edgtf-process-item-holder { opacity: 1; } .edgtf-process-holder .edgtf-process-item-holder .edgtf-pi-holder-inner { padding: 0 48px; } .edgtf-process-holder .edgtf-process-item-holder .edgtf-pi-number-holder { width: 100%; height: 0; padding-bottom: 100%; background-color: #c7a17a; border-radius: 100%; position: relative; color: #fff; -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out; transition: background-color 0.2s ease-out, color 0.2s ease-out; } .edgtf-process-holder .edgtf-process-item-holder .edgtf-pi-number-holder:after { content: ''; position: absolute; left: 4px; top: 4px; bottom: 4px; right: 4px; border: 3px solid #fff; border-radius: 100%; -webkit-transition: left 0.2s ease-out, right 0.2s ease-out, top 0.2s ease-out, bottom 0.2s ease-out; -moz-transition: left 0.2s ease-out, right 0.2s ease-out, top 0.2s ease-out, bottom 0.2s ease-out; transition: left 0.2s ease-out, right 0.2s ease-out, top 0.2s ease-out, bottom 0.2s ease-out; } .edgtf-process-holder .edgtf-process-item-holder .edgtf-pi-number-holder .edgtf-pi-image { position: absolute; display: block; width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .edgtf-process-holder .edgtf-process-item-holder .edgtf-pi-number-holder .edgtf-pi-number { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 62px; line-height: 1em; font-weight: 300; } .edgtf-process-holder .edgtf-process-item-holder .edgtf-pi-number-holder .edgtf-pi-arrow { position: absolute; right: -62px; top: 50%; transform: translateY(-50%); font-size: 28px; color: #c7a17a; } .edgtf-process-holder .edgtf-process-item-holder:hover .edgtf-pi-number-holder, .edgtf-process-holder .edgtf-process-item-holder.edgtf-pi-highlighted .edgtf-pi-number-holder { background-color: #30271c; color: #fff; } .edgtf-process-holder .edgtf-process-item-holder:hover .edgtf-pi-number-holder:after, .edgtf-process-holder .edgtf-process-item-holder.edgtf-pi-highlighted .edgtf-pi-number-holder:after { left: 8px; top: 8px; bottom: 8px; right: 8px; } .edgtf-process-holder .edgtf-process-item-holder:hover .edgtf-pi-number-holder .edgtf-pi-image, .edgtf-process-holder .edgtf-process-item-holder.edgtf-pi-highlighted .edgtf-pi-number-holder .edgtf-pi-image { opacity: 0; } .edgtf-process-holder .edgtf-process-item-holder:last-child .edgtf-pi-arrow { display: none; } .edgtf-process-holder .edgtf-process-item-holder .edgtf-pi-content-holder { padding-top: 29px; } .edgtf-process-holder.edgtf-process-holder-items-three .edgtf-process-item-holder { width: 33.33%; } .edgtf-process-holder.edgtf-process-holder-items-five .edgtf-process-item-holder { width: 20%; } .edgtf-process-holder.edgtf-process-multiple-highlights .edgtf-pi-holder-inner { width: 100%; } .edgtf-process-holder .edgtf-pi-title-holder { margin-bottom: 7px; } .edgtf-process-holder .edgtf-pi-title { margin: 0; } .edgtf-process-holder .edgtf-pi-text-holder p { margin: 0; } /* Tabs styles ========================================================================== */ /* ========================================================================== # Tabs style - begin ========================================================================== */ .edgtf-tabs .edgtf-tabs-nav { display: block; position: relative; list-style: none outside none; margin: 0; padding: 0; overflow: hidden; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edgtf-tabs .edgtf-tabs-nav li { margin: 0; } .edgtf-tabs .edgtf-tabs-nav li a { position: relative; display: block; padding: 13px 25px; color: #30271c; background-color: #fff; font-family: "Oswald", sans-serif; font-size: 19px; font-weight: 700; text-transform: uppercase; border-right: 2px solid #efefef; border-bottom: 2px solid #efefef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .edgtf-tabs .edgtf-tabs-nav li a i, .edgtf-tabs .edgtf-tabs-nav li a span { -webkit-transition: initial; -moz-transition: initial; transition: initial; } .edgtf-tabs .edgtf-tabs-nav li a .edgtf-icon-frame { display: inline-block; min-width: 20px; line-height: 1; vertical-align: middle; } .edgtf-tabs .edgtf-tabs-nav li a .edgtf-tab-text-after-icon { -webkit-transition: initial; -moz-transition: initial; transition: initial; vertical-align: middle; } .edgtf-tabs .edgtf-tabs-nav li:last-child a { border-right: 0; } .edgtf-tabs .edgtf-tab-container { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Icon tabs styles ========================================================================== */ .edgtf-tabs.edgtf-horizontal-tab.edgtf-tab-with-icon ul li a .edgtf-tab-text-after-icon { padding: 0 4px 0 0; } .edgtf-tabs.edgtf-vertical-tab.edgtf-tab-with-icon ul li a .edgtf-tab-text-after-icon { padding: 0 0 0 13px; } .edgtf-tabs.edgtf-tab-with-icon ul li:hover .edgtf-icon-frame { -webkit-animation: edgtf-appear 0.35s forwards ease; -moz-animation: edgtf-appear 0.35s forwards ease; animation: edgtf-appear 0.35s forwards ease; } @-webkit-keyframes edgtf-appear { 0% { opacity: 0; -webkit-transform: translateX(25px); -moz-transform: translateX(25px); transform: translateX(25px); } 30% { opacity: .1; -webkit-transform: translateX(15px); -moz-transform: translateX(15px); transform: translateX(15px); } 100% { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } } @keyframes edgtf-appear { 0% { opacity: 0; -webkit-transform: translateX(25px); -moz-transform: translateX(25px); transform: translateX(25px); } 30% { opacity: .1; -webkit-transform: translateX(15px); -moz-transform: translateX(15px); transform: translateX(15px); } 100% { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } } /* Horizontal tabs styles ========================================================================== */ .edgtf-tabs.edgtf-horizontal-tab .edgtf-tabs-nav li { float: left; } .edgtf-tabs.edgtf-horizontal-tab .edgtf-tabs-nav li a { text-align: center; } .edgtf-tabs.edgtf-horizontal-tab .edgtf-tabs-nav li.ui-state-active a, .edgtf-tabs.edgtf-horizontal-tab .edgtf-tabs-nav li.ui-state-hover a { color: #c7a17a; border-bottom-color: #c7a17a; } .edgtf-tabs.edgtf-horizontal-tab .edgtf-tab-container { padding: 25px 10px 25px 0; } /* Vertical tabs styles ========================================================================== */ .edgtf-tabs.edgtf-vertical-tab .edgtf-tabs-nav { float: left; width: 18%; } .edgtf-tabs.edgtf-vertical-tab .edgtf-tabs-nav li { position: relative; display: block; width: 100%; } .edgtf-tabs.edgtf-vertical-tab .edgtf-tabs-nav li a { color: #000; margin-right: 0; margin-bottom: 1px; border-right: none; } .edgtf-tabs.edgtf-vertical-tab .edgtf-tabs-nav li.ui-state-active a, .edgtf-tabs.edgtf-vertical-tab .edgtf-tabs-nav li.ui-state-hover a { color: #c7a17a; border-bottom-color: #c7a17a; } .edgtf-tabs.edgtf-vertical-tab .edgtf-tabs-nav li:last-child { margin: 0; } .edgtf-tabs.edgtf-vertical-tab .edgtf-tab-container { float: left; width: 82%; padding: 10px 30px; } .edgtf-tabs.edgtf-vertical-tab.edgtf-tab-only-icon .edgtf-tabs-nav li a { text-align: center; } /* ========================================================================== # Tabs style - end ========================================================================== */ /* Accordions styles ========================================================================== */ /* ========================================================================== Accordion shortcode start styles ========================================================================== */ .edgtf-accordion-holder { position: relative; } .edgtf-accordion-holder .edgtf-accordion-content { margin: 0; padding: 30px; background-color: #f8f8f8; } .edgtf-accordion-holder .edgtf-title-holder { cursor: pointer; position: relative; height: 50px; line-height: 50px; padding: 0; margin: 15px 0 0; box-sizing: border-box; border-bottom: 2px solid #f8f8f8; background-color: #f8f8f8; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out; } .edgtf-accordion-holder .edgtf-title-holder:first-child { margin: 0; } .edgtf-accordion-holder .edgtf-title-holder .edgtf-tab-title, .edgtf-accordion-holder .edgtf-title-holder .edgtf-tab-title-inner { color: inherit; line-height: inherit; } .edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark { position: absolute; top: 0; left: 14px; display: block; line-height: inherit; color: #c7a17a; box-sizing: border-box; -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out; } .edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark-icon { position: relative; display: block; width: 100%; height: 100%; line-height: inherit; text-align: center; font-size: 18px; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark-icon span { position: absolute; display: block; width: 100%; height: 100%; line-height: inherit; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; margin-left: -1px; } .edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark-icon .icon_minus-06 { opacity: 0; } .edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark-icon .icon_plus { opacity: 1; } .edgtf-accordion-holder .edgtf-title-holder.ui-state-active { border-bottom-color: #c7a17a; } .edgtf-accordion-holder .edgtf-title-holder.ui-state-active .edgtf-accordion-mark-icon .icon_minus-06 { opacity: 1; } .edgtf-accordion-holder .edgtf-title-holder.ui-state-active .edgtf-accordion-mark-icon .icon_plus { opacity: 0; } .edgtf-accordion-holder.edgtf-initial .edgtf-title-holder .edgtf-tab-title { padding: 0 0 0 47px; position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; box-sizing: border-box; text-align: left; } .edgtf-accordion-holder.edgtf-initial .edgtf-title-holder .edgtf-tab-title span.edgtf-tab-title-inner { position: relative; position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; text-align: left; } .edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder { text-align: center; padding: 0 27px; background-color: #fff; } .edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder .edgtf-accordion-mark { border: 0; background-color: transparent; } .edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder.ui-state-active, .edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder.ui-state-hover { border: 1px solid #c7a17a; } /* Title with number styles ========================================================================== */ /* ========================================================================== # Title with number style - begin ========================================================================== */ .edgtf-title-with-number .edgtf-twn-number { color: #c7a17a; font-family: Merriweather, serif; font-style: italic; margin: 0 15px 0 0; vertical-align: middle; display: inline-block; text-transform: none; font-size: 60px; letter-spacing: -3px; font-weight: 400; vertical-align: baseline; } /* ========================================================================== # Title with number style - end ========================================================================== */ /* Google Map styles ========================================================================== */ /* ========================================================================== Google Map start style ========================================================================== */ .edgtf-google-map-holder { position: relative; } .edgtf-google-map { display: block; width: 100%; height: 300px; } .edgtf-google-map iframe, .edgtf-google-map object, .edgtf-google-map embed { width: 100%; display: block; } .edgtf-google-map img { max-width: none; } .edgtf-google-map-overlay { position: absolute; z-index: 1000; width: 100%; height: 100%; display: none; top: 0; left: 0; } /* ========================================================================== End of Google Map style ========================================================================== */ /* Separator styles ========================================================================== */ /* ========================================================================== Separator start style ========================================================================== */ .edgtf-separator-holder { position: relative; height: auto; font-size: 0; line-height: 1em; } .edgtf-separator-holder.edgtf-separator-center { text-align: center; } .edgtf-separator-holder.edgtf-separator-left { text-align: left; } .edgtf-separator-holder.edgtf-separator-right { text-align: right; } .edgtf-separator-holder.edgtf-separator-full-width .edgtf-separator { width: 100% !important; } .edgtf-separator { position: relative; display: inline-block; vertical-align: middle; border-bottom: 2px solid #c7a17a; margin: 5px 0; } /* ========================================================================== End of Separator style ========================================================================== */ /* Blog List styles ========================================================================== */ /* #Latest posts ========================================================================== */ .edgtf-blog-list-holder { display: inline-block; width: 100%; } .edgtf-blog-list-holder > ul { list-style: none; display: inline-block; width: 100%; height: 100%; position: relative; margin: 0; padding: 0; vertical-align: top; } .edgtf-blog-list-holder > ul > li { display: block; position: relative; } .edgtf-blog-list-holder .edgtf-item-text-holder { display: inline-block; width: 100%; box-sizing: border-box; padding: 30px 0; } .edgtf-blog-list-holder .edgtf-excerpt { margin: 0 0 15px; } .edgtf-blog-list-holder .edgtf-item-info-section { margin-bottom: 15px; font-size: 13px; line-height: 14px; font-family: Merriweather, serif; font-style: italic; color: #c7a17a; } .edgtf-blog-list-holder .edgtf-item-info-section > div { display: inline-block; position: relative; margin-right: 6px; } .edgtf-blog-list-holder .edgtf-item-info-section > div.edgtf-post-info-author a { text-transform: capitalize; } .edgtf-blog-list-holder .edgtf-item-info-section > div a { color: #c7a17a; } .edgtf-blog-list-holder .edgtf-item-info-section > div a:hover { color: #30271c; } .edgtf-blog-list-holder .edgtf-item-info-section > div:after { content: '/'; margin-left: 6px; } .edgtf-blog-list-holder .edgtf-item-info-section > div:last-child { margin-right: 0; } .edgtf-blog-list-holder .edgtf-item-info-section > div:last-child:after { display: none; } .edgtf-blog-list-holder .edgtf-item-image a { display: block; position: relative; overflow: hidden; } .edgtf-blog-list-holder .edgtf-item-image a:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(48, 39, 28, 0.3); opacity: 0; -webkit-transition: opacity 0.45s ease; -moz-transition: opacity 0.45s ease; transition: opacity 0.45s ease; } .edgtf-blog-list-holder .edgtf-item-image a:hover:after { opacity: 1; } .edgtf-blog-list-holder .edgtf-item-image img { width: 100%; vertical-align: middle; } .edgtf-blog-list-holder.edgtf-boxes > ul { clear: both; } .edgtf-blog-list-holder.edgtf-boxes > ul > li { padding: 0; float: left; border: 0; box-sizing: border-box; margin: 0 2% 2% 0; } .edgtf-blog-list-holder.edgtf-boxes .edgtf-item-text-holder { background-color: transparent; } .edgtf-blog-list-holder.edgtf-boxes .edgtf-item-title { margin-bottom: 20px; } .edgtf-blog-list-holder.edgtf-boxes .edgtf-blog-list-read-more { color: #c7a17a; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; } .edgtf-blog-list-holder.edgtf-boxes .edgtf-blog-list-read-more i { position: relative; vertical-align: middle; top: -2px; margin-left: 10px; font-size: 20px; color: #c7a17a; right: 0; -webkit-transition: right 0.2s cubic-bezier(0.1, 0, 0.3, 1); -moz-transition: right 0.2s cubic-bezier(0.1, 0, 0.3, 1); transition: right 0.2s cubic-bezier(0.1, 0, 0.3, 1); } .edgtf-blog-list-holder.edgtf-boxes .edgtf-blog-list-read-more span { display: inline-block; font-size: 20px; line-height: 21px; vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .edgtf-blog-list-holder.edgtf-boxes .edgtf-blog-list-read-more:hover span { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); transform: translateX(5px); } .edgtf-blog-list-holder.edgtf-boxes .edgtf-blog-list-read-more:hover i { right: -6px; } .edgtf-blog-list-holder.edgtf-standard > ul { clear: both; } .edgtf-blog-list-holder.edgtf-standard > ul > li { padding: 0; float: left; border: 0; box-sizing: border-box; margin: 0 2% 2% 0; } .edgtf-blog-list-holder.edgtf-standard .edgtf-item-text-holder { padding: 28px 0; } .edgtf-blog-list-holder.edgtf-standard .edgtf-item-title { margin-bottom: 18px; } .edgtf-blog-list-holder.edgtf-standard .edgtf-blog-list-read-more { position: relative; color: #c7a17a; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; } .edgtf-blog-list-holder.edgtf-standard .edgtf-blog-list-read-more span { display: inline-block; font-size: 20px; line-height: 21px; vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .edgtf-blog-list-holder.edgtf-standard .edgtf-blog-list-read-more:hover span { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); transform: translateX(5px); } .edgtf-blog-list-holder.edgtf-boxes.edgtf-one-column > ul > li, .edgtf-blog-list-holder.edgtf-standard.edgtf-one-column > ul > li { float: none; margin: 0; } .edgtf-blog-list-holder.edgtf-boxes.edgtf-two-columns > ul > li, .edgtf-blog-list-holder.edgtf-standard.edgtf-two-columns > ul > li { width: 49%; } .edgtf-blog-list-holder.edgtf-boxes.edgtf-three-columns > ul > li, .edgtf-blog-list-holder.edgtf-standard.edgtf-three-columns > ul > li { width: 32%; } .edgtf-blog-list-holder.edgtf-boxes.edgtf-four-columns > ul > li, .edgtf-blog-list-holder.edgtf-standard.edgtf-four-columns > ul > li { width: 23.5%; } .edgtf-blog-list-holder.edgtf-boxes.edgtf-two-columns ul.edgtf-blog-list li:nth-child(2n), .edgtf-blog-list-holder.edgtf-boxes.edgtf-three-columns ul.edgtf-blog-list li:nth-child(3n), .edgtf-blog-list-holder.edgtf-boxes.edgtf-four-columns ul.edgtf-blog-list li:nth-child(4n), .edgtf-blog-list-holder.edgtf-standard.edgtf-two-columns ul.edgtf-blog-list li:nth-child(2n), .edgtf-blog-list-holder.edgtf-standard.edgtf-three-columns ul.edgtf-blog-list li:nth-child(3n), .edgtf-blog-list-holder.edgtf-standard.edgtf-four-columns ul.edgtf-blog-list li:nth-child(4n) { margin: 0; } .edgtf-blog-list-holder.edgtf-boxes.edgtf-two-columns ul.edgtf-blog-list li:nth-child(2n+1), .edgtf-blog-list-holder.edgtf-boxes.edgtf-three-columns ul.edgtf-blog-list li:nth-child(3n+1), .edgtf-blog-list-holder.edgtf-boxes.edgtf-four-columns ul.edgtf-blog-list li:nth-child(4n+1), .edgtf-blog-list-holder.edgtf-standard.edgtf-two-columns ul.edgtf-blog-list li:nth-child(2n+1), .edgtf-blog-list-holder.edgtf-standard.edgtf-three-columns ul.edgtf-blog-list li:nth-child(3n+1), .edgtf-blog-list-holder.edgtf-standard.edgtf-four-columns ul.edgtf-blog-list li:nth-child(4n+1) { clear: both; } /*------------------image in left box -----------------------------*/ .edgtf-blog-list-holder.edgtf-image-in-box ul > li:not(:first-child) { padding: 25px 0 0 0; } .edgtf-blog-list-holder.edgtf-image-in-box .edgtf-blog-list-item-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-image { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; width: 110px; padding-right: 17px; } .edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-text-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; text-align: left; vertical-align: top; padding: 0; border-bottom: 2px solid #efefef; } .edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-info-section { margin: 8px 0 0 0; } .edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-title { margin-bottom: 5px; } /*------------------Minimal type styles -----------------------------*/ .edgtf-blog-list-holder.edgtf-minimal > ul > li:not(:first-child) { padding: 15px 0 0 0; } .edgtf-blog-list-holder.edgtf-minimal .edgtf-item-text-holder { padding: 0; } .edgtf-blog-list-holder.edgtf-minimal .edgtf-excerpt { margin: 0; } /*------------------Narrow type styles -----------------------------*/ .edgtf-blog-list-holder.edgtf-narrow .edgtf-item-text-holder { padding: 70px 50px; } .edgtf-blog-list-holder.edgtf-narrow .edgtf-blog-list-item { text-align: center; } .edgtf-blog-list-holder.edgtf-narrow .edgtf-item-info-section { margin: 0; } .edgtf-blog-list-holder.edgtf-narrow .edgtf-item-title { margin-bottom: 10px; } /*------------------Light Skin styles -----------------------------*/ .edgtf-blog-list-holder.edgtf-blog-list-holder-light-skin .edgtf-item-title { color: #fff; } .edgtf-blog-list-holder.edgtf-blog-list-holder-light-skin .edgtf-item-info-section > div a:hover { color: #fff; } .edgtf-blog-list-holder.edgtf-blog-list-holder-light-skin .edgtf-excerpt { color: #acacac; } /* Blog Slider styles ========================================================================== */ /* ========================================================================== # Blog Slider style - begin ========================================================================== */ .edgtf-blog-slider { /* #Blog simple slider - start ========================================================================== */ /* #Blog simple slider - end ========================================================================== */ /* #Blog carousel - start ========================================================================== */ /* #Blog carousel - end ========================================================================== */ } .edgtf-blog-slider .edgtf-blog-slide-title { margin-bottom: 11px; position: relative; z-index: 1; } .edgtf-blog-slider .edgtf-blog-slide-post-info { margin-bottom: 27px; font-family: Merriweather, serif; font-style: italic; color: #c7a17a; font-size: 13px; line-height: 14px; position: relative; z-index: 1; } .edgtf-blog-slider .edgtf-blog-slide-post-info > div { display: inline-block; position: relative; margin-right: 7px; } .edgtf-blog-slider .edgtf-blog-slide-post-info > div:after { content: '/'; margin-left: 7px; } .edgtf-blog-slider .edgtf-blog-slide-post-info > div a:hover { color: #30271c; } .edgtf-blog-slider .edgtf-blog-slide-post-info > div:last-child { margin-right: 0; } .edgtf-blog-slider .edgtf-blog-slide-post-info > div:last-child:after { display: none; } .edgtf-blog-slider .edgtf-blog-slide-excerpt { margin-top: 0; margin-bottom: 22px; } .edgtf-blog-slider .edgtf-blog-slide-image img { vertical-align: middle; } .edgtf-blog-slider .edgtf-blog-slide-info-holder { padding: 70px 43px 67px 44px; background-color: #fff; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.06); border: 1px solid #eaeaea; position: relative; } .edgtf-blog-slider .edgtf-blog-slide-info-holder.edgtf-without-image::after { box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15); opacity: 0; transition: opacity 0.3s ease-in-out; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .edgtf-blog-slider.edgtf-blog-slider-type-carousel { opacity: 0; margin: 0 -13px; } .edgtf-blog-slider.edgtf-blog-slider-type-carousel .edgtf-blog-carousel-item { padding: 0 13px; } .edgtf-blog-slider.edgtf-blog-slider-type-carousel .edgtf-blog-carousel-item:hover .edgtf-blog-slide-info-holder.edgtf-without-image::after { opacity: 1; } .edgtf-blog-slider.edgtf-slick-slider-navigation-style .edgtf-slick-dots li { background-color: #e4e4e4; } /* ========================================================================== # Blog Slider - end ========================================================================== */ /* Button styles ========================================================================== */ .edgtf-btn { display: inline-block; position: relative; outline: none; font-style: normal; font-weight: 800; letter-spacing: 2.5px; padding: 14px 35px; font-size: 13px; line-height: 1.7em; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-transition: color 0.3s cubic-bezier(0.55, 0.21, 0.51, 0.75), background-color 0.3s cubic-bezier(0.55, 0.21, 0.51, 0.75), border-color 0.3s cubic-bezier(0.55, 0.21, 0.51, 0.75); -moz-transition: color 0.3s cubic-bezier(0.55, 0.21, 0.51, 0.75), background-color 0.3s cubic-bezier(0.55, 0.21, 0.51, 0.75), border-color 0.3s cubic-bezier(0.55, 0.21, 0.51, 0.75); transition: color 0.3s cubic-bezier(0.55, 0.21, 0.51, 0.75), background-color 0.3s cubic-bezier(0.55, 0.21, 0.51, 0.75), border-color 0.3s cubic-bezier(0.55, 0.21, 0.51, 0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edgtf-btn.edgtf-btn-solid { background-color: #c7a17a; border: 2px solid #c7a17a; color: #fff; } .edgtf-btn.edgtf-btn-solid:not(.edgtf-btn-custom-hover-color):hover { color: #fff !important; } .edgtf-btn.edgtf-btn-solid:not(.edgtf-btn-custom-hover-bg):hover { background-color: #30271c !important; } .edgtf-btn.edgtf-btn-solid:not(.edgtf-btn-custom-border-hover):hover { border-color: #30271c !important; } .edgtf-btn.edgtf-btn-solid-dark { background-color: #fff; border: 2px solid #fff; color: #30271c; } .edgtf-btn.edgtf-btn-solid-dark:not(.edgtf-btn-custom-hover-color):hover { color: #fff !important; } .edgtf-btn.edgtf-btn-solid-dark:not(.edgtf-btn-custom-hover-bg):hover { background-color: #c7a17a !important; } .edgtf-btn.edgtf-btn-solid-dark:not(.edgtf-btn-custom-border-hover):hover { border-color: #c7a17a !important; } .edgtf-btn.edgtf-btn-outline { border: 2px solid #30271c; color: #30271c; background-color: transparent; } .edgtf-btn.edgtf-btn-outline:not(.edgtf-btn-custom-hover-color):hover { color: #fff !important; } .edgtf-btn.edgtf-btn-outline:not(.edgtf-btn-custom-hover-bg):hover { background-color: #30271c !important; } .edgtf-btn.edgtf-btn-outline:not(.edgtf-btn-custom-border-hover):hover { border-color: #30271c !important; } .edgtf-btn.edgtf-btn-outline-light { border: 2px solid #efefef; color: #efefef; background-color: transparent; } .edgtf-btn.edgtf-btn-outline-light:not(.edgtf-btn-custom-hover-color):hover { color: #fff !important; } .edgtf-btn.edgtf-btn-outline-light:not(.edgtf-btn-custom-hover-bg):hover { background-color: #30271c !important; } .edgtf-btn.edgtf-btn-outline-light:not(.edgtf-btn-custom-border-hover):hover { border-color: #30271c !important; } .edgtf-btn.edgtf-btn-transparent { padding-left: 0 !important; padding-right: 0 !important; border: none; background: transparent; color: #c7a17a; text-transform: uppercase; } .edgtf-btn.edgtf-btn-transparent i { color: #c7a17a; font-size: 28px; vertical-align: middle; } .edgtf-btn.edgtf-btn-transparent.edgtf-btn-icon i { display: inline-block; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.1, 0, 0.3, 1); transition: transform 0.2s cubic-bezier(0.1, 0, 0.3, 1); } .edgtf-btn.edgtf-btn-transparent.edgtf-btn-icon:hover i { -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } .edgtf-btn.edgtf-btn-transparent .edgtf-btn-text { position: relative; } .edgtf-btn.edgtf-btn-transparent *:not(.edgtf-btn-text) { position: relative; top: -1px; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .edgtf-btn.edgtf-btn-transparent:hover *:not(.edgtf-btn-text) { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); transform: translateX(5px); } .edgtf-btn.edgtf-btn-small { font-size: 11px; padding: 11px 27px; } .edgtf-btn.edgtf-btn-small.edgtf-btn-transparent i { font-size: 14px; } .edgtf-btn.edgtf-btn-medium.edgtf-btn-transparent { font-size: 12px; } .edgtf-btn.edgtf-btn-medium.edgtf-btn-transparent i { font-size: 20px; } .edgtf-btn.edgtf-btn-large { font-size: 14px; padding: 15px 53px; } .edgtf-btn.edgtf-btn-huge, .edgtf-btn.edgtf-btn-huge-full-width { font-size: 16px; padding: 17px 65px; } .edgtf-btn.edgtf-btn-huge.edgtf-btn-transparent i, .edgtf-btn.edgtf-btn-huge-full-width.edgtf-btn-transparent i { font-size: 34px; } .edgtf-btn.edgtf-btn-huge-full-width { display: block; text-align: center; } .edgtf-btn.edgtf-btn-icon span:not(.edgtf-btn-text) { font-size: 20px; line-height: 21px; vertical-align: middle; } input[type=submit].edgtf-btn, button.edgtf-btn { cursor: pointer; -webkit-border-radius: 0px; } /* Carousel styles ========================================================================== */ /* ========================================================================== # Carousels style - begin ========================================================================== */ .edgtf-carousel-holder { /* Carousel navigation - begin ========================================================================== */ /* Carousel navigation - end ========================================================================== */ } .edgtf-carousel-holder .draggable .edgtf-carousel-item-holder { cursor: -webkit-grab; cursor: grab; } .edgtf-carousel-holder .draggable .edgtf-carousel-item-holder:active { cursor: -webkit-grabbing; cursor: grabbing; } .edgtf-carousel-holder .edgtf-carousel-item-holder { position: relative; /* Image zoom - begin ========================================================================== */ /* Image zoom - end ========================================================================== */ /* Image change on hover - begin ========================================================================== */ /* Image change on hover - end ========================================================================== */ } .edgtf-carousel-holder .edgtf-carousel-item-holder .edgtf-carousel-first-image-holder.edgtf-image-zoom { display: inline-block; position: relative; } .edgtf-carousel-holder .edgtf-carousel-item-holder .edgtf-carousel-first-image-holder.edgtf-image-zoom img { -webkit-transition: transform 0.15s ease-out; -moz-transition: transform 0.15s ease-out; transition: transform 0.15s ease-out; -webkit-backface-visibility: hidden; } .edgtf-carousel-holder .edgtf-carousel-item-holder .edgtf-carousel-first-image-holder.edgtf-image-zoom:hover img { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .edgtf-carousel-holder .edgtf-carousel-item-holder .edgtf-carousel-first-image-holder.edgtf-image-zoom:hover:after { -webkit-transform: translateX(-50%) scaleX(1); -moz-transform: translateX(-50%) scaleX(1); transform: translateX(-50%) scaleX(1); } .edgtf-carousel-holder .edgtf-carousel-item-holder .edgtf-carousel-first-image-holder.edgtf-image-zoom:active { cursor: grabbing; } .edgtf-carousel-holder .edgtf-carousel-item-holder .edgtf-carousel-first-image-holder.edgtf-image-change { position: relative; opacity: 1; z-index: 5; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .edgtf-carousel-holder .edgtf-carousel-item-holder .edgtf-carousel-second-image-holder.edgtf-image-change { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .edgtf-carousel-holder .edgtf-carousel-item-holder:hover .edgtf-carousel-first-image-holder.edgtf-image-change { opacity: 0; } .edgtf-carousel-holder .edgtf-carousel-item-holder:hover .edgtf-carousel-second-image-holder.edgtf-image-change { opacity: 1; } .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-buttons { width: 100%; } .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-buttons .owl-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); left: 2%; } .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-buttons .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 2%; } .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-buttons .edgtf-prev-icon, .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-buttons .edgtf-next-icon { display: inline-block; width: 42px; height: 42px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #74797b; text-align: center; } .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-buttons .edgtf-prev-icon i, .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-buttons .edgtf-next-icon i { font-size: 22px; line-height: 40px; color: #74797b; } .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-pagination { text-align: center; } .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-pagination .owl-page { display: inline-block; } .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-pagination .owl-page span { display: inline-block; width: 12px; height: 12px; margin: 3px; opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #74797b; } .edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-pagination .owl-page.active span { opacity: 1; } /* ========================================================================== # Carousels style - end ========================================================================== */ /* Custom Fonr styles ========================================================================== */ /* ========================================================================== # Custom font style - begin ========================================================================== */ .edgtf-custom-font-holder * { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-family: inherit; text-decoration: inherit; text-transform: inherit; color: inherit; font-weight: inherit; display: inline; } .edgtf-custom-font-holder .edgtf-typed { display: inline-block; } .edgtf-custom-font-holder .edgtf-typed span { display: none; } .edgtf-custom-font-holder .edgtf-typed ~ .typed-cursor { display: inline-block; opacity: 1; -webkit-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @-webkit-keyframes blink { 0% { opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0; filter: alpha(opacity=0); } 100% { opacity: 1; filter: alpha(opacity=100); } } @keyframes blink { 0% { opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0; filter: alpha(opacity=0); } 100% { opacity: 1; filter: alpha(opacity=100); } } .edgtf-custom-font-holder .edgtf-typed-wrap { width: 0; white-space: nowrap; } /* ========================================================================== # Custom font style - end ========================================================================== */ /* Blockquote styles ========================================================================== */ /* ========================================================================== Blockquote shortcode start styles ========================================================================== */ blockquote { position: relative; display: table; padding: 9px 0 9px 33px; border-left: 3px solid #c7a17a; } blockquote .edgtf-blockquote-text { display: table-cell; vertical-align: middle; font-style: italic; font-family: Merriweather, serif; text-transform: none; font-size: 20px; line-height: 33px; color: #30271c; } /* ========================================================================== Blockquote shortcode end styles ========================================================================== */ /* Image Gallery styles ========================================================================== */ /* ========================================================================== # Image Gallery - begin ========================================================================== */ /* Image Gallery Grid - begin ========================================================================== */ .edgtf-image-gallery { padding-bottom: 66px; } .edgtf-image-gallery .edgtf-grayscale .edgtf-gallery-image img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(img/desaturate.svg#grayscale); } .edgtf-image-gallery .edgtf-grayscale .edgtf-gallery-image:hover img { -webkit-filter: grayscale(0); filter: none; } .edgtf-image-gallery .edgtf-overlay .edgtf-gallery-image { background-color: #1d1d1d; } .edgtf-image-gallery .edgtf-overlay .edgtf-gallery-image img { opacity: 1; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .edgtf-image-gallery .edgtf-overlay .edgtf-gallery-image:hover img { opacity: .25; } .edgtf-image-gallery .edgtf-gallery-image img { display: block; } .edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-2 .edgtf-gallery-image { width: 50%; display: inline-block; float: left; } .edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-3 .edgtf-gallery-image { width: 33.33%; display: inline-block; float: left; } .edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-4 .edgtf-gallery-image { width: 25%; display: inline-block; float: left; } .edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-5 .edgtf-gallery-image { width: 20%; display: inline-block; float: left; } /* Image Gallery Grid - end ========================================================================== */ /* Image Gallery Slider - begin ========================================================================== */ .edgtf-image-gallery .edgtf-slick-prev, .edgtf-image-gallery .edgtf-slick-next, .edgtf-image-gallery-carousel .edgtf-slick-prev, .edgtf-image-gallery-carousel .edgtf-slick-next { position: absolute; z-index: 100; top: 50%; display: block; padding: 0; cursor: pointer; border: none; outline: none; font-size: 33px; color: #000; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .edgtf-image-gallery .edgtf-slick-prev, .edgtf-image-gallery-carousel .edgtf-slick-prev { left: 27px; } .edgtf-image-gallery .edgtf-slick-next, .edgtf-image-gallery-carousel .edgtf-slick-next { right: 27px; } .edgtf-image-gallery .edgtf-slick-dots, .edgtf-image-gallery-carousel .edgtf-slick-dots { text-align: center; margin: 60px 0 0 0; padding: 0; position: absolute; width: 100%; top: 100%; } .edgtf-image-gallery .edgtf-slick-dots li, .edgtf-image-gallery-carousel .edgtf-slick-dots li { width: 10px; height: 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-color: #888888; box-sizing: border-box; display: inline-block; margin: 0 10px; cursor: pointer; position: relative; } .edgtf-image-gallery .edgtf-slick-dots li .edgtf-slick-dot-inner, .edgtf-image-gallery-carousel .edgtf-slick-dots li .edgtf-slick-dot-inner { display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-color: #c7a17a; opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; position: absolute; top: -1px; left: -1px; } .edgtf-image-gallery .edgtf-slick-dots li.slick-active .edgtf-slick-dot-inner, .edgtf-image-gallery-carousel .edgtf-slick-dots li.slick-active .edgtf-slick-dot-inner { opacity: 1; } .edgtf-image-gallery .edgtf-slick-dots li button, .edgtf-image-gallery-carousel .edgtf-slick-dots li button { display: none; } /* Image Gallery Slider - end ========================================================================== */ .edgtf-image-gallery-carousel-wrapper { overflow: hidden; padding-bottom: 100px; } .edgtf-image-gallery-carousel { margin: 0 -12.5px; opacity: 0; } .edgtf-image-gallery-carousel.slick-initialized { opacity: 1; } .edgtf-image-gallery-carousel .slick-track { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .edgtf-image-gallery-carousel .edgtf-ig-image-holder { padding: 10px 22px; } .edgtf-image-gallery-carousel .edgtf-ig-image-holder img { outline: none; } .edgtf-image-gallery-carousel.shadow .edgtf-ig-image-holder img { -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.06); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .edgtf-image-gallery-carousel.shadow .edgtf-ig-image-holder:hover img { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); transform: translateY(-6px); } /* Image Masonry Gallery - start ========================================================================== */ .edgtf-image-gallery-masonry { margin: -16px; } .edgtf-image-gallery-masonry .edgtf-image-masonry-grid-sizer, .edgtf-image-gallery-masonry .edgtf-gallery-image.edgtf-size-square, .edgtf-image-gallery-masonry .edgtf-gallery-image.edgtf-size-portrait { width: 20%; } .edgtf-image-gallery-masonry .edgtf-gallery-image.edgtf-size-big-square, .edgtf-image-gallery-masonry .edgtf-gallery-image.edgtf-size-landscape { width: 40%; } .edgtf-image-gallery-masonry .edgtf-gallery-image-inner { width: 100%; height: 100%; overflow: hidden; } .edgtf-image-gallery-masonry .edgtf-gallery-image-inner img { vertical-align: middle; } .edgtf-image-gallery-masonry .edgtf-gallery-image.edgtf-size-portrait img { height: 100%; width: auto; max-width: none; } .edgtf-image-gallery-masonry .edgtf-gallery-image a { -webkit-transform: scale(1.01) translateZ(0); -moz-transform: scale(1.01) translateZ(0); transform: scale(1.01) translateZ(0); display: block; } .edgtf-image-gallery-masonry .edgtf-gallery-image a:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(48, 39, 28, 0.3); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); -moz-transition: opacity 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); transition: opacity 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); } .edgtf-image-gallery-masonry .edgtf-gallery-image a:hover:after { opacity: 1; } .edgtf-image-gallery-masonry .edgtf-gallery-image.edgtf-size-portrait a { height: 100%; } /* Image Masonry Gallery - end ========================================================================== */ /* ========================================================================== # Image Gallery - end ========================================================================== */ /* Image Gallery styles ========================================================================== */ .edgtf-image-with-text img { vertical-align: middle; } .edgtf-image-with-text .edgtf-image-with-text-info { padding-top: 20px; text-align: center; } .edgtf-image-with-text .edgtf-image-with-text-text { font-family: Merriweather, serif; font-size: 17px; color: #666; font-style: italic; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .edgtf-image-with-text .edgtf-image-with-text-image-inner { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; } .edgtf-image-with-text .edgtf-image-with-text-image-inner .edgtf-image-with-text-image-overlay { opacity: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .edgtf-image-with-text .edgtf-image-with-text-image-inner .edgtf-image-with-text-image-overlay .edgtf-image-with-text-image-overlay-inner { top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .edgtf-image-with-text .edgtf-image-with-text-image-inner:hover { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); } .edgtf-image-with-text .edgtf-image-with-text-image-inner:hover .edgtf-image-with-text-image-overlay { opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .edgtf-image-with-text .edgtf-image-with-text-image-inner:hover .edgtf-image-with-text-text { color: #30271c; } .edgtf-image-with-text .edgtf-image-with-text-image-inner .edgtf-image-with-text-link { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; } .edgtf-image-with-text:hover .edgtf-image-with-text-image-inner { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.15); } .edgtf-image-with-text:hover .edgtf-image-with-text-image-inner .edgtf-image-with-text-image-overlay { opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .edgtf-image-with-text:hover .edgtf-image-with-text-image-inner .edgtf-image-with-text .edgtf-image-with-text-text { color: #30271c; } /* Item Showcase ========================================================================== */ /* ========================================================================== Item Showcase start styles ========================================================================== */ .edgtf-item-showcase { text-align: center; opacity: 0; } .edgtf-item-showcase .edgtf-item-image { display: inline-block; margin-top: -180px; opacity: 0; width: 30%; -webkit-transform: translateY(70px); -moz-transform: translateY(70px); transform: translateY(70px); } .edgtf-item-showcase .edgtf-item-image.edgtf-appeared { -webkit-transition: opacity 0.3s 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87), -webkit-transform 0.3s 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); transition: opacity 0.3s 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87), transform 0.3s 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .edgtf-item-showcase .edgtf-item { display: inline-block; opacity: 0; } .edgtf-item-showcase .edgtf-item.edgtf-item-left { -webkit-transform: translateX(-70px); -moz-transform: translateX(-70px); transform: translateX(-70px); text-align: right; } .edgtf-item-showcase .edgtf-item.edgtf-item-left .edgtf-item-content { padding-right: 30px; } .edgtf-item-showcase .edgtf-item.edgtf-item-right { text-align: left; -webkit-transform: translateX(70px); -moz-transform: translateX(70px); transform: translateX(70px); } .edgtf-item-showcase .edgtf-item.edgtf-item-right .edgtf-item-content { padding-left: 30px; } .edgtf-item-showcase .edgtf-item.edgtf-appeared { -webkit-transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .edgtf-item-showcase .edgtf-item .edgtf-item-icon { display: table-cell; font-size: 30px; } .edgtf-item-showcase .edgtf-item .edgtf-item-icon i { -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .edgtf-item-showcase .edgtf-item .edgtf-item-icon:hover i { color: #c7a17a !important; } .edgtf-item-showcase .edgtf-item .edgtf-item-custom-icon { display: table-cell; } .edgtf-item-showcase .edgtf-item .edgtf-item-content { display: table-cell; vertical-align: top; } .edgtf-item-showcase .edgtf-item .edgtf-item-content .edgtf-showcase-title-holder .edgtf-showcase-title { position: relative; display: inline-block; margin-bottom: 5px; } .edgtf-item-showcase .edgtf-item .edgtf-item-content .edgtf-showcase-text-holder .edgtf-showcase-text { margin: 7px 0 44px; } .edgtf-item-showcase .edgtf-item-showcase-holder { display: inline-block; width: 35%; } .edgtf-item-showcase .edgtf-item-showcase-holder.edgtf-holder-left { float: left; text-align: right; } .edgtf-item-showcase .edgtf-item-showcase-holder.edgtf-holder-right { float: right; text-align: left; } /* ========================================================================== Item Showcase end styles ========================================================================== */ /* Video Button styles ========================================================================== */ /* ========================================================================== Video Button shortcode start styles ========================================================================== */ .edgtf-video-button-play { display: block; position: relative; color: #fff; } .edgtf-video-button-play .edgtf-video-button-image { display: block; text-align: center; } .edgtf-video-button-play .edgtf-video-button-image img { vertical-align: middle; } .edgtf-video-button-play .edgtf-video-button-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); -moz-transition: all 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); transition: all 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); } .edgtf-video-button-play .edgtf-video-button-wrapper .edgtf-video-button-wrapper-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .edgtf-video-button-play .edgtf-video-button-wrapper span { font-size: 61px; } .edgtf-video-button-play .edgtf-video-button-wrapper:hover { background: rgba(48, 39, 28, 0.3); } .edgtf-video-button-title { text-align: center; margin-top: 20px; } /* ========================================================================== Video Button shortcode end styles ========================================================================== */ /* Dropcaps styles ========================================================================== */ /* ========================================================================== Dropcaps shortcodes styles ========================================================================== */ .edgtf-dropcaps { position: relative; display: inline-block; float: left; height: 45px; width: 45px; line-height: 45px; font-size: 40px; color: #c7a17a; font-weight: 700; text-align: center; margin: 5px 11px 0 0; } .edgtf-dropcaps.edgtf-square, .edgtf-dropcaps.edgtf-circle { font-size: 25px; background-color: #c7a17a; color: #fff; } .edgtf-dropcaps.edgtf-circle { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } /* ========================================================================== Dropcaps shortcode end styles ========================================================================== */ /* Portfolio styles ========================================================================== */ /* #Portfolio Specific Style - start ========================================================================== */ .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest .edgtf-portfolio-list-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space .edgtf-portfolio-list-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-portfolio-list-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder { opacity: 0; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest .edgtf-portfolio-list-holder.edgtf-appeared, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space .edgtf-portfolio-list-holder.edgtf-appeared, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-portfolio-list-holder.edgtf-appeared, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder.edgtf-appeared { opacity: 1; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-load-more.edgtf-ptf-pinterest .edgtf-portfolio-list-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-load-more.edgtf-ptf-gallery .edgtf-portfolio-list-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-load-more.edgtf-ptf-masonry .edgtf-portfolio-list-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-load-more.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder { margin-bottom: 35px; } /* #Portfolio Specific Style - end ========================================================================== */ /* ========================================================================== Portfolio shortcode styles - begin ========================================================================== */ .edgtf-portfolio-list-holder-outer.edgtf-ptf-two-columns article { width: 50%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-three-columns article { width: 33.33%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-four-columns article { width: 25%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-five-columns article { width: 20%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-six-columns article { width: 16.66%; } .edgtf-portfolio-list-holder { height: 100%; } .edgtf-portfolio-list-holder article { position: relative; margin: 0; vertical-align: top; } .edgtf-portfolio-list-holder article .edgtf-item-image-holder { position: relative; } .edgtf-portfolio-list-holder article .edgtf-item-image-holder a { display: block; } .edgtf-portfolio-list-holder article .edgtf-item-image-holder img, .edgtf-portfolio-list-holder article .edgtf-item-image-holder a img { vertical-align: top; height: auto; max-width: 100%; } .edgtf-portfolio-list-holder article .edgtf-separator { width: 25px; border-bottom-width: 2px; border-bottom-color: #c7a17a; } .edgtf-portfolio-list-holder article.mix:not(.slick-slide) { display: none; visibility: hidden; } .edgtf-portfolio-list-holder .edgtf-ptf-category-holder { font-size: 13px; line-height: 14px; font-family: Merriweather, serif; font-style: italic; color: #c7a17a; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-standard article .edgtf-item-text-holder .edgtf-item-title { margin: 23px 0 9px; text-align: left; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-standard article .edgtf-item-text-holder .edgtf-item-title a { color: #30271c; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-standard article .edgtf-item-text-holder .edgtf-item-title a:hover { color: #c7a17a; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-standard article .edgtf-item-text-holder .edgtf-item-title span.edgtf-item-title-inner { display: inline-block; position: relative; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-standard article:hover .edgtf-item-icons-holder { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-ptf-category-holder { margin-top: 2px; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-portfolio-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-portfolio-link:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; transition: opacity 0.4s ease; background-color: rgba(255, 255, 255, 0.15); opacity: 0; } .edgtf-ptf-gallery .edgtf-portfolio-list-holder, .edgtf-ptf-standard .edgtf-portfolio-list-holder, .edgtf-ptf-gallery-with-space .edgtf-portfolio-list-holder { font-size: 0.1px; text-align: justify; display: inline-block; width: 100%; line-height: 0; vertical-align: middle; } .edgtf-ptf-gallery article.mix { float: left; } .edgtf-ptf-standard.edgtf-ptf-one-column .mix, .edgtf-ptf-standard.edgtf-ptf-one-column .edgtf-portfolio-gap, .edgtf-ptf-gallery-with-space.edgtf-ptf-one-column .mix, .edgtf-ptf-gallery-with-space.edgtf-ptf-one-column .edgtf-portfolio-gap { width: 100%; } .edgtf-ptf-standard.edgtf-ptf-two-columns .mix, .edgtf-ptf-standard.edgtf-ptf-two-columns .edgtf-portfolio-gap, .edgtf-ptf-gallery-with-space.edgtf-ptf-two-columns .mix, .edgtf-ptf-gallery-with-space.edgtf-ptf-two-columns .edgtf-portfolio-gap { width: calc(50% - 35px / 2); } .edgtf-ptf-standard.edgtf-ptf-three-columns .mix, .edgtf-ptf-standard.edgtf-ptf-three-columns .edgtf-portfolio-gap, .edgtf-ptf-gallery-with-space.edgtf-ptf-three-columns .mix, .edgtf-ptf-gallery-with-space.edgtf-ptf-three-columns .edgtf-portfolio-gap { width: calc(33.33% - 35px * 2 / 3); } .edgtf-ptf-standard.edgtf-ptf-four-columns .mix, .edgtf-ptf-standard.edgtf-ptf-four-columns .edgtf-portfolio-gap, .edgtf-ptf-gallery-with-space.edgtf-ptf-four-columns .mix, .edgtf-ptf-gallery-with-space.edgtf-ptf-four-columns .edgtf-portfolio-gap { width: calc(25% - 35px * 3 / 4); } .edgtf-ptf-standard.edgtf-ptf-five-columns .mix, .edgtf-ptf-standard.edgtf-ptf-five-columns .edgtf-portfolio-gap, .edgtf-ptf-gallery-with-space.edgtf-ptf-five-columns .mix, .edgtf-ptf-gallery-with-space.edgtf-ptf-five-columns .edgtf-portfolio-gap { width: calc(20% - 35px * 4 / 5); } .edgtf-ptf-standard.edgtf-ptf-six-columns .mix, .edgtf-ptf-standard.edgtf-ptf-six-columns .edgtf-portfolio-gap, .edgtf-ptf-gallery-with-space.edgtf-ptf-six-columns .mix, .edgtf-ptf-gallery-with-space.edgtf-ptf-six-columns .edgtf-portfolio-gap { width: calc(16.66% - 35px * 5 / 6); } .edgtf-ptf-standard .edgtf-portfolio-gap, .edgtf-ptf-gallery-with-space .edgtf-portfolio-gap { display: inline-block; } .edgtf-ptf-standard article.mix, .edgtf-ptf-gallery-with-space article.mix { margin-bottom: 35px; float: none; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-appear-none .edgtf-item-text-overlay { width: calc(100% - 24px) !important; /* based on padding of 12px on article*/ height: calc(100% - 24px) !important; left: 12px !important; top: 12px !important; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-image-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-image-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest article .edgtf-item-image-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space article .edgtf-item-image-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-image-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-image-holder { overflow: hidden; backface-visibility: hidden; height: 100%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-portfolio-link, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-portfolio-link, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest article .edgtf-portfolio-link, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space article .edgtf-portfolio-link, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-portfolio-link, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-portfolio-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest article .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space article .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-text-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; background-color: rgba(29, 29, 29, 0.94); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-text-overlay-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-text-overlay-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest article .edgtf-item-text-overlay-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space article .edgtf-item-text-overlay-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-text-overlay-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-text-overlay-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest article .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space article .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-text-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest article .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space article .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-title { font-weight: 500; padding: 10px 30px; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article:hover .edgtf-item-text-overlay { opacity: 1; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light .edgtf-item-text-overlay { background-color: rgba(255, 255, 255, 0.9); -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light .edgtf-item-title { color: #000; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light .edgtf-separator-holder { opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light article:hover .edgtf-separator-holder { opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-light article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-light article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-light article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-light article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-light article:hover .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-light article:hover .edgtf-item-text-overlay { -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-follow .edgtf-item-text-overlay { opacity: 1; display: none; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-follow .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-follow .edgtf-item-text-overlay { background-color: rgba(29, 29, 29, 0.94); } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-follow .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-follow .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-follow .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-follow .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-follow .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-follow .edgtf-item-title { color: #fff; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark .edgtf-separator-holder { opacity: 0; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%); -webkit-transition: -webkit-transform 0s ease-out .15s; -moz-transition: -moz-transform 0s ease-out .15s; transition: transform 0s ease-out .15s; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark article:hover .edgtf-item-title { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.15s, opacity 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.15s; transition: transform 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.15s, opacity 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.15s; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark article:hover .edgtf-ptf-category-holder { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.35s, opacity 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.35s; transition: transform 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.35s, opacity 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.35s; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark article:hover .edgtf-separator-holder { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.55s, opacity 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.55s; transition: transform 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.55s, opacity 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.55s; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-dark article:hover .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark article:hover .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark article:hover .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-dark article:hover .edgtf-separator-holder { opacity: 1; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-follow article, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-follow article, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-follow article, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-follow article, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-follow article, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-follow article { overflow: hidden; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard .edgtf-item-text-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard .edgtf-item-text-holder { vertical-align: bottom; text-align: left; padding: 18px 23px; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title { position: relative; padding: 0; color: #fff; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner { position: relative; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner:after, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner:after, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner:after, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner:after, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner:after, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title .edgtf-item-title-inner:after { content: ''; position: absolute; height: 0; width: 100%; bottom: -3px; left: 0; border-bottom: 1px solid #fff; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder { color: #fff; margin-bottom: 0; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder { -webkit-transform: translateX(30px); -moz-transform: translateX(30px); transform: translateX(30px); -webkit-transition: -webkit-transform 0s ease-out .15s; -moz-transition: -moz-transform 0s ease-out .15s; transition: transform 0s ease-out .15s; opacity: 0; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard .edgtf-separator-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard .edgtf-separator-holder { display: none; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard .edgtf-item-text-overlay, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard .edgtf-item-text-overlay { background-color: rgba(105, 197, 211, 0.9); } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.1, 0, 0.3, 1), opacity 0.2s cubic-bezier(0.1, 0, 0.3, 1); transition: transform 0.2s cubic-bezier(0.1, 0, 0.3, 1), opacity 0.2s cubic-bezier(0.1, 0, 0.3, 1); } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.1, 0, 0.3, 1) 0.15s, opacity 0.2s cubic-bezier(0.1, 0, 0.3, 1) 0.15s; transition: transform 0.2s cubic-bezier(0.1, 0, 0.3, 1) 0.15s, opacity 0.2s cubic-bezier(0.1, 0, 0.3, 1) 0.15s; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-item-title, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-standard article:hover .edgtf-item-text-holder .edgtf-ptf-category-holder { opacity: 1; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-ptf-pinterest-three-columns .edgtf-portfolio-list-masonry-grid-sizer { width: 33.33%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-ptf-pinterest-three-columns .edgtf-portfolio-list-masonry-grid-gutter { width: 0; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-ptf-pinterest-three-columns article { width: 33.33%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-ptf-pinterest-four-columns .edgtf-portfolio-list-masonry-grid-sizer, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-ptf-pinterest-four-columns article { width: 25%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-ptf-pinterest-four-columns .edgtf-portfolio-list-masonry-grid-gutter { width: 0; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-ptf-pinterest-five-columns .edgtf-portfolio-list-masonry-grid-sizer, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-ptf-pinterest-five-columns article { width: 20%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-ptf-pinterest-five-columns .edgtf-portfolio-list-masonry-grid-gutter { width: 0; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space .edgtf-portfolio-list-masonry-grid-gutter { width: 35px; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space article { margin-bottom: 35px; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-ptf-pinterest-three-columns .edgtf-portfolio-list-masonry-grid-sizer, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-ptf-pinterest-three-columns article { width: calc(33.33% - 2 * 35px / 3); } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-ptf-pinterest-four-columns .edgtf-portfolio-list-masonry-grid-sizer, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-ptf-pinterest-four-columns article { width: calc(25% - 3 * 35px / 4); } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-ptf-pinterest-five-columns .edgtf-portfolio-list-masonry-grid-sizer, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-ptf-pinterest-five-columns article { width: calc(20% - 4 * 35px / 5); } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-image-holder { height: 100%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-image-holder img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-portfolio-list-masonry-grid-sizer, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article.edgtf-default-masonry-item, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article.edgtf-large-height-masonry-item { width: 25%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-large-width-masonry-item, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-large-width-height-masonry-item { width: 50%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder { margin: -12px; width: calc(100% + 24px); } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder article { padding: 12px; box-sizing: border-box; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder .edgtf-portfolio-list-masonry-grid-sizer, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder .edgtf-default-masonry-item, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder .edgtf-large-height-masonry-item { width: 25%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder .edgtf-large-width-masonry-item, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder .edgtf-large-width-height-masonry-item { width: 50%; } /*Appear Animations*/ .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-appear-fade-scale article .edgtf-ptf-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-appear-fade-scale article .edgtf-ptf-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-appear-fade-scale article .edgtf-ptf-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-appear-fade-scale article .edgtf-ptf-inner { opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest.edgtf-appear-fade-scale article.edgtf-appeared .edgtf-ptf-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space.edgtf-appear-fade-scale article.edgtf-appeared .edgtf-ptf-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-appear-fade-scale article.edgtf-appeared .edgtf-ptf-inner, .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-appear-fade-scale article.edgtf-appeared .edgtf-ptf-inner { -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-appear-fade-scale article .edgtf-ptf-inner { position: absolute; height: calc(100% - 24px); width: calc(100% - 24px); top: 12px; left: 12px; } /* Portfolio Load More Buttons - begin */ .edgtf-portfolio-list-holder-outer .edgtf-ptf-list-paging { position: relative; text-align: center; min-height: 40px; margin-top: 20px; } .edgtf-portfolio-list-holder-outer .edgtf-ptf-list-paging .edgtf-3d-cube-holder { display: none; height: 50px; width: 50px; margin: auto; } .edgtf-portfolio-list-holder-outer .edgtf-ptf-list-paging a { font-family: 'Open Sans', sans-serif; color: #fff; background-color: #c7a17a; padding: 12px 37px; font-weight: 800; text-transform: uppercase; font-size: 13px; letter-spacing: 1.7px; display: inline-block; border: 2px solid #c7a17a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .edgtf-portfolio-list-holder-outer .edgtf-ptf-list-paging a:hover { background-color: #30271c; border-color: #30271c; } /* Portfolio Load More Buttons - end */ /* Portfolio Slider custom styles - begin */ .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-prev, .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-next { position: absolute; z-index: 100; top: 50%; display: block; padding: 0; cursor: pointer; border: none; outline: none; font-size: 33px; color: #c5c5c5; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-prev { right: calc(100% + 3px); } .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-next { left: calc(100% + 3px); } .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-dots { text-align: center; margin: 25px 0 0 0; padding: 0; position: absolute; width: 100%; top: 100%; } .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-dots li { width: 20px; height: 5px; border-radius: 5px; background-color: #666; box-sizing: border-box; display: inline-block; margin: 0 8px; cursor: pointer; position: relative; } .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-dots li .edgtf-slick-dot-inner { display: inline-block; width: 0; height: 5px; border-radius: 5px; background-color: #c7a17a; opacity: 0; -webkit-transition: opacity 0.2s ease-out, width 0.2s ease-out 0.2s, margin 0.2s ease-out 0.2s; -moz-transition: opacity 0.2s ease-out, width 0.2s ease-out 0.2s, margin 0.2s ease-out 0.2s; transition: opacity 0.2s ease-out, width 0.2s ease-out 0.2s, margin 0.2s ease-out 0.2s; position: absolute; top: 0; left: 50%; } .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-dots li.slick-active .edgtf-slick-dot-inner { width: 22px; margin-left: -11px; opacity: 1; -webkit-transition: width 0.2s ease-out, margin 0.2s ease-out; -moz-transition: width 0.2s ease-out, margin 0.2s ease-out; transition: width 0.2s ease-out, margin 0.2s ease-out; } .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-dots li:first-child { margin-left: 0; } .edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-slick-dots li:last-child { margin-right: 0; } /* Portfolio Slider custom styles - end */ /* ======================================================= Portfolio Filter styles ======================================================*/ .edgtf-portfolio-filter-holder { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; margin: 0; } .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; text-align: left; } .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul { display: inline-block; list-style: none; vertical-align: middle; width: 100%; text-align: right; } .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li { cursor: pointer; display: inline-block; margin: 0; text-align: center; } .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li:first-child { float: left; } .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li span { position: relative; display: inline-block; vertical-align: middle; padding: 0 10px; text-transform: capitalize; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; font-family: Merriweather, serif; font-style: italic; font-weight: 600; } .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li:first-child span { padding-left: 0; text-transform: none; } .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li:last-child span { padding-right: 0; } .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li.active span, .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li:hover span, .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li.current span { color: #c7a17a; } .edgtf-portfolio-media.edgtf-slick-slider { margin-bottom: 34px; } .edgtf-ptf-standard .edgtf-portfolio-filter-holder ul { text-align: center; margin: 0 0 50px; } .edgtf-ptf-standard .edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li:first-child { float: none; } /* ========================================================================== Portfolio styles - end ========================================================================== */ /* Icon With Text styles ========================================================================== */ .edgtf-iwt .edgtf-iwt-link { margin-top: 20px; display: inline-block; } .edgtf-iwt.edgtf-iwt-icon-top { text-align: center; } .edgtf-iwt.edgtf-iwt-icon-top .edgtf-iwt-icon-holder { margin-bottom: 10px; } .edgtf-iwt .edgtf-iwt-text-holder p:last-child { margin: 0; } .edgtf-iwt.edgtf-iwt-icon-left, .edgtf-iwt.edgtf-iwt-icon-left-from-title { text-align: left; } .edgtf-iwt:not(.edgtf-iwt-left-from-title) .edgtf-iwt-title-holder { margin-bottom: 17px; } .edgtf-iwt.edgtf-iwt-icon-left .edgtf-iwt-icon-holder { float: left; } .edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-tiny .edgtf-iwt-content-holder { padding-left: 44px; } .edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-small .edgtf-iwt-content-holder { padding-left: 80px; } .edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-medium .edgtf-iwt-content-holder { padding-left: 110px; } .edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-large .edgtf-iwt-content-holder { padding-left: 150px; } .edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-huge .edgtf-iwt-content-holder { padding-left: 180px; } .edgtf-iwt.edgtf-iwt-icon-right { text-align: right; } .edgtf-iwt.edgtf-iwt-icon-right .edgtf-iwt-icon-holder { float: right; } .edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-tiny .edgtf-iwt-content-holder { padding-right: 44px; } .edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-small .edgtf-iwt-content-holder { padding-right: 80px; } .edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-medium .edgtf-iwt-content-holder { padding-right: 110px; } .edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-large .edgtf-iwt-content-holder { padding-right: 150px; } .edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-huge .edgtf-iwt-content-holder { padding-right: 180px; } .edgtf-iwt.edgtf-iwt-left-from-title .edgtf-iwt-icon-title-holder { margin-bottom: 17px; } .edgtf-iwt.edgtf-iwt-left-from-title .edgtf-iwt-icon-holder { margin-right: 20px; } .edgtf-iwt.edgtf-iwt-left-from-title .edgtf-iwt-icon-holder, .edgtf-iwt.edgtf-iwt-left-from-title .edgtf-iwt-title-holder { display: inline-block; vertical-align: middle; } /* Banner styles ========================================================================== */ /* ========================================================================== Banner shortcode start styles ========================================================================== */ .edgtf-banner { position: relative; } .edgtf-banner .edgtf-banner-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .edgtf-banner .edgtf-banner-image { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .edgtf-banner .edgtf-banner-image img { display: block; } .edgtf-banner .edgtf-banner-text-holder { -webkit-transition: background-color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95), all 0.25s ease-out; -moz-transition: background-color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95), all 0.25s ease-out; transition: background-color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95), all 0.25s ease-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .edgtf-banner .edgtf-banner-text-holder .edgtf-banner-text-table { display: table; width: 68%; height: 100%; padding: 50px; box-sizing: border-box; } .edgtf-banner .edgtf-banner-text-holder .edgtf-banner-text-table .edgtf-banner-text-cell { display: table-cell; vertical-align: top; width: 100%; height: 100%; } .edgtf-banner .edgtf-banner-text-holder .edgtf-banner-text-table .edgtf-banner-text-cell .edgtf-banner-subtitle { font-size: 15px; text-transform: uppercase; letter-spacing: 3px; } .edgtf-banner .edgtf-banner-text-holder .edgtf-banner-text-table .edgtf-banner-text-cell .edgtf-banner-read-more { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; position: absolute; top: auto; bottom: 47px; } .edgtf-banner .edgtf-banner-text-holder .edgtf-banner-text-table .edgtf-banner-text-cell .edgtf-banner-read-more span { display: inline-block; vertical-align: middle; margin-left: 5px; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; transition: transform 0.3s ease; position: relative; font-size: 20px; top: -1px; } .edgtf-banner:hover .edgtf-banner-text-holder { background-color: rgba(48, 39, 28, 0.1); } .edgtf-banner:hover .edgtf-banner-read-more span { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); transform: translateX(5px); } /* ========================================================================== Banner shortcode end styles ========================================================================== */ /* Social Share styles ========================================================================== */ /* ========================================================================== # Social Share style - begin ========================================================================== */ .edgtf-social-share-holder ul { list-style: none; display: inline-block; margin: 0; padding: 0; } /* List type - begin ========================================================================== */ .edgtf-social-share-holder.edgtf-list li { display: inline-block; margin-right: 18px; } .edgtf-social-share-holder.edgtf-list li a { color: #757575; font-size: 13px; } .edgtf-social-share-holder.edgtf-list li a:hover { color: #c7a17a; } .edgtf-social-share-holder.edgtf-list li:last-child { margin-right: 0; } .edgtf-social-share-holder.edgtf-list .edgtf-social-share-title { font-family: Merriweather, serif; font-size: 13px; font-weight: 400; color: #c7a17a; margin-right: 14px; vertical-align: middle; font-style: italic; } /* List type - end ========================================================================== */ /* Dropdown type - begin ========================================================================== */ .edgtf-social-share-holder.edgtf-dropdown { position: relative; display: inline-block; } .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown-opener { display: block; } .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-title { display: inline-block; margin-left: 5px; } .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown { visibility: hidden; z-index: 950; float: left; } .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown ul { position: relative; display: block; z-index: 990; padding: 0 !important; min-width: 50px; font-weight: 400; } .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown ul li { visibility: hidden; position: absolute; text-align: center; min-width: 50px; float: left; opacity: 0.2; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown img { width: 8px; margin-right: 10px; } .edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li { opacity: 1; visibility: visible; cursor: pointer; } .edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(2) { left: 50px; transition-delay: .1s; } .edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(3) { left: 100px; transition-delay: .2s; } .edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(4) { left: 150px; transition-delay: .3s; } .edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(5) { left: 200px; transition-delay: .4s; } .edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(6) { left: 250px; transition-delay: 0.5s; } .edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(7) { left: 300px; transition-delay: 0.6s; } /* Dropdown type - end ========================================================================== */ /* ========================================================================== # Social Share style - end ========================================================================== */ /* Slider styles ========================================================================== */ /* ========================================================================== Edge slider styles ========================================================================== */ .edgtf-slider { position: relative; width: 100%; overflow: hidden; z-index: 10; } .edgtf-slider-preloader { position: absolute; width: 100%; height: 1500px; background-color: #fff; z-index: 20; } .carousel { position: relative; margin: 0; } .carousel.edgtf-full-screen { height: 1500px; } .carousel .carousel-inner { position: relative; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 1; } .carousel .carousel-inner .item { position: relative; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .carousel .carousel-inner .item.active, .carousel .carousel-inner .item.prev, .carousel .carousel-inner .item.next { display: block; } .carousel .carousel-inner .item.prev, .carousel .carousel-inner .item.next { position: absolute; top: 0; width: 100%; } .carousel .carousel-inner .item .edgtf-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 110%; background-position: center 0px; background-repeat: no-repeat; background-size: cover; } .carousel .carousel-inner .item .edgtf-image img { display: none !important; width: 0px; height: 0px; } .carousel .carousel-inner .item .edgtf-image-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .carousel .carousel-inner .item .edgtf-slider-elements-container { position: absolute; top: 50%; left: 50%; z-index: 12; /* above the background video */ -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .carousel .carousel-inner .item .edgtf-slider-elements-container:not(.edgtf-grid) { width: 100%; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slider-elements-container-inner { position: relative; width: 100%; padding-bottom: 0; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slider-elements-container-inner .edgtf-slider-elements-holder-frame { position: absolute; top: 0; left: 0; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slider-elements-container-inner .edgtf-slider-elements-holder-frame:not(.edgtf-grid) { width: 100%; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element { position: absolute; margin: 0; color: #fff; /* Default Text styles */ } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-animation-flip .edgtf-slide-element-inner, .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-animation-spin .edgtf-slide-element-inner, .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-animation-fade .edgtf-slide-element-inner, .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-animation-from_top .edgtf-slide-element-inner, .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-animation-from_bottom .edgtf-slide-element-inner, .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-animation-from_left .edgtf-slide-element-inner, .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-animation-from_right .edgtf-slide-element-inner { opacity: 0; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-image { line-height: 0; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-image img { vertical-align: middle; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-text-small { font-size: 22px; line-height: 1.454545454545455em; /* 22px/32px */ font-weight: 500; color: #fff; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-text-normal { font-size: 36px; line-height: 1.65em; /* 34px/56px */ font-weight: 700; color: #fff; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-text-large { font-size: 60px; line-height: 1.285714285714286em; /* 60px/70px */ font-weight: 700; color: #fff; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element.edgtf-slide-element-text-extra-large { font-size: 100px; line-height: 1.2em; /* 100px/120px */ font-weight: 700; color: #fff; } .carousel .carousel-inner .item .edgtf-slider-elements-container .edgtf-slide-element .edgtf-slide-element-wrapper-link.inheriting { color: inherit !important; /* Removing this class on hover lets the link have its hover color */ } .carousel .carousel-inner .item .edgtf-slide-element-section-link { z-index: 13; position: absolute !important; /* Not to be overridden by pivot point settings */ left: 50% !important; /* Not to be overridden by pivot point settings */ -webkit-transform: translateX(-50%) !important; /* Not to be overridden by pivot point settings */ transform: translateX(-50%) !important; /* Not to be overridden by pivot point settings */ } .carousel .carousel-inner .item .edgtf-slide-element-section-link .edgtf-slide-anchor-holder { position: relative; display: inline-block; vertical-align: middle; text-align: center; } .carousel .carousel-inner .item .edgtf-slide-element-section-link .edgtf-slide-anchor-holder .edgtf-slide-anchor-button { position: relative; display: inline-block; vertical-align: middle; font-size: 50px; color: #fff; } .carousel .carousel-inner .item .edgtf-slide-element-section-link .edgtf-slide-anchor-holder .edgtf-slide-anchor-button .scroll-text { display: block; margin-top: 10px; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .carousel .carousel-inner .item.active .edgtf-slide-element.edgtf-slide-element-animation-fade .edgtf-slide-element-inner { -webkit-animation: fade 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: fade 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: fade 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: fade 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .edgtf-slide-element.edgtf-slide-element-animation-flip .edgtf-slide-element-inner { -webkit-animation: flip 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: flip 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: flip 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: flip 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .edgtf-slide-element.edgtf-slide-element-animation-spin .edgtf-slide-element-inner { -webkit-animation: spin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: spin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: spin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: spin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .edgtf-slide-element.edgtf-slide-element-animation-from_top .edgtf-slide-element-inner { -webkit-animation: from-top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: from-top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: from-top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: from-top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .edgtf-slide-element.edgtf-slide-element-animation-from_bottom .edgtf-slide-element-inner { -webkit-animation: from-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: from-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: from-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: from-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .edgtf-slide-element.edgtf-slide-element-animation-from_left .edgtf-slide-element-inner { -webkit-animation: from-left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: from-left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: from-left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: from-left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .edgtf-slide-element.edgtf-slide-element-animation-from_right .edgtf-slide-element-inner { -webkit-animation: from-right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: from-right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: from-right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: from-right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .touch .carousel .carousel-inner .item { background-position: center 0px !important; } .carousel .carousel-inner .edgtf-video { position: static; left: 0; direction: ltr; } .carousel .carousel-inner .edgtf-video video.edgtf-video-element { object-fit: inherit; width: 100% !important; } .carousel .carousel-inner .edgtf-slider-content-outer { position: relative; height: 100%; width: 1100px; margin: 0px auto; z-index: 12; } .carousel .carousel-inner .edgtf-slider-content-outer .edgtf-slide-anchor-holder { text-align: center; } .carousel .carousel-inner .edgtf-slider-content-outer .edgtf-slide-anchor-holder.edgtf-slider-anchor-in-content { position: relative; margin-top: 80px; } .carousel .carousel-inner .edgtf-slider-content-outer .edgtf-slide-anchor-holder.edgtf-slider-anchor-on-bottom-of-the-slider { position: absolute; bottom: 10%; left: 50%; margin: 0; -webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); -moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); -o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .carousel .carousel-inner .edgtf-slider-content-outer .edgtf-slide-anchor-holder .edgtf-slide-anchor-button { position: relative; display: inline-block; vertical-align: middle; font-size: 50px; color: #fff; } .carousel .carousel-inner .edgtf-slider-content-outer .edgtf-slide-anchor-holder .edgtf-slide-anchor-button .scroll-text { display: block; margin-top: 10px; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .carousel.edgtf-slide .carousel-inner .item { -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel.edgtf-slide .carousel-inner .item.prev { left: -100%; } .carousel.edgtf-slide .carousel-inner .item.prev.right { left: 0; } .carousel.edgtf-slide .carousel-inner .item.next { left: 100%; } .carousel.edgtf-slide .carousel-inner .item.next.left { left: 0; } .carousel.edgtf-slide .carousel-inner .item.active { left: 0; } .carousel.edgtf-slide .carousel-inner .item.active.left { left: -100%; } .carousel.edgtf-slide .carousel-inner .item.active.right { left: 100%; } .carousel.edgtf-fade .carousel-inner .item { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .carousel.edgtf-fade .carousel-inner .item.prev, .carousel.edgtf-fade .carousel-inner .item.next { z-index: 1; } .carousel.edgtf-fade .carousel-inner .item.active { opacity: 1; filter: alpha(opacity=100); } .carousel.edgtf-fade .carousel-inner .item.active.left, .carousel.edgtf-fade .carousel-inner .item.active.right { z-index: 2; opacity: 0; filter: alpha(opacity=0); } .carousel.edgtf-vertical-up:not(.edgtf-has-height) .carousel-inner { height: 100%; } .carousel.edgtf-vertical-up .carousel-inner .item { -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; transition: transform 0.6s ease; } .carousel.edgtf-vertical-up .carousel-inner .item.prev { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .carousel.edgtf-vertical-up .carousel-inner .item.prev.right { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.edgtf-vertical-up .carousel-inner .item.next { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .carousel.edgtf-vertical-up .carousel-inner .item.next.left { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.edgtf-vertical-up .carousel-inner .item.active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.edgtf-vertical-up .carousel-inner .item.active.left { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .carousel.edgtf-vertical-up .carousel-inner .item.active.right { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .carousel.edgtf-vertical-down:not(.edgtf-has-height) .carousel-inner { height: 100%; } .carousel.edgtf-vertical-down .carousel-inner .item { -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; transition: transform 0.6s ease; } .carousel.edgtf-vertical-down .carousel-inner .item.prev { -webkit-transform: translateY(99%); -moz-transform: translateY(99%); transform: translateY(99%); } .carousel.edgtf-vertical-down .carousel-inner .item.prev.right { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.edgtf-vertical-down .carousel-inner .item.next { -webkit-transform: translateY(-99%); -moz-transform: translateY(-99%); transform: translateY(-99%); } .carousel.edgtf-vertical-down .carousel-inner .item.next.left { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.edgtf-vertical-down .carousel-inner .item.active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.edgtf-vertical-down .carousel-inner .item.active.left { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .carousel.edgtf-vertical-down .carousel-inner .item.active.right { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .carousel.edgtf-slide-cover .carousel-inner .item { -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel.edgtf-slide-cover .carousel-inner .item.prev { left: -100%; z-index: 100; } .carousel.edgtf-slide-cover .carousel-inner .item.prev.right { left: 0; } .carousel.edgtf-slide-cover .carousel-inner .item.next { left: 100%; z-index: 99; } .carousel.edgtf-slide-cover .carousel-inner .item.next.left { left: 0; } .carousel.edgtf-slide-cover .carousel-inner .item.active { left: 0; } .carousel.edgtf-slide-cover .carousel-inner .item.active.left { left: -30%; } .carousel.edgtf-slide-cover .carousel-inner .item.active.right { left: 30%; } .carousel.edgtf-slide-peek .carousel-inner .item { -webkit-transition: left 0.6s ease-in-out, right 0.6s ease-in-out; -moz-transition: left 0.6s ease-in-out, right 0.6s ease-in-out; transition: left 0.6s ease-in-out, right 0.6s ease-in-out; } .carousel.edgtf-slide-peek .carousel-inner .item.prev { left: 0%; right: 85%; width: auto; z-index: 100; overflow: hidden; } .carousel.edgtf-slide-peek .carousel-inner .item.prev.right { left: 0%; right: 0%; } .carousel.edgtf-slide-peek .carousel-inner .item.next { left: 85%; right: 0%; width: auto; z-index: 99; overflow: hidden; } .carousel.edgtf-slide-peek .carousel-inner .item.next.left { left: 0%; right: 0%; } .carousel.edgtf-slide-peek .carousel-inner .item.active { left: 0%; right: 0%; width: auto; } .carousel.edgtf-slide-peek .carousel-inner .item.active.left { left: 0%; right: 0%; } .carousel.edgtf-slide-peek .carousel-inner .item.active.right { left: 0%; right: 0%; } .carousel.edgtf-slide-peek .carousel-inner .edgtf-slider-peeker { position: absolute; top: 0; height: 110%; z-index: 98; overflow: hidden; -webkit-transition: left 0.3s ease-in-out, width 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out, width 0.3s ease-in-out; transition: left 0.3s ease-in-out, width 0.3s ease-in-out; } .carousel.edgtf-slide-peek .carousel-inner .edgtf-slider-peeker.edgtf-slide-peek-in-progress { -webkit-transition: none; -moz-transition: none; transition: none; } .carousel.edgtf-slide-peek .carousel-inner .edgtf-slider-peeker.left { left: 0; width: 0; } .carousel.edgtf-slide-peek .carousel-inner .edgtf-slider-peeker.left.shown:not(.edgtf-slide-peek-in-progress) { width: 15%; } .carousel.edgtf-slide-peek .carousel-inner .edgtf-slider-peeker.right { left: 100%; width: 0; } .carousel.edgtf-slide-peek .carousel-inner .edgtf-slider-peeker.right.shown:not(.edgtf-slide-peek-in-progress) { left: 85%; width: 15%; } .carousel.edgtf-slide-peek .carousel-inner .edgtf-slider-peeker .edgtf-slider-peeker-inner { position: absolute; top: 0; left: 50%; height: 100%; background: transparent center 0px no-repeat; background-size: cover; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .carousel .carousel-indicators { position: absolute; bottom: 20px; left: 50%; margin: 0 !important; padding: 0 !important; text-align: center; list-style: none; z-index: 15; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .carousel .carousel-indicators:not(.thumbnails) li { position: relative; display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin: 0 3px; padding: 0; border-radius: 4em; cursor: pointer; text-indent: -999px; opacity: 0.4; background-color: #fff; -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out; -moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out; } .carousel .carousel-indicators:not(.thumbnails) li.active { opacity: 1; } .carousel .carousel-indicators.thumbnails { bottom: 25px; width: 80%; } .carousel .carousel-indicators.thumbnails li { position: relative; display: inline-block; vertical-align: middle; width: 160px !important; /* must not to be overwritten by options */ height: 100px !important; margin: 0 5px 0 0; padding: 0; background-color: rgba(0, 0, 0, 0.8); cursor: pointer; } .carousel .carousel-indicators.thumbnails li:last-child { margin: 0; } .carousel .carousel-indicators.thumbnails li .thumb-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(255, 255, 255, 0.1); z-index: 100; opacity: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .carousel .carousel-indicators.thumbnails li .thumb-frame-inner { position: relative; display: block; height: 100%; width: 100%; border: 5px solid #fff; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .carousel .carousel-indicators.thumbnails li img { position: relative; width: 100%; height: 100%; padding: 0; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: padding 0.2s ease-out; -moz-transition: padding 0.2s ease-out; transition: padding 0.2s ease-out; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .carousel .carousel-indicators.thumbnails li:hover .thumb-frame { opacity: 1; } .carousel .carousel-indicators.thumbnails li.active .thumb-frame, .carousel .carousel-indicators.thumbnails li.active .thumb-frame-inner { opacity: 1; } .carousel .carousel-indicators.thumbnails li.active img { padding: 5px; } .carousel .carousel-indicators.thumbnails.dark li .thumb-frame-inner { border-color: #000; } .edgtf-dark-header .carousel .carousel-indicators li { background-color: #000 !important; } .edgtf-light-header .carousel .carousel-indicators li { background-color: #fff !important; } .carousel .carousel-control { position: absolute; top: 0px; width: 8%; height: 100%; margin: 0px; outline: none; cursor: pointer; text-shadow: none; z-index: 2 !important; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; -webkit-backface-visibility: hidden; /* because navigation is not visible during animation on chrome */ -moz-backface-visibility: hidden; /* because navigation glitters in ff */ } .carousel .carousel-control:hover { opacity: 1 !important; } .carousel .carousel-control:hover.left .edgtf-thumb-holder { left: 0; } .carousel .carousel-control:hover.right .edgtf-thumb-holder { right: 0; } .carousel .carousel-control .edgtf-prev-nav, .carousel .carousel-control .edgtf-next-nav { position: absolute; top: 50%; margin: -27px 0 0; height: 54px; width: 54px; line-height: 54px; font-size: 32px; color: #fff; background-color: rgba(54, 54, 54, 0.6); border-radius: 4em; border: 1px solid transparent; text-align: center; z-index: 10; -webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left 0.6s ease-in-out 0.3s, right 0.6s ease-in-out 0.3s; -moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left 0.6s ease-in-out 0.3s, right 0.6s ease-in-out 0.3s; transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left 0.6s ease-in-out 0.3s, right 0.6s ease-in-out 0.3s; } .carousel .carousel-control .edgtf-prev-nav:hover, .carousel .carousel-control .edgtf-next-nav:hover { background-color: #363636; } .carousel .carousel-control .edgtf-prev-nav span, .carousel .carousel-control .edgtf-next-nav span { display: block; line-height: inherit; } .carousel .carousel-control .edgtf-prev-nav .edgtf-numbers, .carousel .carousel-control .edgtf-next-nav .edgtf-numbers { position: absolute; left: 0; right: 0; top: 0; float: none; padding: 0; line-height: 50px; height: 50px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .edgtf-dark-header .carousel .carousel-control .edgtf-prev-nav, .edgtf-dark-header .carousel .carousel-control .edgtf-next-nav { color: #fff; background-color: #000; } .edgtf-light-header .carousel .carousel-control .edgtf-prev-nav, .edgtf-light-header .carousel .carousel-control .edgtf-next-nav { color: #000; background-color: #fff; } .carousel .carousel-control .edgtf-prev-nav { left: 20px; } .carousel .carousel-control .edgtf-next-nav { right: 20px; } .carousel .carousel-control .edgtf-thumb-holder { position: absolute; top: 50%; width: 150px; display: block; background-color: rgba(0, 0, 0, 0.8); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .carousel .carousel-control .edgtf-thumb-holder .img { position: relative; display: block; width: 150px; margin: 0 0 -2px; background: transparent center center no-repeat; background-size: cover; overflow: hidden; clear: both; } .carousel .carousel-control .edgtf-thumb-holder .img img { display: block; } .carousel .carousel-control .edgtf-thumb-holder .edgtf-video .edgtf-video-wrap { position: relative; } .carousel .carousel-control .edgtf-thumb-arrow { height: 50px; line-height: 50px; font-size: 25px; } .carousel .carousel-control .edgtf-numbers { height: 50px; line-height: 50px; font-size: 15px; } .carousel .carousel-control .edgtf-numbers span { display: inline; } .carousel .carousel-control.left .edgtf-thumb-holder { left: -200px; -webkit-transition: left 0.6s ease-in-out 0.3s; -moz-transition: left 0.6s ease-in-out 0.3s; transition: left 0.6s ease-in-out 0.3s; } .carousel .carousel-control.left .edgtf-thumb-arrow { float: left; padding: 0 0 0 20px; } .carousel .carousel-control.left .edgtf-numbers { float: right; padding: 0 20px 0 0; } .carousel .carousel-control.right { right: 0; left: auto; } .carousel .carousel-control.right .edgtf-thumb-holder { right: -200px; -webkit-transition: right 0.6s ease-in-out 0.3s; -moz-transition: right 0.6s ease-in-out 0.3s; transition: right 0.6s ease-in-out 0.3s; } .carousel .carousel-control.right .edgtf-thumb-arrow { float: right; padding: 0 20px 0 0; } .carousel .carousel-control.right .edgtf-numbers { float: left; padding: 0 0 0 20px; } .carousel.edgtf-slider-thumbs .carousel-control .edgtf-prev-nav { -webkit-transition: left 0.6s ease-in-out 0.3s; -moz-transition: left 0.6s ease-in-out 0.3s; transition: left 0.6s ease-in-out 0.3s; } .carousel.edgtf-slider-thumbs .carousel-control .edgtf-next-nav { -webkit-transition: right 0.6s ease-in-out 0.3s; -moz-transition: right 0.6s ease-in-out 0.3s; transition: right 0.6s ease-in-out 0.3s; } .carousel.edgtf-slider-thumbs .carousel-control:hover .edgtf-prev-nav { left: -100%; } .carousel.edgtf-slider-thumbs .carousel-control:hover .edgtf-next-nav { right: -100%; } .carousel .edgtf-video .edgtf-mobile-video-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 10; } .carousel .edgtf-video .edgtf-video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 3000px; opacity: 0; z-index: 11; } .carousel .edgtf-video .edgtf-video-overlay img { display: none !important; } .carousel .edgtf-video .edgtf-video-overlay.active { background-image: url("img/pixel-video.png"); background-position: 0px 0px; background-repeat: repeat; opacity: 1; } .carousel .edgtf-video .edgtf-video-wrap { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 10; } .carousel .edgtf-video .edgtf-video-wrap .mejs-poster { background-size: cover !important; } .carousel .edgtf-video .edgtf-video-wrap .mejs-offscreen { display: none !important; } .carousel .edgtf-video .edgtf-video-wrap .mejs-container { background: none !important; height: auto !important; } .carousel .edgtf-video .edgtf-video-wrap .mejs-container .mejs-controls { display: none !important; } .carousel .edgtf-video .edgtf-video-wrap .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } .carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.18) !important; } .carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-time-rail .mejs-time-total { background: #1f1f1f none repeat scroll 0 0 !important; } .carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent !important; } .carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-button button:focus { outline: none !important; } .carousel .edgtf-video .edgtf-video-wrap .mejs-controls button { opacity: 0.8; } .carousel .edgtf-video .edgtf-video-wrap .mejs-controls button:hover { opacity: 1; } .carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1; } .carousel .edgtf-video .edgtf-video-wrap .mejs-mediaelement { background: none !important; border: 0 !important; } .edgtf-in-progress .carousel-control.left .edgtf-thumb-holder { left: -200px !important; } .edgtf-in-progress .carousel-control.right .edgtf-thumb-holder { right: -200px !important; } /* animate image - start */ @media only screen and (min-width: 1024px) { .carousel-inner .item.edgtf-animate-image.zoom_center .edgtf-image { position: absolute; top: 0%; left: 0%; width: 100%; height: 110%; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; /* to prevent glittering on slide change */ backface-visibility: hidden; } .carousel-inner .item.edgtf-animate-image.zoom_top_left .edgtf-image, .carousel-inner .item.edgtf-animate-image.zoom_top_right .edgtf-image, .carousel-inner .item.edgtf-animate-image.zoom_bottom_left .edgtf-image, .carousel-inner .item.edgtf-animate-image.zoom_bottom_right .edgtf-image { position: absolute; top: -12%; left: -12%; width: 125%; height: 125%; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; /* to prevent glittering on slide change */ backface-visibility: hidden; } } /* animate image - end */ /* -- Animations Start -- */ @-webkit-keyframes from-bottom { 0% { -webkit-transform: translate(0, 15%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes from-bottom { 0% { -moz-transform: translate(0, 15%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes from-bottom { 0% { -o-transform: translate(0, 15%); opacity: 0.5; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes from-bottom { 0% { transform: translate(0, 15%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes from-top { 0% { -webkit-transform: translate(0, -15%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes from-top { 0% { -moz-transform: translate(0, -15%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes from-top { 0% { -o-transform: translate(0, -15%); opacity: 0.5; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes from-top { 0% { transform: translate(0, -15%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes from-left { 0% { -webkit-transform: translate(-15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes from-left { 0% { -moz-transform: translate(-15%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes from-left { 0% { -o-transform: translate(-15%, 0); opacity: 0.5; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes from-left { 0% { transform: translate(-15%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes from-right { 0% { -webkit-transform: translate(15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes from-right { 0% { -moz-transform: translate(15%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes from-right { 0% { -o-transform: translate(15%, 0); opacity: 0.5; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes from-right { 0% { transform: translate(15%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { -webkit-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { -moz-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-o-keyframes flip { 0% { -o-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0.2; } 100% { -o-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @keyframes flip { 0% { transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(360deg) scale(0.5); opacity: 0; } 100% { -webkit-transform: rotate(0deg) scale(1); opacity: 1; } } @-moz-keyframes spin { 0% { -moz-transform: rotate(360deg) scale(0.5); opacity: 0; } 100% { -moz-transform: rotate(0deg) scale(1); opacity: 1; } } @-o-keyframes spin { 0% { -o-transform: rotate(360deg) scale(0.5); opacity: 0.2; } 100% { -o-transform: rotate(0deg) scale(1); opacity: 1; } } @keyframes spin { 0% { transform: rotate(360deg) scale(0.5); opacity: 0; } 100% { transform: rotate(0deg) scale(1); opacity: 1; } } /* -- Animations End -- */ /* ========================================================================== End of Edge slider styles ========================================================================== */ /* Shop Masonry styles ========================================================================== */ /* ========================================================================== Shop masonry start style ========================================================================== */ .edgtf-shop-masonry .edgtf-product-badge { position: absolute; display: table; top: 11px; right: 11px; height: 34px; line-height: 34px; text-align: center; padding: 0 16px; z-index: 100; color: #fff; background-color: #30271c; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; } .edgtf-shop-masonry .edgtf-product-badge.edgtf-out-of-stock { background-color: #dcdcdc; } .edgtf-shop-masonry .edgtf-separator { border-bottom: 2px solid #c7a17a; width: 30px; margin: 13px 0 25px; } .edgtf-shop-masonry .amount { color: #c7a17a; font-size: 25px; font-family: Merriweather, serif; font-style: italic; font-weight: 600; } .edgtf-shop-masonry ins { text-decoration: none; color: #fff; font-size: 21px; } .edgtf-shop-masonry del, .edgtf-shop-masonry del .amount { color: #fff; } .edgtf-shop-masonry .price { margin-bottom: 15px; display: inline-block; position: relative; } .edgtf-shop-masonry .edgtf-masonry-product-meta-wrapper { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .edgtf-shop-masonry .edgtf-masonry-product-meta-wrapper .edgtf-add-to-cart-holder { position: relative; bottom: auto; left: auto; margin-top: 25px; } .edgtf-shop-masonry .edgtf-product-list-product-title { color: #fff; } .edgtf-shop-masonry .edgtf-product-shader { background-color: rgba(48, 39, 28, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .edgtf-shop-masonry .edgtf-masonry-product-image-holder { overflow: hidden; } .edgtf-shop-masonry .edgtf-masonry-product-info { padding: 0 10px; } .edgtf-shop-masonry .edgtf-shop-list-masonry-grid-sizer, .edgtf-shop-masonry .edgtf-shop-product { width: 25%; overflow: visible; } .edgtf-shop-masonry .edgtf-large-width-masonry-item, .edgtf-shop-masonry .edgtf-large-width-height-masonry-item { width: 50%; } .edgtf-shop-masonry .add_to_cart_button, .edgtf-shop-masonry .added_to_cart { position: relative; font-size: 22px; border: none; color: #30271c; width: 45px; height: 45px; padding: 8px 5px; background-color: #fff; overflow: hidden; -webkit-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .edgtf-shop-masonry .add_to_cart_button:hover, .edgtf-shop-masonry .added_to_cart:hover { width: 170px; } .edgtf-shop-masonry .add_to_cart_button .edgtf-btn-text, .edgtf-shop-masonry .added_to_cart .edgtf-btn-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-left: 45px; font-size: 13px; font-weight: 800; font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 1.7px; display: block; white-space: pre; word-wrap: break-word; } .edgtf-shop-masonry .add_to_cart_button .edgtf-icon-font-elegant, .edgtf-shop-masonry .added_to_cart .edgtf-icon-font-elegant { position: absolute; left: 11px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .edgtf-shop-masonry .add_to_cart_button .edgtf-icon-font-elegant:before, .edgtf-shop-masonry .added_to_cart .edgtf-icon-font-elegant:before { position: relative; top: -1px; } .edgtf-shop-masonry .add_to_cart_button.added { display: none; } .edgtf-shop-masonry .edgtf-product-shader, .edgtf-shop-masonry .edgtf-masonry-product-meta-wrapper { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .edgtf-shop-masonry .edgtf-shop-product .price, .edgtf-shop-masonry .edgtf-shop-product .edgtf-product-list-product-title, .edgtf-shop-masonry .edgtf-shop-product .edgtf-add-to-cart-holder { opacity: 0; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%); -webkit-transition: -webkit-transform 0s ease-out .15s; transition: transform 0s ease-out .15s; -webkit-transition: transform 0s ease-out 0.15s; -moz-transition: transform 0s ease-out 0.15s; transition: transform 0s ease-out 0.15s; } .edgtf-shop-masonry .edgtf-shop-product:hover .edgtf-product-shader, .edgtf-shop-masonry .edgtf-shop-product:hover .edgtf-masonry-product-meta-wrapper, .edgtf-shop-masonry .edgtf-shop-product:hover .price, .edgtf-shop-masonry .edgtf-shop-product:hover .edgtf-product-list-product-title, .edgtf-shop-masonry .edgtf-shop-product:hover .edgtf-add-to-cart-holder { opacity: 1; } .edgtf-shop-masonry .edgtf-shop-product:hover .price { transform: translateY(0); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.9, 1) 0.15s; -moz-transition: -moz-transform .2s ease-out .15s; transition: transform 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.15s, opacity 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.15s; } .edgtf-shop-masonry .edgtf-shop-product:hover .edgtf-product-list-product-title { transform: translateY(0); -webkit-transition: -webkit-transform .2s ease-out .2s; -moz-transition: -moz-transform .2s ease-out .2s; transition: transform 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.35s, opacity 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.35s; } .edgtf-shop-masonry .edgtf-shop-product:hover .edgtf-add-to-cart-holder { transform: translateY(0); -webkit-transition: -webkit-transform .2s ease-out .25s; -moz-transition: -moz-transform .2s ease-out .25s; transition: transform 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.55s, opacity 0.3s cubic-bezier(0.1, 0, 0.3, 1) 0.55s; } .edgtf-shop-list-masonry { opacity: 0; margin: 0 -15px; } /* ========================================================================== Shop masonry end style ========================================================================== */ /* Project presentation styles ========================================================================== */ /* ========================================================================== Project presentation shortcode start styles ========================================================================== */ .edgtf-project-presentation img { display: block; } .edgtf-project-presentation img:focus { outline: none; } .edgtf-project-presentation.presentation-left .edgtf-pp-content-holder, .edgtf-project-presentation.presentation-right .edgtf-pp-content-holder { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .edgtf-project-presentation.presentation-left .edgtf-pp-content-holder .edgtf-pp-content-left, .edgtf-project-presentation.presentation-left .edgtf-pp-content-holder .edgtf-pp-content-right, .edgtf-project-presentation.presentation-right .edgtf-pp-content-holder .edgtf-pp-content-left, .edgtf-project-presentation.presentation-right .edgtf-pp-content-holder .edgtf-pp-content-right { position: relative; display: table-cell; height: 100%; width: 50%; vertical-align: middle; text-align: left; } .edgtf-project-presentation.presentation-left .edgtf-pp-content-holder .edgtf-pp-text-holder, .edgtf-project-presentation.presentation-right .edgtf-pp-content-holder .edgtf-pp-text-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 70px 45px; box-sizing: border-box; } .edgtf-project-presentation.presentation-left .edgtf-pp-content-holder .edgtf-pp-text-table, .edgtf-project-presentation.presentation-right .edgtf-pp-content-holder .edgtf-pp-text-table { position: relative; display: table; table-layout: fixed; height: 100%; width: 58%; } .edgtf-project-presentation.presentation-left .edgtf-pp-content-holder .edgtf-pp-text-table .edgtf-pp-text-cell, .edgtf-project-presentation.presentation-right .edgtf-pp-content-holder .edgtf-pp-text-table .edgtf-pp-text-cell { position: relative; display: table-cell; vertical-align: top; text-align: left; } .edgtf-project-presentation.presentation-left .edgtf-pp-content-holder .edgtf-pp-subtitle, .edgtf-project-presentation.presentation-right .edgtf-pp-content-holder .edgtf-pp-subtitle { margin: 32px 0 0 0; } .edgtf-project-presentation.presentation-left .edgtf-pp-content-holder .edgtf-pp-button, .edgtf-project-presentation.presentation-right .edgtf-pp-content-holder .edgtf-pp-button { position: absolute; bottom: 57px; left: 45px; } .edgtf-project-presentation .edgtf-pp-gallery-slider { position: relative; } .edgtf-project-presentation .edgtf-slick-dots { position: absolute; right: 19px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .edgtf-project-presentation .edgtf-slick-dots li { width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; box-sizing: border-box; margin: 15px 0; cursor: pointer; position: relative; list-style: none; } .edgtf-project-presentation .edgtf-slick-dots li .edgtf-slick-dot-inner { position: absolute; top: 0; left: 0; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0; background-color: #c7a17a; -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 2); -moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 2); transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 2); } .edgtf-project-presentation .edgtf-slick-dots li.slick-active .edgtf-slick-dot-inner { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } .edgtf-project-presentation .edgtf-pp-content-left .edgtf-pp-gallery .edgtf-pp-gallery-slider .edgtf-slick-dots { left: 19px; } .edgtf-project-presentation.edgtf-project-presentation-light { color: #fff; } .edgtf-project-presentation.edgtf-project-presentation-light .edgtf-btn.edgtf-btn-transparent, .edgtf-project-presentation.edgtf-project-presentation-light .edgtf-pp-title { color: #fff; } /* ========================================================================== Project presentation shortcode end styles ========================================================================== */ /* Animation holder styles ========================================================================== */ /* ========================================================================== # Animation Holder styles - begin ========================================================================== */ .edgtf-animations-holder > div { opacity: 0; } .edgtf-animations-holder.edgtf-fade-in-up > div { -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .edgtf-animations-holder.edgtf-fade-in-up > div.edgtf-appeared > div { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .edgtf-animations-holder.edgtf-fade-in-scale > div { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .edgtf-animations-holder.edgtf-fade-in-scale.edgtf-appeared > div { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } /* ========================================================================== # Animation Holder styles - end ========================================================================== */ /* Menu List styles ========================================================================== */ /* ========================================================================== # Cafe Menu List style - begin ========================================================================== */ .edgtf-cafe-menu-list ul { list-style-type: none; } .edgtf-cafe-menu-list ul li { margin-bottom: 25px; } .edgtf-cafe-menu-list ul li:last-child { margin-bottom: 0; } .edgtf-cafe-menu-list .edgtf-cml-title-holder { display: table-cell; width: 1%; white-space: nowrap; padding-right: 5px; } .edgtf-cafe-menu-list .edgtf-cml-line { height: 3px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: table-cell; width: 98%; z-index: 1; position: relative; bottom: 2px; } .edgtf-cafe-menu-list .edgtf-cml-price-holder { display: table-cell; width: 1%; padding-left: 7px; white-space: nowrap; } .edgtf-cafe-menu-list .edgtf-cml-bottom-holder { position: relative; top: 5px; } .edgtf-cafe-menu-list .edgtf-cml-description-holder { color: #c7a17a; float: left; width: 70%; line-height: 1.2em; } .edgtf-cafe-menu-list .edgtf-cml-label-holder { float: right; position: relative; width: 30%; text-align: right; } .edgtf-cafe-menu-list .edgtf-cml-label-holder .edgtf-cml-label { background-color: #c7a17a; color: #30271c; font-family: Merriweather, serif; font-style: italic; padding: 3px 13px; text-align: center; } .edgtf-cafe-menu-list.edgtf-cml-with-featured-image .edgtf-cml-item-content { padding-left: 110px; } .edgtf-cafe-menu-list.edgtf-cml-with-featured-image .edgtf-cml-item-image { float: left; width: 83px; position: relative; } .edgtf-cafe-menu-list.edgtf-cml-with-featured-image .edgtf-cml-item-image a { display: block; } .edgtf-cafe-menu-list.edgtf-cml-with-featured-image .edgtf-cml-item-image img { vertical-align: middle; } .edgtf-cafe-menu-list.edgtf-cml-light .edgtf-cml-title, .edgtf-cafe-menu-list.edgtf-cml-light .edgtf-cml-price, .edgtf-cafe-menu-list.edgtf-cml-light .edgtf-cml-label { color: #fff; } .edgtf-cafe-menu-list.edgtf-cml-light .edgtf-cml-line { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } /* ========================================================================== # Cafe Menu List style - end ========================================================================== */ /* Masonry Gallery styles ========================================================================== */ /* ========================================================================== Masonry Gallery - start ========================================================================== */ .edgtf-masonry-gallery-grid-sizer { width: 25%; } .edgtf-masonry-gallery-holder { margin: -15px -15px 0 -15px; opacity: 0; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item { box-sizing: border-box; padding: 15px; z-index: 1; width: 25%; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-masonry-gallery-item-subtitle { font-family: Merriweather, serif; font-style: italic; margin: 0; font-size: 20px; margin-bottom: 7px; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-masonry-gallery-item-text { margin: 0; font-family: Merriweather, serif; font-size: 16px; font-style: italic; color: #acacac; line-height: 28px; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-masonry-gallery-read-more { position: absolute; bottom: 22px; left: 28px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-masonry-gallery-read-more span { display: inline-block; vertical-align: middle; margin-left: 5px; -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; position: relative; font-size: 20px; top: -1px; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-masonry-gallery-read-more:hover span { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); transform: translateX(5px); } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-square-big { width: 50%; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-rectangle-landscape { width: 50%; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-rectangle-landscape .edgtf-masonry-gallery-image-holder img { max-height: inherit; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-rectangle-portrait .edgtf-masonry-gallery-image-holder img { max-width: inherit; width: auto; height: 100%; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-masonry-gallery-image-holder { height: 100%; width: 100%; position: relative; overflow: hidden; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: translateZ(0px); } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-masonry-gallery-item-outer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left; box-sizing: border-box; padding: 15px; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-masonry-gallery-item-inner { position: relative; height: 100%; width: 100%; display: table; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-masonry-gallery-item-content { display: table-cell; vertical-align: middle; padding: 28px; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-simple .edgtf-masonry-gallery-item-outer:not(.edgtf-masonry-gallery-image-background) .edgtf-masonry-gallery-item-inner { background-color: #c7a17a; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-simple .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-content { background-color: transparent; -webkit-transition: background-color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95); -moz-transition: background-color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: background-color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95); } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-simple .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-content .edgtf-masonry-gallery-item-subtitle { color: #fff; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-simple .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-content .edgtf-masonry-gallery-item-title { color: #fff; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-simple .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-content.edgtf-masonry-gallery-item-content-center { text-align: center; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-simple .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-content.edgtf-masonry-gallery-item-content-right { text-align: right; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-simple .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-content.edgtf-masonry-gallery-item-content-left .edgtf-masonry-gallery-item-title, .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-simple .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-content.edgtf-masonry-gallery-item-content-left .edgtf-masonry-gallery-item-subtitle { width: 85%; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-text-info .edgtf-masonry-gallery-item-inner { background: #fff; text-align: left; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-text-info .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-title { margin-bottom: 15px; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-text-info .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-subtitle { color: #c7a17a; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-text-info .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-read-more { color: #c7a17a; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-standard .edgtf-masonry-gallery-item-inner { opacity: 0; -webkit-transition: opacity 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95), background-color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95); -moz-transition: opacity 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95), background-color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: opacity 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95), background-color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95); } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-standard .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-subtitle { color: #fff; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-standard .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-item-title { color: #fff; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-standard .edgtf-masonry-gallery-item-inner .edgtf-masonry-gallery-read-more { color: #fff; } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item.edgtf-mg-standard.edgtf-mg-standard-hover-text:hover .edgtf-masonry-gallery-item-inner { opacity: 1; background-color: rgba(48, 39, 28, 0.3); } .edgtf-masonry-gallery-holder .edgtf-masonry-gallery-item .edgtf-mg-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ========================================================================== Masonry Gallery - end ========================================================================== */ /* Working Hours styles ========================================================================== */ .edgtf-working-hours-holder { position: relative; background-color: rgba(21, 20, 18, 0.95); } .edgtf-working-hours-holder .edgtf-wh-title { color: #fff; margin-bottom: 40px !important; /* this schortocode is added in Rev Slider */ } .edgtf-working-hours-holder .edgtf-wh-item { position: relative; } .edgtf-working-hours-holder .edgtf-wh-day { padding-right: 6px; display: table-cell; width: 1%; white-space: nowrap; font-family: "Oswald", sans-serif; font-size: 22px; line-height: 45px; color: #fff; text-transform: uppercase; } .edgtf-working-hours-holder .edgtf-wh-hours { padding-left: 7px; display: table-cell; width: 1%; white-space: nowrap; color: #acacac; font-family: "Oswald", sans-serif; font-size: 22px; line-height: 45px; } .edgtf-working-hours-holder .edgtf-wh-hours .edgtf-wh-closed { color: #c7a17a; text-transform: uppercase; } .edgtf-working-hours-holder .edgtf-wh-line { height: 3px; display: table-cell; width: 98%; z-index: 1; position: relative; } .edgtf-working-hours-holder .edgtf-wh-line .edgtf-wh-line-inner { display: block; border-bottom: 1px solid rgba(168, 164, 161, 0.25); } .edgtf-working-hours-holder.edgtf-wh-with-frame { border: 2px solid #fff; } .edgtf-working-hours-holder.edgtf-wh-with-frame .edgtf-wh-holder-inner { padding: 35px; } .edgtf-working-hours-holder.edgtf-wh-with-bg-image { background-size: cover; background-repeat: no-repeat; } .edgtf-working-hours-holder.edgtf-wh-with-bg-image .edgtf-wh-holder-inner { padding: 35px; } .edgtf-working-hours-holder .edgtf-wh-footnote-holder { margin-top: 45px; } .edgtf-working-hours-holder .edgtf-wh-footnote-holder .edgtf-wh-footnote { font-family: "Oswald", sans-serif; font-size: 22px; color: #c7a17a; text-transform: uppercase; } /* Section Subtitle styles ========================================================================== */ .edgtf-section-subtitle { font-family: Merriweather, serif; font-size: 18px; font-style: italic; line-height: 27px; letter-spacing: 0; color: #c7a17a; margin: 0; } /* Reservation Form styles ========================================================================== */ .edgtf-rf-holder input[type=text], .edgtf-rf-holder select { border: none; outline: none; background-color: transparent; } .edgtf-rf-holder .edgtf-rf-col-holder { float: left; width: 28%; } .edgtf-rf-holder .edgtf-rf-col-holder.edgtf-rf-btn-holder { width: 18.5%; } .edgtf-rf-holder .edgtf-rf-col-holder.edgtf-rf-time-col { width: 25.5%; } .edgtf-rf-holder .edgtf-rf-col-holder.edgtf-rf-time-col .edgtf-rf-field-holder { width: 82%; } .edgtf-rf-holder .edgtf-rf-field-holder { width: 74.5%; float: left; background-color: #fff; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edgtf-rf-holder .edgtf-rf-field-holder select, .edgtf-rf-holder .edgtf-rf-field-holder input[type=text] { padding-top: 18px; padding-bottom: 18px; padding-left: 15px; padding-right: 45px; display: block; width: 100%; font-family: Merriweather, serif; font-style: italic; color: #30271c; font-size: 14px; margin: 0; font-weight: 600; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edgtf-rf-holder .edgtf-rf-field-holder input[type=text]::-webkit-input-placeholder { color: #30271c; } .edgtf-rf-holder .edgtf-rf-field-holder input[type=text]:-moz-placeholder { color: #30271c; opacity: 1; } .edgtf-rf-holder .edgtf-rf-field-holder input[type=text]::-moz-placeholder { color: #30271c; opacity: 1; } .edgtf-rf-holder .edgtf-rf-field-holder select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; cursor: pointer; } .edgtf-rf-holder .edgtf-rf-field-holder select::-ms-expand { display: none; } .edgtf-rf-holder .edgtf-rf-field-holder .edgtf-rf-icon { position: absolute; right: 0; top: 0; width: 55px; line-height: 55px; height: 100%; font-size: 22px; text-align: center; border-left: 2px solid #eae7de; } .edgtf-rf-holder .edgtf-rf-field-holder .edgtf-rf-icon i { color: #c7a17a; vertical-align: baseline; } .edgtf-rf-holder .edgtf-rf-label { width: 25.4%; text-align: center; display: inline-block; line-height: 55px; font-size: 18px; font-weight: 700; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #30271c; } .edgtf-rf-holder .edgtf-rf-copyright { font-family: Merriweather, serif; font-style: italic; font-size: 12px; color: #30271c; opacity: 0.72; } /* ========================================================================== 10. Widgets styles ========================================================================== */ /* ========================================================================= #Widgets style = start ============================================================================*/ .edgtf-sidebar-title-separator .edgtf-separator { margin: 2px 0 30px; } .edgtf-sidebar { padding-bottom: 20px; position: relative; top: 0; } .edgtf-sidebar .edgtf-widget-title { position: relative; overflow: hidden; } .edgtf-sidebar .edgtf-separator-holder.edgtf-sidebar-title-separator { display: block; } .edgtf-sidebar .edgtf-separator-holder .edgtf-separator { width: 100%; border-bottom-width: 3px; border-bottom-color: #eae7de; } .edgtf-sidebar select { width: 100%; border: 1px solid #efefef; padding: 10px 15px; } .edgtf-sidebar .widget { margin-bottom: 45px; /* Global widgets style */ } .edgtf-sidebar .widget:last-child { margin-bottom: 0; } .edgtf-sidebar .widget ul:not(.product_list_widget) { list-style: none; padding: 0; margin: 0; } .edgtf-sidebar .widget ul:not(.product_list_widget) li:not(.edgtf-blog-list-item) { font-family: Merriweather, serif; font-style: italic; padding-bottom: 5px; padding-top: 5px; padding-left: 22px; position: relative; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; color: #30271c; } .edgtf-sidebar .widget ul:not(.product_list_widget) li:not(.edgtf-blog-list-item) a { color: #30271c; } .edgtf-sidebar .widget ul:not(.product_list_widget) li:not(.edgtf-blog-list-item):first-child { padding-top: 0; } .edgtf-sidebar .widget ul:not(.product_list_widget) li:not(.edgtf-blog-list-item):last-child { padding-bottom: 0; } .edgtf-sidebar .widget ul:not(.product_list_widget) li:not(.edgtf-blog-list-item):before { font-family: 'ElegantIcons', serif; content: "\45"; font-size: 12px; position: absolute; left: 0; color: #c7a17a; font-style: normal; } .edgtf-sidebar .widget ul:not(.product_list_widget) li:not(.edgtf-blog-list-item) > a:hover { color: #c7a17a; } .edgtf-sidebar .widget ul:not(.product_list_widget) li:not(.edgtf-blog-list-item) ul:not(.sub-menu) { padding: 0 0 0 15px; } .edgtf-sidebar .widget ul.product_list_widget { list-style: none; padding: 0; margin: 0; } .edgtf-sidebar .widget a { color: #333; } .edgtf-sidebar .widget input[type=submit], .edgtf-sidebar .widget input[type=text] { -webkit-appearance: none; background: transparent; border: none; outline: none; margin: 0; padding: 0; } .edgtf-sidebar .widget.widget_search .edgtf-separator { margin: 7px 0 20px; } .edgtf-sidebar .widget .edgtf-search-wrapper { position: relative; line-height: normal; } .edgtf-sidebar .widget .edgtf-search-wrapper input[type='text'] { width: 100%; outline: none; border: 2px solid #e2e2e2; line-height: 37px; height: 37px; box-sizing: border-box; padding: 0 37px 0 15px; font-size: 14px; font-weight: 400; color: #666; background-color: #fff; } .edgtf-sidebar .widget .edgtf-search-wrapper ::-webkit-input-placeholder { color: #666; opacity: 0.7; } .edgtf-sidebar .widget .edgtf-search-wrapper :-moz-placeholder { color: #666; opacity: 0.7; } .edgtf-sidebar .widget .edgtf-search-wrapper ::-moz-placeholder { color: #666; opacity: 0.7; } .edgtf-sidebar .widget .edgtf-search-wrapper :-ms-input-placeholder { color: #666; opacity: 0.7; } .edgtf-sidebar .widget .edgtf-search-wrapper input[type='submit'] { position: absolute; right: 0; top: 0; width: 37px; height: 37px; line-height: 37px; text-align: center; cursor: pointer; font-size: 15px; color: #fff; font-family: 'ElegantIcons', serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; border: none; background: #c7a17a; padding: 0; letter-spacing: normal; -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; } .edgtf-sidebar .widget .edgtf-search-wrapper input[type='submit']:hover { color: #fff; background-color: #212121; border-color: #212121; } .edgtf-sidebar .widget .tagcloud a { font-family: Merriweather, serif; color: #30271c; font-size: 14px !important; font-style: italic; display: inline-block; margin-right: 3px; margin-bottom: 7px; padding: 0 13px; text-transform: capitalize; line-height: 30px; border: 1px solid transparent; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; background-color: #fff; } .edgtf-sidebar .widget .tagcloud a:hover { background-color: #eae7de; } .edgtf-sidebar .widget.widget_archive li:hover { color: #c7a17a; } .edgtf-sidebar .widget .recentcomments .comment-author-link { position: relative; } .edgtf-sidebar .widget .recentcomments a { position: static; } .edgtf-sidebar .widget .recentcomments:hover a { color: #c7a17a; } .edgtf-sidebar .widget .recentcomments:hover a:before { opacity: 1; } .edgtf-sidebar .widget.widget_calendar #prev, .edgtf-sidebar .widget.widget_calendar #next { padding-left: 0; padding-right: 0; } .edgtf-sidebar .widget.widget_calendar #prev a, .edgtf-sidebar .widget.widget_calendar #next a { color: #c7a17a; } .edgtf-sidebar .widget.widget_calendar #prev { text-align: left; } .edgtf-sidebar .widget.widget_calendar #next { text-align: right; } .edgtf-sidebar .widget.widget_rss ul li { margin-bottom: 10px; } .edgtf-sidebar .widget.widget_categories .edgtf-separator { margin-bottom: 23px; } .edgtf-sidebar .widget.widget_text .edgtf-separator-holder .edgtf-separator { margin-bottom: 18px; } .edgtf-sidebar .widget.edgtf-separator-widget { margin-bottom: 0; } .edgtf-sidebar .widget.edgtf-latest-posts-widget .edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-text-holder { border-bottom: none; padding-top: 5px; } .edgtf-sidebar .widget.edgtf-latest-posts-widget .edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-title { line-height: 1.355556em; } .edgtf-sidebar .widget .edgtf-instagram-feed li { padding: 0 10px 0 0; margin-bottom: 10px; } .edgtf-sidebar .edgtf-blog-list-holder > ul > li { padding-left: 0; padding-bottom: 0; } .edgtf-sidebar .edgtf-blog-list-holder > ul > li:before { display: none; } /* ========================================================================= #Widgets style = end ============================================================================*/ /* ========================================================================== Instagram start styles ========================================================================== */ .edgtf-instagram-feed { margin: 0; } .edgtf-instagram-feed li { float: left; padding-bottom: 0 !important; box-sizing: border-box; list-style: none; position: relative; } .edgtf-instagram-feed li a { display: block; position: relative; overflow: hidden; } .edgtf-instagram-feed li a:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(48, 39, 28, 0.3); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); -moz-transition: opacity 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); transition: opacity 0.3s cubic-bezier(0.4, 0.87, 0.4, 0.87); } .edgtf-instagram-feed li a:hover:after { opacity: 1; } .edgtf-instagram-feed li img { display: block; } .edgtf-instagram-feed li i { position: absolute; top: 7px; left: auto; right: 7px; font-size: 28px; color: #fff; opacity: 0.5; } .edgtf-instagram-feed.edgtf-col-9 li { width: 11.11111111111111%; } .edgtf-instagram-feed.edgtf-col-8 li { width: 12.5%; } .edgtf-instagram-feed.edgtf-col-6 li { width: 16.66666666666667%; } .edgtf-instagram-feed.edgtf-col-4 li { width: 25%; } .edgtf-instagram-feed.edgtf-col-3 li { width: 33.33%; } .edgtf-instagram-feed.edgtf-col-2 li { width: 50%; } /* ========================================================================== Instagram end styles ========================================================================== */ /* ========================================================================== #Twitter feed ========================================================================== */ .edgtf-twitter-widget li { margin-bottom: 15px; } .edgtf-twitter-widget .edgtf-tweet-time { margin-top: 7px; } /* ========================================================================== Social Icon widget start styles ========================================================================== */ .edgtf-social-icon-widget-holder { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .edgtf-social-icon-widget-holder .edgtf-social-icon-widget { color: inherit; line-height: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; } .edgtf-top-bar .edgtf-social-icon-widget-holder, footer .edgtf-social-icon-widget-holder { color: #fff; } /* ========================================================================== Social Icon widget end styles ========================================================================== */ /*# sourceMappingURL=modules.css.map */