/*------------------------------------------------------------------ * This is main css file for theme. It is devided into following sections: * 1. Reset default styles * 2. Remove browser specific styles * 3. General styles * 4. Grid system styles * 5. Row style * 5.1. Parallax section style * 5.2. Video section styles * 6. Animations styles * 7. Comments styles * 8. Pagination styles * 9. General slider styles * 10. 404 page styles * 11. Back to top styles * 12. Self Hosted Video styles * 13. Pretty photo navigation * 14. Layer slider navigation * 15. VC image gallery css override * 16. Main Menu styles * 17. Mobile Header styles * 18. Headers styles * 19. Footer styles * 20. Title styles * 21. Side area styles * 22. Search styles * 23. Portfolio styles * 24. Shortcodes styles * 25. Sidebar styles -------------------------------------------------------------------*/ /* 1. Reset default styles - start ========================================================================== */ /* line 35, scss/_global.scss */ 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; } /* line 45, scss/_global.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* line 49, scss/_global.scss */ input, textarea, button, select, a, li, div { -webkit-tap-highlight-color: transparent; } /* line 53, scss/_global.scss */ blockquote { quotes: none; } /* line 57, scss/_global.scss */ blockquote:before, blockquote:after { content: ''; content: none; } /* line 62, scss/_global.scss */ del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ /* line 67, scss/_global.scss */ table { border-collapse: collapse; border-spacing: 0; border: medium none; vertical-align: middle; } /* line 74, scss/_global.scss */ table th { border: 0; padding: 5px 7px; text-align: center; } /* line 80, scss/_global.scss */ table td { padding: 5px 10px; text-align: center; } /* line 85, scss/_global.scss */ a img { border: none; } /* line 89, scss/_global.scss */ img, .wp-caption { max-width: 100%; height: auto; } /* #Reset default styles - end ========================================================================== */ /* 2. Remove browser specific styles - start ========================================================================== */ /* line 102, scss/_global.scss */ li, a, div, span { -webkit-tap-highlight-color: transparent; } /* line 106, scss/_global.scss */ input[type=text]::-ms-clear { display: none; width: 0; height: 0; } /* line 107, scss/_global.scss */ input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } /* line 109, scss/_global.scss */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } /* #Remove browser specific styles - End ========================================================================== */ /* 3. 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 ========================================================================== */ /* =WordPress Core -------------------------------------------------------------- */ /* line 126, scss/_global.scss */ .alignnone { margin: 0; } /* line 130, scss/_global.scss */ .aligncenter, div.aligncenter { display: block; margin: 0 auto; } /* line 136, scss/_global.scss */ .alignright { float: right; margin: 0; } /* line 141, scss/_global.scss */ .alignleft { float: left; margin: 0; } /* line 146, scss/_global.scss */ a img.alignright { float: right; margin: 0; } /* line 151, scss/_global.scss */ a img.alignnone { margin: 0; } /* line 155, scss/_global.scss */ a img.alignleft { float: left; margin: 0; } /* line 160, scss/_global.scss */ a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* line 166, scss/_global.scss */ .wp-caption { text-align: center; } /* line 170, scss/_global.scss */ .wp-caption.alignnone { margin: 0; } /* line 174, scss/_global.scss */ .wp-caption.alignleft { margin: 0; } /* line 178, scss/_global.scss */ .wp-caption.alignright { margin: 0; } /* line 182, scss/_global.scss */ .wp-caption img { margin: 0; } /* line 186, scss/_global.scss */ .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; } /* Text meant only for screen readers. */ /* line 193, scss/_global.scss */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } /* line 201, scss/_global.scss */ .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. */ } /* =WordPress Core End -------------------------------------------------------------- */ /* line 223, scss/_global.scss */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } /* line 229, scss/_global.scss */ .clearfix:after { clear: both; } /* line 233, scss/_global.scss */ /* line 237, scss/_global.scss */ .clear:after { clear: both; content: ""; display: block; } /* line 243, scss/_global.scss */ html { height: 100%; margin: 0 !important; -webkit-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 */ } /* line 250, scss/_global.scss */ body { font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 23px; color: #797979; font-weight: 500; background-color: #fff; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; } /* line 261, scss/_global.scss */ h1 { font-size: 48px; line-height: 1.097em; font-weight: 700; font-family: 'Jost', sans-serif; } /* line 268, scss/_global.scss */ h2 { font-size: 34px; line-height: 1.284em; font-weight: 700; font-family: 'Raleway', sans-serif; } /* line 275, scss/_global.scss */ h3 { font-size: 22px; line-height: 1.2em; font-weight: 700; font-family: 'Raleway', sans-serif; } /* line 282, scss/_global.scss */ h4 { font-size: 18px; line-height: 1.508em; font-weight: 500; font-family: 'Raleway', sans-serif; } /* line 289, scss/_global.scss */ h5 { font-size: 19px; line-height: 1.4em; font-weight: 600; font-family: 'Raleway', sans-serif; } /* line 296, scss/_global.scss */ h6 { font-size: 15px; line-height: 1.5em; font-weight: 600; font-family: 'Raleway', sans-serif; } /* line 303, scss/_global.scss */ h1, h1 a, h2, h2 a { color: #202020; } /* line 308, scss/_global.scss */ h3, h3 a, h5, h5 a { color: #222222; } /* line 314, scss/_global.scss */ h6, h6 a { color: #212121; } /* line 318, scss/_global.scss */ h4, h4 a { color: #797979; } /* line 322, scss/_global.scss */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } /* line 332, scss/_global.scss */ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #253D4C; } /* line 341, scss/_global.scss */ a, p a { color: #253D4C; 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; } /* line 353, scss/_global.scss */ input[type='submit'], .woocommerce input[type='button'], .woocommerce-page input[type='button'] { -webkit-appearance: none; } /* line 359, scss/_global.scss */ ul, ol { list-style-position: inside; } /* line 363, scss/_global.scss */ pre { background-color: #fff; padding: 15px; max-width: 100%; white-space: pre-wrap; word-wrap: break-word; margin: 15px 0; } /* line 372, scss/_global.scss */ dt { font-size: 15px; font-weight: 700; margin-bottom: 10px; } /* line 378, scss/_global.scss */ dd { margin-bottom: 15px; } /* line 386, scss/_global.scss */ sub, sup { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } /* line 394, scss/_global.scss */ sub { top: 0.5ex; } /* line 398, scss/_global.scss */ sup { bottom: 0.5ex; } /* line 402, scss/_global.scss */ .wp-caption-text { margin: 0; font-style: italic; } /* line 407, scss/_global.scss */ table { width: 100%; } /* line 411, scss/_global.scss */ table thead tr, table tbody tr { border: 1px solid #e6e6e6; } /* line 415, scss/_global.scss */ table tbody th { border-right: 1px solid #e6e6e6; } /* line 419, scss/_global.scss */ blockquote:not(.qodef-blockquote-shortcode) { padding: 0; border: none; font-style: italic; font-size: 17px; line-height: 1.6em; margin: 20px 0; } /* line 428, scss/_global.scss */ blockquote cite { font-style: normal; font-weight: 500; } /* Webkit */ /* line 434, scss/_global.scss */ ::selection { background: #253D4C; color: #fff; } /* Gecko/Mozilla */ /* line 439, scss/_global.scss */ ::-moz-selection { background: #253D4C; color: #fff; } /* line 444, scss/_global.scss */ .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { opacity: 1; } /* line 452, scss/_global.scss */ .alignleft { float: left; margin: 0 20px 20px 0; } /* line 457, scss/_global.scss */ .alignright { float: right; margin: 0 0 20px 20px; } /* line 462, scss/_global.scss */ .aligncenter { display: block; margin: 10px auto; } /* line 467, scss/_global.scss */ .text-align-right { text-align: right; } /* line 471, scss/_global.scss */ .text-align-left { text-align: left; } /* line 475, scss/_global.scss */ .text-align-center { text-align: center; } /* line 479, scss/_global.scss */ .meta { display: none; } /* line 483, scss/_global.scss */ .qodef-wrapper { background-color: #fff; position: relative; z-index: 1000; -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); left: 0px; } /* line 490, scss/_global.scss */ .qodef-wrapper .qodef-wrapper-inner { width: 100%; overflow: hidden; } /* line 496, scss/_global.scss */ .qodef-content { margin-top: 0; position: relative; z-index: 100; background-color: #fff; /*this is needed because of the uncovering footer*/ } /* line 502, scss/_global.scss */ .qodef-content ul ul, .qodef-content ol ol { padding: 0 0 0 15px; } /* line 507, scss/_global.scss */ .qodef-content ol ul, .qodef-content ul ol, .qodef-content ul ul, .qodef-content ol ol { margin: 0; } /* line 520, scss/_global.scss */ .qodef-boxed { overflow: hidden !important; /* this is because content jumping while using accordion and display:inline-block on 'body.qodef-boxed .qodef-wrapper' */ } /* line 524, scss/_global.scss */ .qodef-boxed .qodef-wrapper { display: inline-block; vertical-align: middle; width: 100%; } /* line 529, scss/_global.scss */ .qodef-boxed .qodef-wrapper .qodef-wrapper-inner { width: 1150px; overflow: visible; margin: auto; } /* line 536, scss/_global.scss */ .qodef-boxed .qodef-content { overflow: hidden; } /* line 540, scss/_global.scss */ .qodef-boxed .qodef-footer-inner { width: 1150px; margin: auto; } /* line 546, scss/_global.scss */ .qodef-boxed .qodef-page-header .qodef-sticky-header, .qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed { width: 1150px; left: auto; } /* line 555, scss/_global.scss */ .qodef-container { background-color: #fff; position: relative; padding: 0; width: 100%; z-index: 100; } /* line 562, scss/_global.scss */ .qodef-container:before { content: " "; display: table; } /* line 567, scss/_global.scss */ .qodef-container:after { content: " "; display: table; clear: both; } /* line 574, scss/_global.scss */ .qodef-container-inner { width: 1100px; margin: 0px auto; } /* line 579, scss/_global.scss */ .qodef-full-width { position: relative; z-index: 100; } /* line 584, scss/_global.scss */ .qodef-content .qodef-container .qodef-container-inner { padding-top: 44px; } @media only screen and (min-width: 1400px) { /* line 591, scss/_global.scss */ .qodef-grid-1300 .qodef-grid, .qodef-grid-1300 .qodef-container-inner, .qodef-grid-1300 .qodef-grid-section .qodef-section-inner, .qodef-grid-1300 .qodef-footer-top-border-holder.qodef-in-grid, .qodef-grid-1300 .qodef-footer-bottom-border-holder.qodef-in-grid, .qodef-grid-1300 .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper { width: 1300px; } /* line 604, scss/_global.scss */ .qodef-grid-1300.qodef-boxed .qodef-footer-inner, .qodef-grid-1300.qodef-boxed .qodef-wrapper-inner { width: 1350px; } /* line 609, scss/_global.scss */ .qodef-grid-1300.qodef-boxed .qodef-page-header .qodef-sticky-header, .qodef-grid-1300.qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed { width: 1350px; left: auto; } } @media only screen and (min-width: 1300px) { /* line 620, scss/_global.scss */ .qodef-grid-1200 .qodef-grid, .qodef-grid-1200 .qodef-container-inner, .qodef-grid-1200 .qodef-grid-section .qodef-section-inner, .qodef-grid-1200 .qodef-footer-top-border-holder.qodef-in-grid, .qodef-grid-1200 .qodef-footer-bottom-border-holder.qodef-in-grid, .qodef-grid-1200 .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper { width: 1200px; } /* line 632, scss/_global.scss */ .qodef-grid-1200.qodef-boxed .qodef-footer-inner, .qodef-grid-1200.qodef-boxed .qodef-wrapper-inner { width: 1250px; } /* line 637, scss/_global.scss */ .qodef-grid-1200.qodef-boxed .qodef-page-header .qodef-sticky-header, .qodef-grid-1200.qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed { width: 1250px; left: auto; } } @media only screen and (min-width: 1200px) { /* line 648, scss/_global.scss */ .qodef-grid-1000 .qodef-grid, .qodef-grid-1000 .qodef-container-inner, .qodef-grid-1000 .qodef-grid-section .qodef-section-inner, .qodef-grid-1000 .qodef-footer-top-border-holder.qodef-in-grid, .qodef-grid-1000 .qodef-footer-bottom-border-holder.qodef-in-grid, .qodef-grid-1000 .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper { width: 1000px; } /* line 660, scss/_global.scss */ .qodef-grid-1000.qodef-boxed .qodef-footer-inner, .qodef-grid-1000.qodef-boxed .qodef-wrapper-inner { width: 1050px; } /* line 665, scss/_global.scss */ .qodef-grid-1000.qodef-boxed .qodef-page-header .qodef-sticky-header, .qodef-grid-1000.qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed { width: 1050px; left: auto; } } @media only screen and (min-width: 1000px) { /* line 676, scss/_global.scss */ .qodef-grid-800 .qodef-grid, .qodef-grid-800 .qodef-container-inner, .qodef-grid-800 .qodef-grid-section .qodef-section-inner, .qodef-grid-800 .qodef-footer-top-border-holder.qodef-in-grid, .qodef-grid-800 .qodef-footer-bottom-border-holder.qodef-in-grid, .qodef-grid-800 .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper { width: 800px; } /* line 688, scss/_global.scss */ .qodef-grid-800.qodef-boxed .qodef-footer-inner, .qodef-grid-800.qodef-boxed .qodef-wrapper-inner { width: 850px; } /* line 693, scss/_global.scss */ .qodef-grid-800.qodef-boxed .qodef-page-header .qodef-sticky-header, .qodef-grid-800.qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed { width: 850px; left: auto; } } /* 3. General styles that are used in our theme - end ========================================================================== */ /* 4. Grid system styles - start * Here are defined styles for grid system that is used outside Visual Composer ========================================================================== */ /* line 708, scss/_global.scss */ .qodef-two-columns-66-33 { width: 100%; } /* line 711, scss/_global.scss */ .qodef-two-columns-66-33 .qodef-column1 { width: 66.66%; float: left; } /* line 715, scss/_global.scss */ .qodef-two-columns-66-33 .qodef-column1 .qodef-column-inner { padding: 0 20px 0 0; } /* line 720, scss/_global.scss */ .qodef-two-columns-66-33 .qodef-column2 { width: 33.33%; float: left; } /* line 724, scss/_global.scss */ .qodef-two-columns-66-33 .qodef-column2 .qodef-column-inner { padding: 0 0 0 20px; } /* line 731, scss/_global.scss */ .qodef-two-columns-33-66 { width: 100%; } /* line 734, scss/_global.scss */ .qodef-two-columns-33-66 .qodef-column1 { width: 33.33%; float: left; } /* line 738, scss/_global.scss */ .qodef-two-columns-33-66 .qodef-column1 .qodef-column-inner { padding: 0 20px 0 0; } /* line 743, scss/_global.scss */ .qodef-two-columns-33-66 .qodef-column2 { width: 66.66%; float: left; } /* line 747, scss/_global.scss */ .qodef-two-columns-33-66 .qodef-column2 .qodef-column-inner { padding: 0 0 0 20px; } /* line 754, scss/_global.scss */ .qodef-two-columns-75-25 { width: 100%; } /* line 757, scss/_global.scss */ .qodef-two-columns-75-25 .qodef-column1 { width: 75%; float: left; } /* line 761, scss/_global.scss */ .qodef-two-columns-75-25 .qodef-column1 .qodef-column-inner { padding: 0 20px 0 0; } /* line 766, scss/_global.scss */ .qodef-two-columns-75-25 .qodef-column2 { width: 25%; float: left; } /* line 770, scss/_global.scss */ .qodef-two-columns-75-25 .qodef-column2 .qodef-column-inner { padding: 0 0 0 20px; } /* line 776, scss/_global.scss */ .qodef-two-columns-25-75 { width: 100%; } /* line 779, scss/_global.scss */ .qodef-two-columns-25-75 .qodef-column1 { width: 25%; float: left; } /* line 783, scss/_global.scss */ .qodef-two-columns-25-75 .qodef-column1 .qodef-column-inner { padding: 0 20px 0 0; } /* line 788, scss/_global.scss */ .qodef-two-columns-25-75 .qodef-column2 { width: 75%; float: left; } /* line 792, scss/_global.scss */ .qodef-two-columns-25-75 .qodef-column2 .qodef-column-inner { padding: 0 0 0 20px; } /* line 798, scss/_global.scss */ .qodef-two-columns-50-50 { width: 100%; } /* line 801, scss/_global.scss */ .qodef-two-columns-50-50 > .qodef-two-columns-50-50-inner { margin: 0 -15px; } /* line 805, scss/_global.scss */ .qodef-two-columns-50-50 .qodef-column { width: 50%; float: left; } /* line 809, scss/_global.scss */ .qodef-two-columns-50-50 .qodef-column .qodef-column-inner { padding: 0 15px; } /* line 815, scss/_global.scss */ .qodef-three-columns { width: 100%; } /* line 818, scss/_global.scss */ .qodef-three-columns > .qodef-three-columns-inner { margin: 0 -15px; } /* line 822, scss/_global.scss */ .qodef-three-columns .qodef-column { width: 33.33%; float: left; } /* line 826, scss/_global.scss */ .qodef-three-columns .qodef-column .qodef-column-inner { padding: 0 15px; } /* line 832, scss/_global.scss */ .qodef-four-columns { width: 100%; } /* line 835, scss/_global.scss */ .qodef-four-columns > .qodef-four-columns-inner { margin: 0 -15px; } /* line 839, scss/_global.scss */ .qodef-four-columns .qodef-column { width: 25%; float: left; } /* line 843, scss/_global.scss */ .qodef-four-columns .qodef-column .qodef-column-inner { padding: 0 15px; } /* line 849, scss/_global.scss */ .qodef-five-columns { width: 100%; } /* line 852, scss/_global.scss */ .qodef-five-columns > .qodef-five-columns-inner { margin: 0 -15px; } /* line 856, scss/_global.scss */ .qodef-five-columns .qodef-column { width: 20%; float: left; } /* line 860, scss/_global.scss */ .qodef-five-columns .qodef-column .qodef-column-inner { padding: 0 15px; } /* line 867, scss/_global.scss */ body.woocommerce.woocommerce-page .qodef-two-columns-66-33.woocommerce_with_sidebar .qodef-column1 .qodef-column-inner, body.woocommerce.woocommerce-page .qodef-two-columns-75-25.woocommerce_with_sidebar .qodef-column1 .qodef-column-inner { padding-left: 40px; } /* line 872, scss/_global.scss */ body.woocommerce.woocommerce-page .qodef-two-columns-33-66.woocommerce_with_sidebar .qodef-column2 .qodef-column-inner, body.woocommerce.woocommerce-page .qodef-two-columns-25-75.woocommerce_with_sidebar .qodef-column2 .qodef-column-inner { padding-right: 40px; } /* line 878, scss/_global.scss */ body.woocommerce.woocommerce-page .full_width .qodef-two-columns-66-33.woocommerce_with_sidebar .qodef-column1 .qodef-column-inner, body.woocommerce.woocommerce-page .full_width .qodef-two-columns-75-25.woocommerce_with_sidebar .qodef-column1 .qodef-column-inner { padding-left: 0; } /* line 883, scss/_global.scss */ body.woocommerce.woocommerce-page .full_width .qodef-two-columns-33-66.woocommerce_with_sidebar .qodef-column2 .qodef-column-inner, body.woocommerce.woocommerce-page .full_width .qodef-two-columns-25-75.woocommerce_with_sidebar .qodef-column2 .qodef-column-inner { padding-right: 0; } @-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; } } /* line 895, scss/_global.scss */ .qodef-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! */ } /* line 903, scss/_global.scss */ .qodef-grid { width: 1100px; margin: 0 auto; } /* line 908, scss/_global.scss */ .qodef-vertical-align-containers { position: relative; height: 100%; width: 100%; padding: 0 30px; box-sizing: border-box; } /* line 917, scss/_global.scss */ .qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-left, .qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-right { width: 25%; } /* line 922, scss/_global.scss */ .qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* line 929, scss/_global.scss */ .qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-left-inner, .qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-center-inner, .qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-right-inner { width: 98%; } /* line 939, scss/_global.scss */ .qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-left, .qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-center, .qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-right { width: 33.33%; } /* line 945, scss/_global.scss */ .qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* line 952, scss/_global.scss */ .qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-left-inner, .qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-center-inner, .qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-right-inner { width: 98%; } /* line 962, scss/_global.scss */ .qodef-vertical-align-containers.qodef-50-50 .qodef-position-left, .qodef-vertical-align-containers.qodef-50-50 .qodef-position-right { width: 50%; } /* line 967, scss/_global.scss */ .qodef-vertical-align-containers.qodef-50-50 .qodef-position-left-inner, .qodef-vertical-align-containers.qodef-50-50 .qodef-position-center-inner, .qodef-vertical-align-containers.qodef-50-50 .qodef-position-right-inner { width: 98%; } /* line 975, scss/_global.scss */ .qodef-vertical-align-containers .qodef-position-left { position: relative; float: left; z-index: 2; height: 100%; } /* line 981, scss/_global.scss */ .qodef-vertical-align-containers .qodef-position-center { height: 100%; width: 100%; position: absolute; left: 0; text-align: center; z-index: 1; } /* line 990, scss/_global.scss */ .qodef-vertical-align-containers .qodef-position-right { position: relative; float: right; z-index: 2; height: 100%; text-align: right; } /* line 998, scss/_global.scss */ .qodef-vertical-align-containers .qodef-position-left-inner, .qodef-vertical-align-containers .qodef-position-center-inner, .qodef-vertical-align-containers .qodef-position-right-inner { vertical-align: middle; display: inline-block; } /* line 1004, scss/_global.scss */ .qodef-vertical-align-containers .qodef-position-right.qodef-has-widget .qodef-position-right-inner { height: 100%; } /* line 1008, scss/_global.scss */ .qodef-vertical-align-containers .qodef-position-left:before, .qodef-vertical-align-containers .qodef-position-center:before, .qodef-vertical-align-containers .qodef-position-right:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; margin-right: -3px; /* adjusts for spacing */ } /* 4. Grid system styles - end ========================================================================== */ /* 5. Row styles - start ========================================================================== */ /* line 1028, scss/_global.scss */ .qodef-section { position: relative; } /* line 1033, scss/_global.scss */ .qodef-grid-section .qodef-section-inner { width: 1100px; margin: 0 auto; position: relative; z-index: 20; } /* line 1039, scss/_global.scss */ .qodef-section-inner-margin { margin-left: -15px; margin-right: -15px; } /* line 1044, scss/_global.scss */ .qodef-content-aligment-left { text-align: left; } /* line 1048, scss/_global.scss */ .qodef-content-aligment-center { text-align: center; } /* line 1052, scss/_global.scss */ .qodef-content-aligment-right { text-align: right; } /* ========================================================================== Angled shape styles ========================================================================== */ /* line 1061, scss/_global.scss */ .qodef_angled_shape { position: absolute; z-index: 20; display: block; } /* line 1066, scss/_global.scss */ .qodef_angled_shape.qodef_svg_top { top: -179px; } /* line 1070, scss/_global.scss */ .qodef_angled_shape.qodef_svg_bottom { bottom: -179px; } /* line 1074, scss/_global.scss */ .qodef_angled_shape polygon { fill: #fff; } /* ========================================================================== End of Angled shape styles ========================================================================== */ /* 5.1. Parallax section styles - start ========================================================================== */ /* line 1088, scss/_global.scss */ .qodef-parallax-section-holder { position: static; padding: 0px; background-repeat: no-repeat; background-color: transparent; background-position: center 0px; background-attachment: fixed; overflow: hidden; } /* line 1097, scss/_global.scss */ .qodef-parallax-section-holder.qodef-vertical-middle-align { display: table; width: 100%; } /* line 1102, scss/_global.scss */ .qodef-parallax-section-holder .qodef-parallax-content-outer { display: table-cell; height: 100%; vertical-align: middle; padding: 100% 0; } /* line 1109, scss/_global.scss */ .touch .qodef-parallax-section-holder.qodef-parallax-section-holder-touch-disabled { height: auto !important; min-height: 300px; background-position: center top !important; background-attachment: scroll; background-size: cover; } /* line 1120, scss/_global.scss */ section.parallax_section_holder.vertical_middle_align .parallax_content_outer { display: table-cell; height: 100%; vertical-align: middle; padding: 100% 0; } /* 5.1. Parallax section styles - end ========================================================================== */ /* 5.2. Video section styles - start ========================================================================== */ /* line 1136, scss/_global.scss */ .qodef-section .qodef-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; } /* line 1149, scss/_global.scss */ .qodef-section .qodef-video-overlay { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 11; } /* line 1158, scss/_global.scss */ .qodef-section .qodef-video-overlay.qodef-video-overlay-active { background-image: url("img/pixel-video.png"); background-position: 0px 0px; background-repeat: repeat; opacity: 1; } /* line 1166, scss/_global.scss */ .qodef-section .qodef-video-wrap { top: 0px; left: 0px; overflow: hidden; position: absolute; width: 100%; z-index: 10; } /* line 1175, scss/_global.scss */ .qodef-section .qodef-video-wrap .mejs-offscreen { display: none; } /* line 1179, scss/_global.scss */ .qodef-section .qodef-video-wrap .mejs-container .mejs-controls { display: none !important; } /* line 1183, scss/_global.scss */ .qodef-section .qodef-video-wrap .mejs-poster { background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; } /* line 1190, scss/_global.scss */ .qodef-section .qodef-video-wrap .mejs-container { background-color: transparent !important; background-image: none !important; height: auto !important; width: 100% !important; } /* line 1197, scss/_global.scss */ .qodef-section .qodef-video-wrap .mejs-mediaelement { background: none !important; border: 0px !important; } /* line 1202, scss/_global.scss */ .qodef-section .qodef-video-wrap .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } /* 5.2. Video section styles - end ========================================================================== */ /* ========================================================================== 5. Row styles - end ========================================================================== */ /* ========================================================================== 6. Animation styles - start ========================================================================== */ @-webkit-keyframes element-from-left { 0% { opacity: 0; transform: translate(-20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-left { 0% { opacity: 0; transform: translate(-20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes element-from-right { 0% { opacity: 0; transform: translate(20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-right { 0% { opacity: 0; transform: translate(20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes element-from-top { 0% { opacity: 0; transform: translate(0, -30%); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-top { 0% { opacity: 0; transform: translate(0, -30%); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes element-from-bottom { 0% { opacity: 0; transform: translate(0, 30%); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-bottom { 0% { opacity: 0; transform: translate(0, 30%); } 100% { opacity: 1; transform: translate(0, 0); } } /* line 55, scss/_animations.scss */ .qodef-element-from-left, .qodef-element-from-right, .qodef-element-from-top, .qodef-element-from-bottom, .qodef-element-from-fade { display: inline-block; width: 100%; } /* line 70, scss/_animations.scss */ .touch .qodef-no-animations-on-touch .qodef-element-from-left > div, .touch .qodef-no-animations-on-touch .qodef-element-from-right > div, .touch .qodef-no-animations-on-touch .qodef-element-from-top > div, .touch .qodef-no-animations-on-touch .qodef-element-from-bottom > div, .touch .qodef-no-animations-on-touch .qodef-element-from-fade > div { opacity: 1; -webkit-animation: none; animation: none; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* line 83, scss/_animations.scss */ .qodef-element-from-left > div, .qodef-element-from-right > div, .qodef-element-from-top > div, .qodef-element-from-bottom > div, .qodef-element-from-fade > div { opacity: 0; display: inline-block; width: 100%; vertical-align: middle; } /* line 95, scss/_animations.scss */ .qodef-element-from-fade.qodef-element-from-fade-on > div { opacity: 1; -webkit-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; -webkit-backface-visibility: hidden; } /* line 107, scss/_animations.scss */ .qodef-element-from-left.qodef-element-from-left-on > div { -webkit-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; } /* line 120, scss/_animations.scss */ .qodef-element-from-right.qodef-element-from-right-on > div { -webkit-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; } /* line 132, scss/_animations.scss */ .qodef-element-from-top.qodef-element-from-top-on > div { -webkit-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; } /* line 144, scss/_animations.scss */ .qodef-element-from-bottom.qodef-element-from-bottom-on > div { -webkit-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; } /* line 152, scss/_animations.scss */ .touch .qodef-no-animations-on-touch .qodef-flip-in, .touch .qodef-no-animations-on-touch .qodef-grow-in, .touch .qodef-no-animations-on-touch .qodef-z-rotate, .touch .qodef-no-animations-on-touch .qodef-x-rotate, .touch .qodef-no-animations-on-touch .qodef-y-translate, .touch .qodef-no-animations-on-touch .qodef-fade-in-down, .touch .qodef-no-animations-on-touch .qodef-fade-in-left-x-rotate, .touch .qodef-no-animations-on-touch .qodef-fade-in { -webkit-transition: none !important; transition: none !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; opacity: 1 !important; } /* line 167, scss/_animations.scss */ .qodef-flip-in { opacity: 0; -webkit-transform: perspective(1000px) rotateY(25deg); -ms-transform: perspective(1000px) rotateY(25deg); transform: perspective(1000px) rotateY(25deg); -webkit-transition: all 1.1s ease-in-out; transition: all 1.1s ease-in-out; } /* line 173, scss/_animations.scss */ .qodef-flip-in.qodef-flip-in-on { opacity: 1; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } /* line 179, scss/_animations.scss */ .qodef-grow-in { opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1); transition: all 1s cubic-bezier(0, 1, 0.5, 1); -webkit-backface-visibility: hidden; } /* line 186, scss/_animations.scss */ .qodef-grow-in.qodef-grow-in-on { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* line 192, scss/_animations.scss */ .qodef-z-rotate { opacity: 0; -webkit-transform: rotateZ(7deg); -ms-transform: rotateZ(7deg); transform: rotateZ(7deg); -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-backface-visibility: hidden; } /* line 200, scss/_animations.scss */ .qodef-z-rotate.qodef-z-rotate-on { opacity: 1; -webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); } /* line 207, scss/_animations.scss */ .qodef-x-rotate { opacity: 0; -webkit-transform: perspective(900px) rotateX(-45deg); -ms-transform: perspective(900px) rotateX(-45deg); transform: perspective(900px) rotateX(-45deg); -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-backface-visibility: hidden; } /* line 214, scss/_animations.scss */ .qodef-x-rotate.qodef-x-rotate-on { opacity: 1; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } /* line 220, scss/_animations.scss */ .qodef-y-translate { opacity: 0; -webkit-transform: translate(0, 30px); -ms-transform: translate(0, 30px); transform: translate(0, 30px); -webkit-transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65); transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65); } /* line 226, scss/_animations.scss */ .qodef-y-translate.qodef-y-translate-on { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } /* line 233, scss/_animations.scss */ .qodef-fade-in-down { opacity: 0; -webkit-transform: translate(0, -25px); -ms-transform: translate(0, -25px); transform: translate(0, -25px); -webkit-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); } /* line 239, scss/_animations.scss */ .qodef-fade-in-down.qodef-fade-in-down-on { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } /* line 245, scss/_animations.scss */ .qodef-fade-in-left-x-rotate { opacity: 0; -webkit-transform: rotateZ(-5deg) translate(-30px, 0); -ms-transform: rotateZ(-5deg) translate(-30px, 0); transform: rotateZ(-5deg) translate(-30px, 0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /* line 251, scss/_animations.scss */ .qodef-fade-in-left-x-rotate.qodef-fade-in-left-x-rotate-on { opacity: 1; -webkit-transform: rotateZ(0deg) translate(0, 0); -ms-transform: rotateZ(0deg) translate(0, 0); transform: rotateZ(0deg) translate(0, 0); } /* line 258, scss/_animations.scss */ .qodef-fade-in { opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; } /* line 263, scss/_animations.scss */ .qodef-fade-in.qodef-fade-in-on { opacity: 1; } /* ========================================================================== 6. Animation styles - end ========================================================================== */ /* line 2, scss/_spinners.scss */ .qodef-st-loader { position: absolute; /*position: fixed;*/ top: 50%; left: 50%; z-index: 2100; } /* line 9, scss/_spinners.scss */ .qodef-st-loader1 { position: relative; display: inline-block; width: 100%; height: 100%; } /* line 16, scss/_spinners.scss */ .qodef-st-loader2 { margin: -50% 0 0 -50%; } /* pulse - start */ /* line 22, scss/_spinners.scss */ .qodef-st-loader .pulse { width: 32px; height: 32px; margin: -16px 0px 0px -16px; background-color: #253D4C; -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 */ /* line 102, scss/_spinners.scss */ .qodef-st-loader .double_pulse { width: 40px; height: 40px; margin: -20px 0px 0px -20px; position: relative; } /* line 109, scss/_spinners.scss */ .qodef-st-loader .double_pulse .double-bounce1, .qodef-st-loader .double_pulse .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #253D4C; 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; } /* line 123, scss/_spinners.scss */ .qodef-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 */ /* line 147, scss/_spinners.scss */ .qodef-st-loader .cube { width: 60px; height: 60px; margin: -30px 0px 0px -30px; background-color: #253D4C; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* cube - end */ /* rotating cubes - start */ /* line 179, scss/_spinners.scss */ .qodef-st-loader .rotating_cubes { width: 32px; height: 32px; margin: -16px 0px 0px -16px; position: relative; } /* line 186, scss/_spinners.scss */ .qodef-st-loader .rotating_cubes .cube1, .qodef-st-loader .rotating_cubes .cube2 { background-color: #253D4C; 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; } /* line 197, scss/_spinners.scss */ .qodef-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 */ /* line 232, scss/_spinners.scss */ .qodef-st-loader .stripes { width: 50px; height: 60px; margin: -30px 0px 0px -25px; text-align: center; font-size: 10px; } /* line 240, scss/_spinners.scss */ .qodef-st-loader .stripes > div { background-color: #253D4C; 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; } /* line 251, scss/_spinners.scss */ .qodef-st-loader .stripes .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } /* line 256, scss/_spinners.scss */ .qodef-st-loader .stripes .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } /* line 261, scss/_spinners.scss */ .qodef-st-loader .stripes .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } /* line 266, scss/_spinners.scss */ .qodef-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 */ /* line 290, scss/_spinners.scss */ .qodef-st-loader .wave { width: 72px; text-align: center; margin: -9px 0px 0px -36px; } /* line 296, scss/_spinners.scss */ .qodef-st-loader .wave > div { width: 18px; height: 18px; background-color: #253D4C; 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; } /* line 311, scss/_spinners.scss */ .qodef-st-loader .wave .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } /* line 316, scss/_spinners.scss */ .qodef-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 */ /* line 340, scss/_spinners.scss */ .qodef-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; } /* line 351, scss/_spinners.scss */ .qodef-st-loader .two_rotating_circles .dot1, .qodef-st-loader .two_rotating_circles .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #253D4C; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } /* line 364, scss/_spinners.scss */ .qodef-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 */ /* line 379, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles { width: 60px; height: 60px; margin: -30px 0px 0px -30px; position: relative; } /* line 386, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container1 > div, .qodef-st-loader .five_rotating_circles .container2 > div, .qodef-st-loader .five_rotating_circles .container3 > div { width: 12px; height: 12px; background-color: #253D4C; 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; } /* line 400, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .spinner-container { position: absolute; width: 100%; height: 100%; } /* line 406, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } /* line 411, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } /* line 416, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .circle1 { top: 0; left: 0; } /* line 417, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .circle2 { top: 0; right: 0; } /* line 418, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .circle3 { right: 0; bottom: 0; } /* line 419, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .circle4 { left: 0; bottom: 0; } /* line 421, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } /* line 426, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } /* line 431, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } /* line 436, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } /* line 441, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } /* line 446, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } /* line 451, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } /* line 456, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } /* line 461, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } /* line 466, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } /* line 471, scss/_spinners.scss */ .qodef-st-loader .five_rotating_circles .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } /* five_rotating_circles - end */ /* atom - start */ /* line 482, scss/_spinners.scss */ .qodef-st-loader .atom { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } /* line 489, scss/_spinners.scss */ .qodef-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; } /* line 502, scss/_spinners.scss */ .qodef-st-loader .atom .ball-1:before { content: ''; background: #253D4C; border-radius: 50%; height: 100%; width: 100%; position: absolute; top: -50%; left: -50%; } /* line 513, scss/_spinners.scss */ .qodef-st-loader .atom .ball-2, .qodef-st-loader .atom .ball-3, .qodef-st-loader .atom .ball-4 { position: absolute; width: 100%; height: 100%; z-index: 0; } /* line 522, scss/_spinners.scss */ .qodef-st-loader .atom .ball-2:before, .qodef-st-loader .atom .ball-3:before, .qodef-st-loader .atom .ball-4:before { content: ''; height: 20px; width: 20px; border-radius: 50%; background: #253D4C; top: 0; left: 0; margin: 0 auto; position: absolute; } /* line 536, scss/_spinners.scss */ .qodef-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); } /* line 543, scss/_spinners.scss */ .qodef-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); } /* line 554, scss/_spinners.scss */ .qodef-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); } /* line 566, scss/_spinners.scss */ .qodef-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; } /* line 577, scss/_spinners.scss */ .qodef-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; } /* line 584, scss/_spinners.scss */ .qodef-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*/ /* line 697, scss/_spinners.scss */ .qodef-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); } /* line 708, scss/_spinners.scss */ .qodef-st-loader .clock .ball { height: 50px; width: 50px; position: absolute; } /* line 714, scss/_spinners.scss */ .qodef-st-loader .clock .ball:before { content: ''; border-radius: 50%; height: 18.31501832px; width: 18.31501832px; position: absolute; background: #253D4C; } /* line 723, scss/_spinners.scss */ .qodef-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; } /* line 734, scss/_spinners.scss */ .qodef-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; } /* line 745, scss/_spinners.scss */ .qodef-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; } /* line 756, scss/_spinners.scss */ .qodef-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*/ /* line 984, scss/_spinners.scss */ .qodef-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); } /* line 994, scss/_spinners.scss */ .qodef-st-loader .mitosis .ball { height: 100%; width: 100%; position: absolute; border-radius: 50%; top: 0; left: 0; background: #253D4C; } /* line 1004, scss/_spinners.scss */ .qodef-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; } /* line 1011, scss/_spinners.scss */ .qodef-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; } /* line 1018, scss/_spinners.scss */ .qodef-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; } /* line 1025, scss/_spinners.scss */ .qodef-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*/ /* line 1444, scss/_spinners.scss */ .qodef-st-loader .lines { width: 60px; height: 60px; margin: 0 0 0 -30px; } /* line 1450, scss/_spinners.scss */ .qodef-st-loader .lines .line1, .qodef-st-loader .lines .line2, .qodef-st-loader .lines .line3, .qodef-st-loader .lines .line4 { margin-left: 10px; position: absolute; width: 60px; height: 4px; background-color: #253D4C; -webkit-animation: lines_spin 1.5s infinite linear; -webkit-animation-timing-function: ease; } /* line 1463, scss/_spinners.scss */ .qodef-st-loader .lines .line2 { -webkit-animation-delay: 0.1s; } /* line 1467, scss/_spinners.scss */ .qodef-st-loader .lines .line3 { -webkit-animation-delay: 0.2s; } /* line 1471, scss/_spinners.scss */ .qodef-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*/ /* line 1504, scss/_spinners.scss */ .qodef-st-loader .fussion { width: 30px; height: 30px; margin: -45px 0 0 -30px; position: relative; } /* line 1511, scss/_spinners.scss */ .qodef-st-loader .fussion .ball { height: 40px; width: 40px; left: 50%; top: 50%; background: #253D4C; border-radius: 50%; float: left; position: absolute; } /* line 1522, scss/_spinners.scss */ .qodef-st-loader .fussion .ball-1 { background: #253D4C; 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; } /* line 1533, scss/_spinners.scss */ .qodef-st-loader .fussion .ball-2 { background: #253D4C; 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; } /* line 1544, scss/_spinners.scss */ .qodef-st-loader .fussion .ball-3 { background: #253D4C; 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; } /* line 1555, scss/_spinners.scss */ .qodef-st-loader .fussion .ball-4 { background: #253D4C; 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*/ /* line 1764, scss/_spinners.scss */ .qodef-st-loader .wave_circles { width: 150px; height: 30px; margin: -15px 0 0 -75px; } /* line 1770, scss/_spinners.scss */ .qodef-st-loader .wave_circles .ball { height: 30px; width: 30px; float: left; background: #253D4C; border-radius: 50%; margin-right: 10px; } /* line 1779, scss/_spinners.scss */ .qodef-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; } /* line 1786, scss/_spinners.scss */ .qodef-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; } /* line 1793, scss/_spinners.scss */ .qodef-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; } /* line 1800, scss/_spinners.scss */ .qodef-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*/ /* line 2030, scss/_spinners.scss */ .qodef-st-loader .pulse_circles { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } /* line 2037, scss/_spinners.scss */ .qodef-st-loader .pulse_circles * { box-sizing: border-box; } /* line 2041, scss/_spinners.scss */ .qodef-st-loader .pulse_circles .ball { height: 100%; width: 100%; background: #253D4C; position: absolute; border-radius: 50%; border: 0px solid #253D4C; -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; } /* line 2054, scss/_spinners.scss */ .qodef-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; } /* line 2061, scss/_spinners.scss */ .qodef-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; } /* line 2068, scss/_spinners.scss */ .qodef-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*/ /* ========================================================================== 7. Comments styles - start ========================================================================== */ /* line 8, scss/_common.scss */ .qodef-comment-holder { padding: 20px 0 32px; margin: 0 0 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; } /* line 14, scss/_common.scss */ .qodef-comment-holder .qodef-comment { padding: 28px 25px; border: 1px solid #cfcfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 21, scss/_common.scss */ .qodef-comment-holder .qodef-comment.qodef-pingback-comment .qodef-comment-text { padding: 0; } /* line 27, scss/_common.scss */ .qodef-comment-holder .qodef-comment-image { display: block; width: 75px; height: 75px; float: left; } /* line 33, scss/_common.scss */ .qodef-comment-holder .qodef-comment-image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* line 37, scss/_common.scss */ .qodef-comment-holder .qodef-comment-text { padding: 0 0 0 100px; min-height: 75px; } /* line 41, scss/_common.scss */ .qodef-comment-holder .qodef-comment-text .qodef-comment-info { display: inline-block; width: 100%; vertical-align: middle; } /* line 47, scss/_common.scss */ .qodef-comment-holder .qodef-comment-text .qodef-comment-date-holder { margin-bottom: 7px; } /* line 51, scss/_common.scss */ .qodef-comment-holder .qodef-comment-text .qodef-comment-date { font-size: 13px; font-weight: 500; color: #253D4C; } /* line 57, scss/_common.scss */ .qodef-comment-holder .qodef-comment-text .replay, .qodef-comment-holder .qodef-comment-text .comment-reply-link, .qodef-comment-holder .qodef-comment-text .comment-edit-link { float: right; margin-left: 10px; } /* line 64, scss/_common.scss */ .qodef-comment-holder .qodef-comment-text .comment-reply-link:after { content: "\e051"; font-family: "simple-line-icons", sans-serif; padding-left: 5px; } /* line 70, scss/_common.scss */ .qodef-comment-holder .qodef-comment-text .qodef-comment-name { float: left; } /* line 76, scss/_common.scss */ .qodef-comment-list { list-style: none; position: relative; z-index: 150; padding: 0; margin: 21px 0 0; } /* line 83, scss/_common.scss */ .qodef-comment-list li { display: inline-block; position: relative; width: 100%; } /* line 88, scss/_common.scss */ .qodef-comment-list li ul.children li { margin: 0 0 17px; } /* line 93, scss/_common.scss */ .qodef-comment-list > li { margin: 0 0 17px; } /* line 97, scss/_common.scss */ .qodef-comment-list > li:last-child { margin: 0; } /* line 101, scss/_common.scss */ .qodef-comment-list .children { margin: 30px 0 0 0; padding: 0 0 0 70px; } /* line 108, scss/_common.scss */ .qodef-comment-form { margin: 28px 0 40px; } /* line 113, scss/_common.scss */ .comment-respond .comment-reply-title { font-size: 15px; line-height: 1.5em; font-weight: 600; /*font size changed because of the h-tags that are fixed by wordpress*/ margin-bottom: 30px; } /* line 118, scss/_common.scss */ .comment-respond .comment-reply-title a { font-size: 16px; } /* line 123, scss/_common.scss */ .comment-respond .logged-in-as { margin-bottom: 10px; } /* line 130, scss/_common.scss */ .qodef-comment-text .comment-respond { margin: 20px 0; } /* line 135, scss/_common.scss */ .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'], #respond input[type='email'], .post-password-form input[type='password'] { width: 100%; margin-bottom: 24px; padding: 10px 15px; border: 1px solid #cfcfcf; outline: 0; font-family: Raleway, sans-serif; font-weight: 500; font-size: 14px; background-color: #fff; color: #797979; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* line 149, scss/_common.scss */ .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, #respond input[type='email']:focus, .post-password-form input[type='password']:focus { border: 1px solid #A0A0A0; } /* line 163, scss/_common.scss */ .wpcf7-form-control.wpcf7-textarea { height: 330px; } /* line 168, scss/_common.scss */ div.wpcf7 img.ajax-loader { display: none; } /* line 172, scss/_common.scss */ div.wpcf7-validation-errors { border: 2px solid #bdbdbd; color: #bdbdbd; } /* Subscribe form style start */ /* line 179, scss/_common.scss */ .qodef-subscription-form { position: relative; } /* line 183, scss/_common.scss */ .qodef-subscription-form input.wpcf7-form-control.wpcf7-text, .qodef-subscription-form input.wpcf7-form-control.wpcf7-number, .qodef-subscription-form input.wpcf7-form-control.wpcf7-date, .qodef-subscription-form input.wpcf7-form-control.wpcf7-textarea, .qodef-subscription-form input.wpcf7-form-control.wpcf7-select, .qodef-subscription-form input.wpcf7-form-control.wpcf7-quiz { width: 100%; padding-right: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* line 196, scss/_common.scss */ .qodef-subscription-form input.wpcf7-form-control.wpcf7-submit { position: absolute; top: 0; right: 0; } /* Subscribe form style end */ /* line 213, scss/_common.scss */ #submit_comment, .post-password-form input[type='submit'], input.wpcf7-form-control.wpcf7-submit, .qodef-sidebar #searchform input[type="submit"], footer input[type="submit"], .qodef-woocommerce-page #reviews input[type='submit'], .qodef-woocommerce-page .woocommerce-message a { display: inline-block; width: auto; height: 52px; line-height: 50px; padding: 0 35px; border: 2px solid #253D4C; font-size: 13px; font-weight: 800; font-family: inherit; letter-spacing: 1px; color: #fff; background-color: #253D4C; cursor: pointer; -webkit-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; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* line 237, scss/_common.scss */ #submit_comment:hover, .post-password-form input[type='submit']:hover, input.wpcf7-form-control.wpcf7-submit:hover, .qodef-sidebar #searchform input[type="submit"]:hover, footer input[type="submit"]:hover, .qodef-woocommerce-page #reviews input[type='submit']:hover, .qodef-woocommerce-page .woocommerce-message a:hover { background-color: #212121; color: #fff; border-color: #212121; } /* line 242, scss/_common.scss */ #submit_comment:focus, .post-password-form input[type='submit']:focus, input.wpcf7-form-control.wpcf7-submit:focus, .qodef-sidebar #searchform input[type="submit"]:focus, footer input[type="submit"]:focus, .qodef-woocommerce-page #reviews input[type='submit']:focus, .qodef-woocommerce-page .woocommerce-message a:focus { outline: none; } /* line 247, scss/_common.scss */ .qodef-input-title { font-size: 15px; font-weight: 600; color: #5d5d5d; position: relative; padding-left: 18px; box-sizing: border-box; margin-bottom: 3px; display: inline-block; } /* line 258, scss/_common.scss */ .qodef-input-title:before { position: absolute; content: ""; width: 12px; height: 12px; display: inline-block; background-color: #253D4C; left: 0; top: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* ========================================================================== 7. Comments styles - end ========================================================================== */ /* ========================================================================== 8. Pagination styles - start ========================================================================== */ /* line 278, scss/_common.scss */ .qodef-pagination { display: inline-block; width: 100%; vertical-align: middle; margin-bottom: 45px; } /* line 285, scss/_common.scss */ .qodef-pagination li { float: left; text-align: center; margin: 0 2px 4px 2px; display: block; border: 2px solid #e6e6e6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-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; } /* line 294, scss/_common.scss */ .qodef-pagination li a, .qodef-pagination li.active span { position: relative; display: inline-block; width: 43px; height: 43px; line-height: 43px; margin: 0; vertical-align: middle; text-decoration: none; cursor: pointer; white-space: nowrap; box-sizing: content-box; color: #707070; } /* line 311, scss/_common.scss */ .qodef-pagination li.active span { color: #fff; } /* line 315, scss/_common.scss */ .qodef-pagination li.active, .qodef-pagination li:hover { background-color: #253D4C; color: #fff; border-color: #253D4C; } /* line 322, scss/_common.scss */ .qodef-pagination li:hover a { color: #fff; } /* line 326, scss/_common.scss */ .qodef-pagination li.qodef-pagination-prev, .qodef-pagination li.qodef-pagination-next { font-size: 11px; } /* ========================================================================== 8. Pagination styles - end ========================================================================== */ /* ========================================================================== 9. General slider styles start ========================================================================== */ /* line 345, scss/_common.scss */ .qodef-owl-slider .owl-buttons .owl-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } /* line 352, scss/_common.scss */ .qodef-owl-slider .owl-buttons .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } /* line 359, scss/_common.scss */ .qodef-owl-slider .owl-buttons .qodef-prev-icon, .qodef-owl-slider .owl-buttons .qodef-next-icon { display: inline-block; width: 55px; height: 55px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; background-color: rgba(255, 255, 255, 0.35); -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } /* line 369, scss/_common.scss */ .qodef-owl-slider .owl-buttons .qodef-prev-icon i, .qodef-owl-slider .owl-buttons .qodef-next-icon i { font-size: 16px; line-height: 55px; color: #fff; } /* line 377, scss/_common.scss */ .qodef-owl-slider .owl-buttons .qodef-prev-icon { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* line 381, scss/_common.scss */ .qodef-owl-slider .owl-buttons .qodef-next-icon { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* line 385, scss/_common.scss */ .qodef-owl-slider .owl-buttons .qodef-prev-icon:hover, .qodef-owl-slider .owl-buttons .qodef-next-icon:hover { background-color: rgba(255, 255, 255, 0.4); } /* line 392, scss/_common.scss */ .qodef-owl-slider .owl-pagination { text-align: center; } /* line 395, scss/_common.scss */ .qodef-owl-slider .owl-pagination .owl-page { display: inline-block; } /* line 399, scss/_common.scss */ .qodef-owl-slider .owl-pagination .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; } /* line 412, scss/_common.scss */ .qodef-owl-slider .owl-pagination .owl-page.active span { opacity: 1; } /* ========================================================================== 9.Owl Slider (Blog single, Portfolio single) - end ========================================================================== */ /* ========================================================================== 10. 404 styles - start ========================================================================== */ /* line 428, scss/_common.scss */ .qodef-404-page { padding: 0; } /* line 432, scss/_common.scss */ .qodef-page-not-found { margin: 80px 0; } /* line 435, scss/_common.scss */ .qodef-page-not-found h2 { margin-bottom: 30px; } /* line 439, scss/_common.scss */ .qodef-page-not-found h4 { margin-bottom: 30px; } /* ========================================================================== 10. 404 styles - end ========================================================================== */ /* ========================================================================== 11. Back to Top styles - start ========================================================================== */ /* line 452, scss/_common.scss */ #qodef-back-to-top { position: fixed; width: 46px; right: 46px; bottom: 65px; margin: 0; z-index: 10000; -webkit-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; } /* line 463, scss/_common.scss */ #qodef-back-to-top.off { opacity: 0; visibility: hidden; } /* line 468, scss/_common.scss */ #qodef-back-to-top.on { opacity: 1; visibility: visible; } /* line 473, scss/_common.scss */ #qodef-back-to-top > span { width: 46px; height: 46px; line-height: 43px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; display: block; color: #fff; font-size: 12px; background-color: #373737; opacity: 0.9; -webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, opacity 0.15s ease-out; transition: background-color 0.15s ease-out, color 0.15s ease-out, opacity 0.15s ease-out; box-sizing: border-box; } /* line 488, scss/_common.scss */ #qodef-back-to-top span span { display: block; line-height: inherit; } /* line 493, scss/_common.scss */ #qodef-back-to-top:hover > span { background-color: #c1e470; opacity: 1; } /* ========================================================================== 11. Back to Top styles - end ========================================================================== */ /* ========================================================================== 12. Self Hosted Video styles - start ========================================================================== */ /* line 507, scss/_common.scss */ .qodef-self-hosted-video-holder .qodef-video-wrap .mejs-container, .qodef-self-hosted-video-holder .qodef-video-wrap .mejs-overlay-play { height: 100% !important; /*!important because of the inline style*/ width: 100% !important; /*!important because of the inline style*/ } /* line 512, scss/_common.scss */ .qodef-self-hosted-video-holder .qodef-video-wrap .mejs-offscreen { display: none; } /* line 518, scss/_common.scss */ .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } /* ========================================================================== 12. Self Hosted Video styles - end ========================================================================== */ /* ========================================================================== 13. Pretty photo navigation ========================================================================== */ /* line 532, scss/_common.scss */ body div.pp_default a.pp_next, body div.pp_default a.pp_previous { margin: -33px 0 0 !important; font-size: 22px !important; width: 66px !important; height: 66px !important; line-height: 66px !important; color: #fff !important; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; top: 50%; z-index: 99; background-color: rgba(255, 255, 255, 0.35) !important; -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } /* line 549, scss/_common.scss */ body div.pp_default a.pp_previous { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* line 553, scss/_common.scss */ body div.pp_default a.pp_next { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* line 557, scss/_common.scss */ body div.pp_default a.pp_next:hover, body div.pp_default a.pp_previous:hover { background-color: rgba(255, 255, 255, 0.4) !important; } /* line 562, scss/_common.scss */ body div.pp_default a.pp_previous { left: 0 !important; } /* line 566, scss/_common.scss */ body div.pp_default a.pp_next { right: 0 !important; } /* ========================================================================== 13. Pretty photo navigation end ========================================================================== */ /* ========================================================================== 14. Layer slider navigation - start ========================================================================== */ /* line 578, scss/_common.scss */ .ls-noskin { /* Important properties are set because layer slider css is loaded after theme stylesheet */ } /* line 582, scss/_common.scss */ .ls-noskin .ls-nav-prev, .ls-noskin .ls-nav-next { display: inline-block !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; position: absolute; top: 50%; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 66px; height: 66px; background-color: rgba(255, 255, 255, 0.35); -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } /* line 597, scss/_common.scss */ .ls-noskin .ls-nav-prev:hover, .ls-noskin .ls-nav-next:hover { background-color: rgba(255, 255, 255, 0.4); } /* line 602, scss/_common.scss */ .ls-noskin .ls-nav-prev { left: 0; } /* line 606, scss/_common.scss */ .ls-noskin .ls-nav-next { right: 0; } /* line 610, scss/_common.scss */ .ls-noskin .ls-nav-prev:before, .ls-noskin .ls-nav-next:before { content: ""; font-family: FontAwesome, sans-serif; font-size: 20px; line-height: 66px; color: #fff; } /* line 619, scss/_common.scss */ .ls-noskin .ls-nav-prev:before { content: "\f053"; } /* line 623, scss/_common.scss */ .ls-noskin .ls-nav-next:before { content: "\f054"; } /* line 627, scss/_common.scss */ .ls-noskin .ls-bottom-nav-wrapper { display: inline-block !important; position: absolute; bottom: 60px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0) !important; -ms-transform: translate3d(-50%, 0, 0) !important; transform: translate3d(-50%, 0, 0) !important; } /* line 635, scss/_common.scss */ .ls-noskin .ls-bottom-slidebuttons { position: relative; display: inline-block; line-height: 0; } /* line 642, scss/_common.scss */ .ls-noskin .ls-bottom-slidebuttons a { display: inline-block !important; width: 15px; height: 15px; margin: 4px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; visibility: visible !important; position: relative; vertical-align: middle; } /* line 655, scss/_common.scss */ .ls-noskin .ls-bottom-slidebuttons a.ls-nav-active { opacity: 1; width: 12px; height: 12px; margin: 4px 7px; } /* line 662, scss/_common.scss */ .ls-noskin .ls-bottom-slidebuttons a.ls-nav-active:before { content: ""; width: 12px; height: 12px; position: absolute; border: 2px solid #fff; display: inline-block; left: -4px; top: -4px; padding: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out; } @media only screen and (max-width: 600px) { /* line 684, scss/_common.scss */ .ls-noskin .ls-nav-prev, .ls-noskin .ls-nav-next { display: none !important; } /* line 689, scss/_common.scss */ .ls-noskin .ls-bottom-slidebuttons { display: none !important; } } /* ========================================================================== 14. Layer slider navigation - end ========================================================================== */ /* ========================================================================== 15. VC image gallery css override - start ========================================================================== */ /* Important is placed because vc styles are loaded after theme */ /* line 706, scss/_common.scss */ .wpb_image_grid .wpb_image_grid_ul .isotope-item { margin: 0 !important; } /* line 710, scss/_common.scss */ .wpb_image_grid .wpb_image_grid_ul a { position: relative; } /* line 714, scss/_common.scss */ .wpb_image_grid .wpb_image_grid_ul a:before { content: "\f002"; font-family: FontAwesome, sans-serif; font-size: 20px; position: absolute; left: 50%; top: 50%; z-index: 99; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #fff; opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* line 728, scss/_common.scss */ .wpb_image_grid .wpb_image_grid_ul a:hover:before { opacity: 1; } /* line 732, scss/_common.scss */ .wpb_image_grid .wpb_image_grid_ul a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; opacity: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* line 745, scss/_common.scss */ .wpb_image_grid .wpb_image_grid_ul a:hover:after { opacity: 1; } /* VC image gallery css override - end */ /* line 751, scss/_common.scss */ .qodef-parallax-section-holder.qodef-vertical-middle-align { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } /* Text meant only for screen readers. */ /* line 759, scss/_common.scss */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } /* line 767, scss/_common.scss */ .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. */ } /* line 787, scss/_common.scss */ .wpb_single_image .vc_figure { max-width: 100%; } /* ========================================================================== 15. VC image gallery css override - end ========================================================================== */ /* line 1, scss/modules/header/blocks/_logo.scss */ .qodef-logo-wrapper { display: inline-block; vertical-align: middle; } /* line 5, scss/modules/header/blocks/_logo.scss */ .qodef-logo-wrapper a { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } /* line 11, scss/modules/header/blocks/_logo.scss */ .qodef-logo-wrapper a img { height: 100%; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } /* line 15, scss/modules/header/blocks/_logo.scss */ .qodef-logo-wrapper a img.qodef-normal-logo { opacity: 1; } /* line 19, scss/modules/header/blocks/_logo.scss */ .qodef-logo-wrapper a img.qodef-dark-logo { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* line 25, scss/modules/header/blocks/_logo.scss */ .qodef-logo-wrapper a img.qodef-light-logo { opacity: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); } /* ========================================================================== 14. Main Menu styles start ========================================================================== */ /* line 4, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu { position: relative; display: inline-block; vertical-align: middle; height: 100%; } /* line 12, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu ul { list-style: none outside none; margin: 0px; padding: 0px; text-align: left; } /* line 18, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu ul li { position: relative; display: inline-block; float: left; padding: 0px; margin: 0px; background-repeat: no-repeat; background-position: right; } /* line 28, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu ul li a { font-size: 19px; line-height: 34px; font-weight: 700; color: #222; font-family: 'Jost', sans-serif; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } /* line 34, scss/modules/header/blocks/_main_menu.scss */ body:not(.qodef-menu-with-large-icons) .qodef-main-menu ul li a span.item_inner i:before { margin: 0 7px 0 0; } /* line 39, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu ul li:hover a, .qodef-main-menu ul li.qodef-active-item a { color: #253D4C; } /* line 45, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul { display: inline-block; vertical-align: middle; position: relative; height: 100%; } /* line 52, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li { height: 100%; margin: 0 2px; } /* line 57, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li:last-child > a span.plus { display: none; } /* line 63, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a .item_outer:before { position: absolute; display: block; top: 0; left: 0%; content: ''; background: #3F6AB2; border-radius: 4px; height: 100%; width: 100%; opacity: 0; -ms-transform: scaleX(0.2); -webkit-transform: scaleX(0.2); transform: scaleX(0.2); -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; -webkit-backface-visibility: hidden; } /* line 83, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li:hover > a, .qodef-main-menu > ul > li.qodef-active-item > a { color: #fff; } /* line 87, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li:hover > a .item_outer, .qodef-main-menu > ul > li.qodef-active-item > a .item_outer { background-color: transparent !important; position: relative; } /* line 92, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li:hover > a .item_outer:before, .qodef-main-menu > ul > li.qodef-active-item > a .item_outer:before { opacity: 1; -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 101, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li.has_sub > a i.q_menu_arrow { display: inline-block; margin-left: 6px; } /* line 106, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li.has_sub > a .item_inner > i.q_menu_arrow { position: relative; left: 4px; } /* line 112, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a { height: 100%; position: relative; padding: 0; display: inline-block; vertical-align: middle; border-style: solid; border-width: 0px; position: relative; border-color: transparent; height: 100%; background-color: transparent; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } /* line 127, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a:before { height: 2px; bottom: 0px; } /* line 132, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a:after { height: 1px; bottom: 4px; } /* line 137, scss/modules/header/blocks/_main_menu.scss */ body.qodef-menu-with-large-icons .qodef-main-menu > ul > li > a { text-align: center; vertical-align: middle; } /* line 142, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a > span.item_outer { display: block; position: relative; top: 50%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-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; } /* line 151, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a span.item_inner { display: inline-block; padding: 0 10px; border-width: 0px; position: relative; border-color: transparent; background-color: transparent; -webkit-backface-visibility: hidden; } /* line 161, scss/modules/header/blocks/_main_menu.scss */ body.qodef-menu-with-large-icons .qodef-main-menu > ul > li > a span.item_inner { text-align: center; vertical-align: middle; } /* line 167, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a span.item_inner:before, .qodef-main-menu > ul > li > a span.item_inner:after, .qodef-main-menu > ul > li > a:before, .qodef-main-menu > ul > li > a:after { content: ""; display: none; position: absolute; left: 0px; background-color: transparent; -webkit-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; width: 100%; } /* line 182, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a span.item_inner:before { bottom: 0px; height: 2px; } /* line 187, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a span.item_inner:after { height: 1px; bottom: 4px; } /* line 192, scss/modules/header/blocks/_main_menu.scss */ body.qodef-menu-with-large-icons .qodef-main-menu > ul > li > a span.item_inner i { display: inline-block; width: 100%; vertical-align: middle; } /* line 198, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a span.plus { width: 4px; height: 4px; display: none; position: absolute; top: 50%; right: -2px; margin-top: -2px; z-index: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 211, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a span.item_text { -webkit-backface-visibility: hidden; } /* line 215, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a > i.blank { display: none; } /* line 222, scss/modules/header/blocks/_main_menu.scss */ body:not(.qodef-menu-with-large-icons) .qodef-main-menu .qodef-drop-down .wide.icons .second i:before { margin: 0; } /* line 230, scss/modules/header/blocks/_main_menu.scss */ .qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li > a, .qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-main-menu > ul > li > a { color: #ffffff; } /* line 239, scss/modules/header/blocks/_main_menu.scss */ .qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li > a, .qodef-dark-header.qodef-header-style-on-scroll .qodef-page-header .qodef-main-menu > ul > li > a { color: rgba(255, 255, 255, 0.8); } /* Narrow drop down styles ========================================================================== */ /* line 248, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down ul { list-style: none; border-radius: 0 0 3px 3px; } /* line 253, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down ul li { position: relative; } /* line 257, scss/modules/header/blocks/_main_menu.scss */ header.transparent.fixed.scrolled .qodef-drop-down .second, header.transparent.fixed_hiding.scrolled .qodef-drop-down .second { top: 100%; } /* line 262, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second { left: 0; margin: 0; top: 100%; position: absolute; display: block; visibility: hidden; overflow: hidden; opacity: 0; z-index: 10; border-top: 7px solid #253D4C; -webkit-transition: top 0.15s ease-out; -moz-transition: top 0.15s ease-out; -ms-transition: top 0.15s ease-out; -o-transition: top 0.15s ease-out; transition: top 0.15s ease-out; } /* line 280, scss/modules/header/blocks/_main_menu.scss */ .qodef-menu-area .qodef-featured-icon, .qodef-sticky-nav .qodef-featured-icon { position: relative; font-size: 10px; position: relative; top: -5px; margin-left: 2px; color: #253D4C; } /* line 290, scss/modules/header/blocks/_main_menu.scss */ .qodef-menu-area .qodef-featured-icon.text, .qodef-sticky-nav .qodef-featured-icon.text { top: -7px; font-size: 12px; margin-left: 5px; } /* line 297, scss/modules/header/blocks/_main_menu.scss */ .qodef-main-menu > ul > li > a .qodef-featured-icon { display: none; } /* line 302, scss/modules/header/blocks/_main_menu.scss */ header.transparent:not(.sticky) .qodef-drop-down .second { top: 75%; } /* line 306, scss/modules/header/blocks/_main_menu.scss */ header.transparent.with_border:not(.sticky) .qodef-drop-down .second, header.transparent.qodef-menu-item-first-level-bg-color:not(.sticky) .qodef-drop-down .second { top: 100%; } /* line 311, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down li.left_position .second { left: 0px; } /* header.transparent .qodef-drop-down li:not(.right_position):not(.left_position) .second:not(.right) { left: 16px; } */ /* line 319, scss/modules/header/blocks/_main_menu.scss */ header.transparent.qodef-menu-item-first-level-bg-color .qodef-drop-down .second:not(.right) { left: 0; } /* line 323, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down li.right_position .second { left: auto; right: 0; } /* line 328, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second.qodef-drop-down-start { visibility: visible; overflow: visible; opacity: 1; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; } /* line 336, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down > ul > li:hover > .second { z-index: 20; } /* line 340, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner { position: relative; padding: 0px; display: block; z-index: 997; } /* line 347, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .narrow .second i { display: inline-block; vertical-align: middle; color: inherit; } /* line 353, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner > ul, li.narrow .second .inner ul { display: inline-block; position: relative; background-color: #fff; } /* line 361, scss/modules/header/blocks/_main_menu.scss */ li.narrow .second .inner ul { padding: 3px 0; } /* line 365, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul li { display: block; padding: 0 15px; margin: 20px 0; position: relative; float: none; height: auto; background: 0; width: 190px; -webkit-transition: background-color 0.15s ease-out; transition: background-color .15s ease-out; } /* line 379, scss/modules/header/blocks/_main_menu.scss */ li.narrow .second .inner ul li:last-child { border-bottom: none; } /* line 383, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide.left_position .second ul li, .qodef-drop-down .wide.right_position .second ul li { width: 180px; } /* line 388, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .narrow .second .inner ul li { padding: 0; width: 215px; -webkit-transition: background-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out; -ms-transition: background-color 0.15s ease-out; -o-transition: background-color 0.15s ease-out; } /* line 397, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul li a, .qodef-drop-down .second .inner ul li h4 { display: block; color: #969696; height: auto; font-size: 14px; line-height: 22px; font-weight: 500; margin: 0; padding: 0 25px; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; border-bottom: 1px solid transparent; float: none; position: relative; } /* line 413, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul li a { -webkit-transition: padding 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.2s ease-out; transition: padding 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.2s ease-out; } /* line 418, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner > ul > li:hover > a, .qodef-drop-down .second .inner ul li.sub ul li:hover > a { padding-left: 30px; } /* line 423, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul li a:before { content: ''; display: block; width: 4px; height: 100%; background-color: #253D4C; position: absolute; left: 0; top: 0; opacity: 1; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1); } /* line 440, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner > ul > li:hover > a:before, .qodef-drop-down .second .inner ul li.sub ul li:hover > a:before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } /* line 448, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner > ul > li:last-child > a, .qodef-drop-down .second .inner > ul > li > ul > li:last-child > a, .qodef-drop-down .second .inner > ul > li > ul > li > ul > li:last-child > a { border-bottom: 0; } /* line 454, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner > ul > li:hover > a, .qodef-drop-down .second .inner ul li.sub ul li:hover > a { color: #253D4C; } /* line 460, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li a, .qodef-drop-down .wide .second .inner ul li.sub a, .qodef-drop-down .wide .second .inner ul li h4 { background: 0; } /* line 466, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second i { display: none; } /* line 470, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .narrow .second .inner ul li ul { position: absolute; left: 100%; top: -23px; /* same as padding in father ul */ height: auto; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; overflow: hidden; z-index: 10; -webkit-transform: translateZ(0); } /* line 483, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul li:hover ul { z-index: 20; opacity: 1; } /* line 488, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul li ul li:hover ul { z-index: 20; opacity: 1 !important; display: block !important; visibility: visible !important; } /* slide_from_bottom start */ /* line 497, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-bottom .qodef-drop-down .second { overflow: visible; -webkit-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; } /* line 503, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-bottom .qodef-drop-down .wide .second .inner > ul, body.qodef-dropdown-slide-from-bottom .qodef-drop-down .narrow .second .inner > ul { top: 30px; -webkit-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); } /* line 509, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-bottom .qodef-drop-down .narrow .second .inner ul li ul { top: 22px; -webkit-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); } /* line 515, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-bottom .qodef-drop-down .wide .second.qodef-drop-down-start .inner > ul, body.qodef-dropdown-slide-from-bottom .qodef-drop-down .narrow .second.qodef-drop-down-start .inner > ul { top: 0; } /* line 519, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-bottom .qodef-drop-down .narrow .second .inner ul li:hover ul { top: -1px; /* same as padding in father ul */ } /* slide_from_bottom end */ /* slide_from_top start */ /* line 528, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-top .qodef-drop-down .second { overflow: visible; -webkit-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; } /* line 534, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-top .qodef-drop-down .wide .second .inner > ul, body.qodef-dropdown-slide-from-top .qodef-drop-down .narrow .second .inner > ul { top: -30px; -webkit-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); } /* line 540, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-top .qodef-drop-down .narrow .second .inner ul li ul { top: -22px; -webkit-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); } /* line 546, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-top .qodef-drop-down .wide .second.qodef-drop-down-start .inner > ul, body.qodef-dropdown-slide-from-top .qodef-drop-down .narrow .second.qodef-drop-down-start .inner > ul { top: 0; } /* line 550, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-top .qodef-drop-down .narrow .second .inner ul li:hover ul { top: -1px; /* same as padding in father ul */ } /* slide_from_top end */ /* slide_from_left start */ /* line 558, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-left .qodef-drop-down .second { overflow: visible; -webkit-transition: top 0.2s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.4s; transition: top 0.2s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.4s; } /* line 564, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-left .qodef-drop-down .wide .second .inner > ul, body.qodef-dropdown-slide-from-left .qodef-drop-down .narrow .second .inner > ul { left: -30px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 570, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-left .qodef-drop-down .narrow .second .inner ul li ul { left: calc(100% - 30px); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 576, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-left .qodef-drop-down .wide .second.qodef-drop-down-start .inner > ul, body.qodef-dropdown-slide-from-left .qodef-drop-down .narrow .second.qodef-drop-down-start .inner > ul { left: 0; } /* line 580, scss/modules/header/blocks/_main_menu.scss */ body.qodef-dropdown-slide-from-left.qodef-drop-down .narrow .second .inner ul li:hover ul { left: 100%; } /* slide_from_left end */ /* line 587, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second.right { right: 0px; left: auto; } /* line 592, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul.right li a, .qodef-drop-down .second .inner ul.right li h4 { text-align: right; } /* line 597, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul.right li ul { left: -100%; } /* line 601, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul li.sub ul li a, .qodef-drop-down .second .inner ul.right li.sub ul li a { background: none; } /* line 606, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner .widget { padding: 0px 28px; } /* line 610, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner .widget.widget_qode_latest_posts_menu_widget { padding: 0px 20px; } /*---------------drop down animate height--------------*/ /*--------------drop down animate height end------------*/ /* Wide drop down styles ========================================================================== */ /* line 629, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul { padding: 37px 0 26px; } /* line 633, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li { float: left; width: 274px; padding: 0px; border-left: 1px solid #d3d3d3; border-bottom: 0; box-sizing: border-box; width: 100%; } /* line 643, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second > .inner > ul { width: 1100px; } /* line 647, scss/modules/header/blocks/_main_menu.scss */ .qodef-grid-1300 .qodef-drop-down .wide .second > .inner > ul { width: 1300px; } /* line 651, scss/modules/header/blocks/_main_menu.scss */ .qodef-grid-1200 .qodef-drop-down .wide .second > .inner > ul { width: 1200px; } /* line 655, scss/modules/header/blocks/_main_menu.scss */ .qodef-grid-1000 .qodef-drop-down .wide .second > .inner > ul { width: 1000px; } /* line 659, scss/modules/header/blocks/_main_menu.scss */ .qodef-grid-800 .qodef-drop-down .wide .second > .inner > ul { width: 800px; } /* line 663, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second > .inner > ul > li { width: 25%; margin: 0; } /* line 668, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second > .inner > ul > li:hover > a { padding-left: 25px; } /* line 672, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second > .inner > ul > li > a:before { display: none; } /* line 676, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide:not(.right_position) .second ul li:first-child, .qodef-drop-down .wide:not(.right_position) .second ul li:nth-child(4n+1), .qodef-drop-down .wide.right_position .second ul li:last-child, .qodef-drop-down .wide.right_position .second ul li:nth-child(4n) { border-left-color: transparent; } /* line 683, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li:last-child { margin-right: 0; } /* line 687, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide.right_position .second ul li { float: right; } /* line 691, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li:hover { background-color: transparent; } /* line 695, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li:nth-child(4n+1) { clear: both; } /* line 699, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul li.sub a i.q_menu_arrow { position: absolute; top: 50%; right: 25px; display: inline-block; vertical-align: middle; color: inherit; font-size: inherit; margin: -6px 0 0; } /* line 710, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul li.sub ul li a i.q_menu_arrow, .qodef-drop-down .wide .second .inner ul li.sub a i.q_menu_arrow { display: none; } /* line 715, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .second .inner ul.right li.sub a i.q_menu_arrow { right: auto; left: 25px; -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* line 723, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner > ul > li > a { line-height: 16px; color: #16171d; font-weight: 700; font-size: 16px; padding-bottom: 4px; } /* line 731, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner > ul > li > a:hover { color: #16171d; } /* line 735, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner ul li.sub h4 a, .qodef-drop-down .wide .second .inner ul li h4 a { padding: 0px !important; } /* line 740, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li ul { display: block; left: 0; padding: 10px 0 0; position: relative; top: 0; visibility: visible; background-color: transparent !important; } /* line 750, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li ul .widget { padding: 0px 18px; } /* line 754, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li ul li { padding: 0; margin: 10px 0; border: 0; } /* line 760, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li ul li.menu-item-has-children > a, .qodef-drop-down .wide .second ul li ul li.menu-item-has-children > a:hover { border-bottom: 0 none; color: #393939; } /* Wide drop down with full width background styles ========================================================================== */ /* line 768, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide.wide_background .second { background-color: #fff; } /* line 772, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide.wide_background .second .inner { text-align: center; } /* line 776, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide.wide_background .second .inner ul { text-align: left; } /* Wide with icons drop down styles ========================================================================== */ /* line 783, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide.icons .second ul li a .item_text { position: relative; } /* line 787, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide.icons .second i { width: 24px; height: auto; float: left; display: inline-block; vertical-align: middle; color: inherit; line-height: inherit; padding: 0 1px; } /* line 798, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide.icons .second i.blank { background: none; border: 0px; display: none; } /* Begining of menu latest post widget styles ========================================================================== */ /* line 807, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li div.flexslider li:nth-child(4n+1) { clear: none; } /* line 810, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li .flexslider ul { padding: 0; border: none; } /* line 814, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner ul li.sub .flexslider ul li a:hover, .qodef-drop-down .wide .second ul li .flexslider ul li a:hover { color: #253D4C; } /* line 819, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner ul li .flexslider.widget_flexslider .menu_recent_post_text a, .qodef-drop-down .wide .second .inner ul li .flexslider.widget_flexslider a { display: inline-block; margin: 0; } /* line 825, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner ul li .flexslider.widget_flexslider > a { vertical-align: middle; } /* line 829, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li ul.flex-direction-nav a { position: absolute; top: 0; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border: none; margin: 0px 0 0 0; } /* line 840, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li ul.flex-direction-nav { position: absolute; top: 50%; overflow: visible; width: 100%; } /* line 846, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li div.flexslider { margin: 0 !important; } /* line 850, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second ul li .flexslider.widget_flexslider ul.flex-direction-nav li { width: 100%; } /* line 854, scss/modules/header/blocks/_main_menu.scss */ .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev, .qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev { left: 0; height: 15px; width: 15px; line-height: 15px; padding: 0; } /* line 863, scss/modules/header/blocks/_main_menu.scss */ .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next, .qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next { right: 0; height: 15px; width: 15px; line-height: 15px; padding: 0; } /* line 871, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text { padding: 10px 0; } /* line 874, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a { display: inline; padding: 0; color: #000; } /* line 880, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a:hover { color: #253D4C; } /* line 884, scss/modules/header/blocks/_main_menu.scss */ .qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider a, .qodef-drop-down .wide .second ul li .flexslider.widget_flexslider a { padding: 0; text-align: center; } /* ========================================================================== End of menu latest post widget styles ========================================================================== */ /* ========================================================================== 14. Main Menu styles end ========================================================================== */ /* line 3, scss/modules/header/widgets/_search.scss */ .qodef-search a { color: #fff; } /* line 3, scss/modules/header/widgets/_sections.scss */ .qodef-sections-link a { color: #fff; } /* line 7, scss/modules/header/widgets/_sections.scss */ .qodef-sections-link a span { font-size: 10px; font-weight: 700; } /* line 12, scss/modules/header/widgets/_sections.scss */ .qodef-sections-link a i { display: inline-block; vertical-align: middle; margin-right: 10px; } /* line 1, scss/modules/header/widgets/_banner.scss */ .qodef-banner { display: inline-block; vertical-align: middle; } /* line 3, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar { width: 100%; background-color: #000; color: #fff; position: relative; font-weight: 400; height: 40px; overflow: hidden; z-index: 110; } /* line 14, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .qodef-grid { height: 100%; } /* line 17, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .qodef-grid .qodef-vertical-align-containers { padding-left: 0; padding-right: 0; } /* line 22, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .qodef-logo-wrapper a { max-height: 40px; } /* line 28, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .qodef-position-center p { font-size: 13px; color: #c99e66; } /* line 35, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .widget_nav_menu ul { list-style: none; display: inline-block; vertical-align: middle; } /* line 40, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .widget_nav_menu ul li { float: left; list-style: none; margin: 0; } /* line 44, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .widget_nav_menu ul li a { color: #b6b6b6; font-size: 13px; font-weight: 600; padding: 0 13px 0 0; margin: 0 13px 0 0; position: relative; } /* line 52, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .widget_nav_menu ul li a:hover { color: #fff; } /* line 56, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .widget_nav_menu ul li a:before { content: ''; position: absolute; right: 0; top: 2px; width: 1px; height: 12px; background-color: #b6b6b6; } /* line 67, scss/modules/header/top-bar/_top-bar.scss */ .qodef-top-bar .widget_nav_menu ul li:last-child a:before { display: none; } /* line 76, scss/modules/header/top-bar/_top-bar.scss */ .qodef-light-header .qodef-top-bar { color: #ffffff !important; } /* line 79, scss/modules/header/top-bar/_top-bar.scss */ .qodef-light-header .qodef-top-bar .widget { color: #ffffff !important; } /* line 82, scss/modules/header/top-bar/_top-bar.scss */ .qodef-light-header .qodef-top-bar .widget p, .qodef-light-header .qodef-top-bar .widget a, .qodef-light-header .qodef-top-bar .widget span, .qodef-light-header .qodef-top-bar .widget i, .qodef-light-header .qodef-top-bar .widget .widgettitle { color: #ffffff !important; } /* line 93, scss/modules/header/top-bar/_top-bar.scss */ .qodef-dark-header .qodef-top-bar { color: #000000 !important; } /* line 96, scss/modules/header/top-bar/_top-bar.scss */ .qodef-dark-header .qodef-top-bar .widget { color: #000000 !important; } /* line 99, scss/modules/header/top-bar/_top-bar.scss */ .qodef-dark-header .qodef-top-bar .widget p, .qodef-dark-header .qodef-top-bar .widget a, .qodef-dark-header .qodef-top-bar .widget span, .qodef-dark-header .qodef-top-bar .widget i, .qodef-dark-header .qodef-top-bar .widget .widgettitle { color: #000000 !important; } /* line 3, scss/modules/header/types/header-standard/_header-standard.scss */ .qodef-header-standard .qodef-menu-area { background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .qodef-dark-header .qodef-menu-area { background:rgba(21, 34, 43, 0.85); } /* line 9, scss/modules/header/types/header-standard/_header-standard.scss */ .qodef-header-standard .qodef-menu-area .qodef-vertical-align-containers .qodef-position-right-inner { height: 100%; } /* line 3, scss/modules/header/types/header-overlapping/_header-overlapping.scss */ .qodef-header-overlapping .qodef-overlapping-top-container { background-color: #f3f3f3; display: inline-block; margin: 0; position: relative; vertical-align: middle; width: 100%; height: 100px; padding: 0 0 38px 0; } /* line 14, scss/modules/header/types/header-overlapping/_header-overlapping.scss */ .qodef-header-overlapping .qodef-overlapping-bottom-container { display: inline-block; margin: 0; position: absolute; bottom: -38px; left: 0; vertical-align: middle; width: 100%; } /* line 23, scss/modules/header/types/header-overlapping/_header-overlapping.scss */ .qodef-header-overlapping .qodef-overlapping-bottom-container .qodef-ovelapping-menu { height: 100%; background-color: #fff; padding: 0 25px; } /* line 30, scss/modules/header/types/header-overlapping/_header-overlapping.scss */ .qodef-header-overlapping .qodef-overlapping-bottom-container .qodef-vertical-align-containers .qodef-position-left-inner { height: 100%; } /* line 33, scss/modules/header/types/header-overlapping/_header-overlapping.scss */ .qodef-header-overlapping .qodef-overlapping-bottom-container .qodef-vertical-align-containers .qodef-position-right-inner { height: 100%; } /* line 39, scss/modules/header/types/header-overlapping/_header-overlapping.scss */ .qodef-header-overlapping .qodef-page-header .qodef-menu-area { height: 76px; } /* line 3, scss/modules/header/types/header-vertical/blocks/_logo.scss */ .qodef-header-vertical .qodef-logo-wrapper { z-index: 100; display: block; position: relative; text-align: center; overflow: hidden; } /* line 10, scss/modules/header/types/header-vertical/blocks/_logo.scss */ .qodef-header-vertical .qodef-logo-wrapper a { display: block; position: relative; height: 100%; } /* line 16, scss/modules/header/types/header-vertical/blocks/_logo.scss */ .qodef-header-vertical .qodef-logo-wrapper img { display: block; height: auto; max-height: 100%; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } /* line 2, scss/modules/header/types/header-vertical/blocks/_widgets.scss */ .qodef-header-vertical .qodef-vertical-area-widget-holder { z-index: 100; position: relative; } /* line 3, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second { position: absolute; top: 0; left: calc(100% + 40px); /*because of the padding*/ width: 100%; margin-left: 50px; opacity: 0; background-color: #fff; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 15, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second * { visibility: hidden; -webkit-transition: visibility 0.3s ease-in-out; transition: visibility 0.3s ease-in-out; } /* line 22, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.qodef-float-open { margin-left: 0px; opacity: 1; visibility: visible; } /* line 27, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.qodef-float-open * { visibility: visible; } /* line 32, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul, .qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul * { visibility: hidden; } /* line 37, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul.qodef-float-open, .qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul.qodef-float-open * { visibility: visible; opacity: 1; } /* line 43, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul { width: 100%; } /* line 47, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float li.narrow .second .inner ul { /*because of the .narrow styling*/ border: none; padding: 0; } /* line 53, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul ul { position: absolute; border: none; top: 0; left: 100%; margin-left: 50px; padding: 10px; height: auto; visibility: hidden; width: 100%; opacity: 0; overflow: hidden; z-index: 10; background-color: #fff; padding: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 73, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul ul.qodef-float-open { opacity: 1; margin-left: 0; visibility: visible; z-index: 20; } /* line 80, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul li a { display: block; height: auto; font-weight: 400; line-height: 18px; color: #797979; margin: 0; padding: 8px; text-decoration: none; position: relative; -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } /* line 93, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul li a:hover { color: #253D4C; } /* line 98, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float ul li a .q_menu_arrow { display: none; } /* line 102, scss/modules/header/types/header-vertical/blocks/navigation/types/_float.scss */ .qodef-header-vertical .qodef-vertical-dropdown-float .second .inner > ul > li > a .menu_icon { -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } /* line 7, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu { position: relative; z-index: 101; margin: 40px 0 0; text-align: left; } /* line 13, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu ul { position: relative; list-style-type: none; } /* line 18, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu ul li { position: relative; } /* line 22, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu ul li a:hover { color: #253D4C; } /* line 26, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu > ul > li > a { position: relative; display: block; padding: 8px 0px; line-height: 18px; color: #797979; font-weight: 700; letter-spacing: 3px; text-decoration: none; text-transform: uppercase; margin: 0; cursor: pointer; -webkit-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; } /* line 45, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu > ul > li > a .qodef-featured-icon { position: absolute; top: 10px; left: -15px; font-size: 10px; color: #253D4C; } /* line 52, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu > ul > li > a .qodef-featured-icon.text { letter-spacing: 0; text-transform: none; top: 0; left: -25px; } /* line 61, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu > ul > li > a:before { content: ''; display: block; opacity: 0; height: 100%; position: absolute; top: 0; left: 0; width: 5px; background-color: #253D4C; -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; -webkit-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; transition: background-color 0.2s ease-out, opacity 0.2s ease-out; } /* line 80, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu > ul > li > a:after { display: none; height: 1px; width: 44px; content: ''; position: absolute; left: 0; bottom: 0; background-color: #253D4C; } /* line 91, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu > ul > li > a > span.item_inner { -webkit-transition: text-decoration 0.2s ease-out; transition: text-decoration 0.2s ease-out; } /* line 95, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu > ul > li:last-child > a:after { content: none; } /* line 99, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children > a .plus { width: 14px; height: 14px; z-index: 10000; display: block; position: absolute; top: 50%; right: 0; display: block; color: #9d9d9d; font-size: 14px; line-height: 14px; font-family: 'ElegantIcons'; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* line 117, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children > a .plus:before { content: "\4c"; } /* line 121, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children.open > a .plus:before, .qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children.current-menu-ancestor > a .plus:before { content: "\4b"; } /* line 126, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children a .plus { display: block; } /* line 130, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu .second .inner { position: relative; display: block; padding: 0; z-index: 997; } /* line 136, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu .second .inner .qodef-featured-icon { position: absolute; top: 5px; right: 20px; font-size: 10px; color: #253D4C; } /* line 143, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu .second .inner .qodef-featured-icon.text { font-weight: 700; } /* line 149, scss/modules/header/types/header-vertical/blocks/navigation/_navigation.scss */ .qodef-header-vertical .qodef-vertical-menu .menu_icon:not(.blank):not(.null) { padding-right: 5px; } /* line 6, scss/modules/header/types/header-vertical/_header-vertical.scss */ .qodef-header-vertical .qodef-content, .qodef-header-vertical footer { padding-left: 290px; box-sizing: border-box; } /* line 13, scss/modules/header/types/header-vertical/_header-vertical.scss */ .qodef-header-vertical .qodef-vertical-menu-area { position: fixed; width: 290px; top: 0; left: 0; padding: 20px 40px; 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; } /* line 29, scss/modules/header/types/header-vertical/_header-vertical.scss */ .qodef-header-vertical.admin-bar .qodef-vertical-menu-area { top: 33px; } /* line 33, scss/modules/header/types/header-vertical/_header-vertical.scss */ .qodef-header-vertical .qodef-vertical-menu-area.qodef-with-scroll { overflow: hidden; } /* line 37, scss/modules/header/types/header-vertical/_header-vertical.scss */ .qodef-header-vertical .qodef-vertical-area-background { position: fixed; width: 290px; height: 100%; background-position: right top; background-repeat: no-repeat; background-color: #fff; background-size: cover; top: 0; left: 0; z-index: 0; opacity: 1; -webkit-transition: opacity 0.5s ease, background-color 0.5s ease; transition: opacity 0.5s ease, background-color 0.5s ease; } /* line 2, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav { display: none; background-color: #fff; } /* line 7, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav ul { list-style-type: none; } /* line 11, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav ul ul { margin-left: 20px; display: none; } /* line 17, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav li { position: relative; } /* line 21, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav a, .qodef-mobile-header .qodef-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; } /* line 34, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav a:hover, .qodef-mobile-header .qodef-mobile-nav h4:hover { color: #253D4C; } /* line 39, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav .mobile_arrow { position: absolute; right: 0; top: 0; line-height: 35px; height: 35px; padding-right: 10px; width: 50px; text-align: right; } /* line 51, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav .mobile_arrow:hover { cursor: pointer; } /* line 55, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav .mobile_arrow .qodef-sub-arrow { -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } /* line 60, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav .mobile_arrow .fa-angle-down { display: none; } /* line 65, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav li.qodef-opened > .mobile_arrow > .qodef-sub-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* line 69, scss/modules/header/types/mobile-header/blocks/_mobile-navigation.scss */ .qodef-mobile-header .qodef-mobile-nav > ul > li:last-child > a, .qodef-mobile-header .qodef-mobile-nav > .qodef-grid > ul > li:last-child > a { border-bottom: none; } /* ========================================================================== 17. Mobile header styles ========================================================================== */ /* line 6, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-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 ========================================================================== */ } /* line 13, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-mobile-header-inner { height: 100px; background-color: #fff; position: relative; } /* line 18, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-mobile-header-inner .qodef-mobile-header-holder { position: relative; z-index: 2; height: 100%; } /* line 25, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-grid { height: 100%; } /* line 29, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-vertical-align-containers { padding: 0; } /* line 41, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-mobile-logo-wrapper a { display: block; max-height: 80px; } /* line 46, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-mobile-logo-wrapper img { height: 100%; width: auto; } /* line 57, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-mobile-menu-opener { float: left; position: relative; z-index: 2; height: 100%; } /* line 63, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-mobile-menu-opener a { display: table; height: 100%; padding-right: 10px; color: #000; } /* line 69, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-mobile-menu-opener a:hover { color: #253D4C; } /* line 74, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-mobile-header .qodef-mobile-menu-opener .qodef-mobile-opener-icon-holder { display: table-cell; vertical-align: middle; } /* ========================================================================== #End of mobile header styles ========================================================================== */ /* ========================================================================== #Sticky mobile header styles ========================================================================== */ /* line 94, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-sticky-up-mobile-header .qodef-animate-mobile-header .qodef-mobile-header-inner { width: 100%; -webkit-transition: 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(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /* line 107, scss/modules/header/types/mobile-header/_mobile-header.scss */ .qodef-sticky-up-mobile-header .mobile-header-appear .qodef-mobile-header-inner { top: 0; left: 0; width: 100%; position: fixed; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* ========================================================================== 17. End of sticky mobile header styles ========================================================================== */ /* ========================================================================== 18. header styles - start ========================================================================== */ /* line 20, scss/modules/header/_header.scss */ .qodef-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 ========================================================================== */ } /* line 32, scss/modules/header/_header.scss */ .qodef-page-header a img { display: block; } /* line 36, scss/modules/header/_header.scss */ .qodef-page-header .qodef-grid { height: 100%; } /* line 39, scss/modules/header/_header.scss */ .qodef-page-header .qodef-grid .qodef-vertical-align-containers { padding: 0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } /* line 52, scss/modules/header/_header.scss */ .qodef-page-header .qodef-logo-area { height: 220px; overflow: hidden; position: relative; } /* line 57, scss/modules/header/_header.scss */ .qodef-page-header .qodef-logo-area .qodef-logo-wrapper a { max-height: 198px; } /* line 68, scss/modules/header/_header.scss */ .qodef-page-header .qodef-menu-area { height: 100px; position: relative; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } /* line 73, scss/modules/header/_header.scss */ .qodef-page-header .qodef-menu-area .qodef-logo-wrapper a { max-height: 90px; } /* line 85, scss/modules/header/_header.scss */ .qodef-page-header .qodef-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; } /* line 98, scss/modules/header/_header.scss */ .qodef-page-header .qodef-sticky-header.header-appear { transform: translateY(0%); } /* line 102, scss/modules/header/_header.scss */ .qodef-page-header .qodef-sticky-header .qodef-sticky-holder { height: 100%; background: rgba(21, 34, 43, 0.85); position: relative; z-index: 2; } /* line 110, scss/modules/header/_header.scss */ .admin-bar .qodef-page-header .qodef-sticky-header.header-appear { top: 32px; } /* line 114, scss/modules/header/_header.scss */ .qodef-page-header .qodef-sticky-header .qodef-position-right-inner { height: 100%; } /* line 118, scss/modules/header/_header.scss */ .qodef-page-header .qodef-sticky-header .qodef-sticky-holder .qodef-logo-wrapper a { max-height: 54px; } /* line 122, scss/modules/header/_header.scss */ .qodef-page-header .qodef-sticky-header .qodef-sticky-right { display: inline-block; vertical-align: middle; } /* line 128, scss/modules/header/_header.scss */ .qodef-page-header .admin-bar .qodef-page-header .qodef-sticky-header.header-appear { transform: translateY(32px); } /* line 139, scss/modules/header/_header.scss */ .qodef-page-header .qodef-fixed-wrapper.fixed { width: 100%; position: fixed; left: 0px; top: 0px; -webkit-backface-visibility: hidden; } /* ========================================================================== #Light header - begin ========================================================================== */ /* line 159, scss/modules/header/_header.scss */ .qodef-light-header .qodef-logo-area, .qodef-light-header .qodef-menu-area, .qodef-light-header .qodef-vertical-menu-area { color: #ffffff !important; } /* line 164, scss/modules/header/_header.scss */ .qodef-light-header .qodef-logo-area .widget, .qodef-light-header .qodef-menu-area .widget, .qodef-light-header .qodef-vertical-menu-area .widget { color: #ffffff !important; } /* line 167, scss/modules/header/_header.scss */ .qodef-light-header .qodef-logo-area .widget p, .qodef-light-header .qodef-logo-area .widget a, .qodef-light-header .qodef-logo-area .widget span, .qodef-light-header .qodef-logo-area .widget i, .qodef-light-header .qodef-logo-area .widget .widgettitle, .qodef-light-header .qodef-menu-area .widget p, .qodef-light-header .qodef-menu-area .widget a, .qodef-light-header .qodef-menu-area .widget span, .qodef-light-header .qodef-menu-area .widget i, .qodef-light-header .qodef-menu-area .widget .widgettitle, .qodef-light-header .qodef-vertical-menu-area .widget p, .qodef-light-header .qodef-vertical-menu-area .widget a, .qodef-light-header .qodef-vertical-menu-area .widget span, .qodef-light-header .qodef-vertical-menu-area .widget i, .qodef-light-header .qodef-vertical-menu-area .widget .widgettitle { color: #ffffff !important; } /* line 177, scss/modules/header/_header.scss */ .qodef-light-header .qodef-logo-area .qodef-light-logo, .qodef-light-header .qodef-menu-area .qodef-light-logo, .qodef-light-header .qodef-vertical-menu-area .qodef-light-logo { opacity: 1; } /* line 181, scss/modules/header/_header.scss */ .qodef-light-header .qodef-logo-area .qodef-dark-logo, .qodef-light-header .qodef-logo-area .qodef-normal-logo, .qodef-light-header .qodef-menu-area .qodef-dark-logo, .qodef-light-header .qodef-menu-area .qodef-normal-logo, .qodef-light-header .qodef-vertical-menu-area .qodef-dark-logo, .qodef-light-header .qodef-vertical-menu-area .qodef-normal-logo { opacity: 0; } /* ========================================================================== #Light header - end ========================================================================== */ /* ========================================================================== #Dark header - begin ========================================================================== */ /* line 199, scss/modules/header/_header.scss */ .qodef-dark-header .qodef-logo-area, .qodef-dark-header .qodef-menu-area, .qodef-dark-header .qodef-vertical-menu-area { color: #000000 !important; } /* line 204, scss/modules/header/_header.scss */ .qodef-dark-header .qodef-logo-area .widget, .qodef-dark-header .qodef-menu-area .widget, .qodef-dark-header .qodef-vertical-menu-area .widget { color: #000000 !important; } /* line 207, scss/modules/header/_header.scss */ .qodef-dark-header .qodef-logo-area .widget p, .qodef-dark-header .qodef-logo-area .widget a, .qodef-dark-header .qodef-logo-area .widget span, .qodef-dark-header .qodef-logo-area .widget i, .qodef-dark-header .qodef-logo-area .widget .widgettitle, .qodef-dark-header .qodef-menu-area .widget p, .qodef-dark-header .qodef-menu-area .widget a, .qodef-dark-header .qodef-menu-area .widget span, .qodef-dark-header .qodef-menu-area .widget i, .qodef-dark-header .qodef-menu-area .widget .widgettitle, .qodef-dark-header .qodef-vertical-menu-area .widget p, .qodef-dark-header .qodef-vertical-menu-area .widget a, .qodef-dark-header .qodef-vertical-menu-area .widget span, .qodef-dark-header .qodef-vertical-menu-area .widget i, .qodef-dark-header .qodef-vertical-menu-area .widget .widgettitle { color: #000000 !important; } /* line 217, scss/modules/header/_header.scss */ .qodef-dark-header .qodef-logo-area .qodef-dark-logo, .qodef-dark-header .qodef-menu-area .qodef-dark-logo, .qodef-dark-header .qodef-vertical-menu-area .qodef-dark-logo { opacity: 1; } /* line 221, scss/modules/header/_header.scss */ .qodef-dark-header .qodef-logo-area .qodef-normal-logo, .qodef-dark-header .qodef-logo-area .qodef-light-logo, .qodef-dark-header .qodef-menu-area .qodef-normal-logo, .qodef-dark-header .qodef-menu-area .qodef-light-logo, .qodef-dark-header .qodef-vertical-menu-area .qodef-normal-logo, .qodef-dark-header .qodef-vertical-menu-area .qodef-light-logo { opacity: 0; } /* ========================================================================== #Dark header - end ========================================================================== */ /* line 236, scss/modules/header/_header.scss */ .qodef-header-full-screen .qodef-sticky-header .qodef-position-right-inner { height: auto; } /* ========================================================================== 18. header styles - end ========================================================================== */ /* ========================================================================== 19. Footer style - begin ========================================================================== */ /* line 5, scss/modules/footer/_footer.scss */ 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 contact form email style*/ /* Footer subscribe form style start */ /* Footer subscribe form style end */ /* WebKit, Blink, Edge */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10-11 */ } /* line 13, scss/modules/footer/_footer.scss */ footer .qodef-footer-inner { position: relative; /* for triangle back to top and ajax transitions */ } /* line 17, scss/modules/footer/_footer.scss */ footer .qodef-container { background-color: inherit; } /* line 21, scss/modules/footer/_footer.scss */ footer .qodef-container-inner { position: relative; } /* line 25, scss/modules/footer/_footer.scss */ footer .qodef-container-inner > .widget { text-align: center; } /* line 29, scss/modules/footer/_footer.scss */ footer a { text-decoration: none; color: #fff; } /* line 34, scss/modules/footer/_footer.scss */ footer a:hover { color: #253D4C; } /* line 38, scss/modules/footer/_footer.scss */ footer .qodef-footer-ingrid-border-holder-outer { background-color: #393939; } /* line 42, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-border-holder, footer .qodef-footer-bottom-border-holder { position: relative; display: block; width: 100%; } /* line 49, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-border-holder.qodef-in-grid, footer .qodef-footer-bottom-border-holder.qodef-in-grid { width: 1100px; margin: 0 auto; } /* line 55, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-holder { display: block; background-color: #212121; position: relative; background-position: center center; background-size: cover; } /* line 63, scss/modules/footer/_footer.scss */ footer .qodef-footer-top:not(.qodef-footer-top-full) .qodef-container-inner { padding: 70px 0; } /* line 67, scss/modules/footer/_footer.scss */ footer .qodef-footer-top.qodef-footer-top-full { padding: 65px 25px; } /* line 73, scss/modules/footer/_footer.scss */ footer .qodef-footer-top .qodef-column { box-sizing: border-box; border-right: 1px solid #3b3b3b; } /* line 78, scss/modules/footer/_footer.scss */ footer .qodef-footer-top .qodef-column { padding: 0 40px; } /* line 82, scss/modules/footer/_footer.scss */ footer .qodef-footer-top .qodef-column:first-child { padding-left: 70px; } /* line 86, scss/modules/footer/_footer.scss */ footer .qodef-footer-top .qodef-column:last-child { border-right: 0; padding-right: 85px; } /* line 93, scss/modules/footer/_footer.scss */ footer .qodef-footer-bottom-holder { display: inline-block; width: 100%; background-color: #303030; vertical-align: middle; text-align: center; padding: 30px 0; } /* line 101, scss/modules/footer/_footer.scss */ footer .qodef-footer-bottom-holder .qodef-column-inner { text-align: center; vertical-align: middle; } /* line 106, scss/modules/footer/_footer.scss */ footer .qodef-footer-bottom-holder .qodef-three-columns .qodef-column:first-child .qodef-column-inner { text-align: left; } /* line 110, scss/modules/footer/_footer.scss */ footer .qodef-footer-bottom-holder .qodef-three-columns .qodef-column:last-child .qodef-column-inner { text-align: right; } /* line 114, scss/modules/footer/_footer.scss */ footer .qodef-footer-bottom-holder .qodef-two-columns-50-50 .qodef-column:first-child .qodef-column-inner { text-align: left; } /* line 118, scss/modules/footer/_footer.scss */ footer .qodef-footer-bottom-holder .qodef-two-columns-50-50 .qodef-column:last-child .qodef-column-inner { text-align: right; } /* line 122, scss/modules/footer/_footer.scss */ footer .qodef-footer-bottom-holder .qodef-footer-bottom-border-bottom-holder { clear: both; } /* line 129, scss/modules/footer/_footer.scss */ footer input.wpcf7-form-control.wpcf7-submit { font-family: 'simple-line-icons', sans-serif; font-size: 20px; color: #fff; padding: 0 8px; height: 40px; line-height: 36px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; display: inline-block; width: 40px; vertical-align: top; } /* line 142, scss/modules/footer/_footer.scss */ footer input.wpcf7-form-control.wpcf7-submit:hover { background-color: #253D4C; border-color: #253D4C; color: #fff; } /* line 148, scss/modules/footer/_footer.scss */ footer input.wpcf7-form-control.wpcf7-text.wpcf7-email { font-size: 13px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; display: inline-block; width: 80%; margin-bottom: 0; vertical-align: top; height: 40px; line-height: 40px; background-color: transparent; color: #fff; border: 1px solid #B4B4B4; border-right: 0; } /* line 163, scss/modules/footer/_footer.scss */ footer div.wpcf7 img.ajax-loader { display: none; } /* line 169, scss/modules/footer/_footer.scss */ footer .qodef-subscription-form { position: relative; } /* line 173, scss/modules/footer/_footer.scss */ footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-text, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-number, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-date, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-textarea, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-select, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-quiz { width: 100%; padding-right: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* line 186, scss/modules/footer/_footer.scss */ footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-submit { position: absolute; top: 0; right: 0; } /* line 197, scss/modules/footer/_footer.scss */ footer input.wpcf7-form-control.wpcf7-text.wpcf7-email::-webkit-input-placeholder { color: #fff; } /* line 201, scss/modules/footer/_footer.scss */ footer input.wpcf7-form-control.wpcf7-text.wpcf7-email:-moz-placeholder { color: #fff; opacity: 1; } /* line 206, scss/modules/footer/_footer.scss */ footer input.wpcf7-form-control.wpcf7-text.wpcf7-email::-moz-placeholder { color: #fff; opacity: 1; } /* line 211, scss/modules/footer/_footer.scss */ footer input.wpcf7-form-control.wpcf7-text.wpcf7-email:-ms-input-placeholder { color: #fff; } /* Footer uncover - begin ========================================================================== */ /* line 220, scss/modules/footer/_footer.scss */ footer.qodef-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); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); } /* line 227, scss/modules/footer/_footer.scss */ footer.qodef-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-text, footer.qodef-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-number, footer.qodef-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-date, footer.qodef-footer-uncover .cf7_custom_style_2 textarea.wpcf7-form-control.wpcf7-textarea, footer.qodef-footer-uncover .cf7_custom_style_2 select.wpcf7-form-control.wpcf7-select, footer.qodef-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-quiz { transform: none; } /* line 238, scss/modules/footer/_footer.scss */ .qodef-right-side-menu-opened footer.qodef-footer-uncover { left: -270px; } /* Footer uncover - end ========================================================================== */ /* Footer boxed - begin ========================================================================== */ /* line 248, scss/modules/footer/_footer.scss */ .boxed footer { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ } /* Footer boxed - end ========================================================================== */ /* Footer disabled - begin ========================================================================== */ /* line 260, scss/modules/footer/_footer.scss */ footer.qodef-disable-footer { display: none; } /* Footer disabled - end ========================================================================== */ /* ========================================================================== # Footer style - end ========================================================================== */ /* ========================================================================== # Footer widgets - begin ========================================================================== */ /* line 276, scss/modules/footer/_footer.scss */ footer .widget { margin-bottom: 20px; } /* line 279, scss/modules/footer/_footer.scss */ footer .widget .qodef-footer-widget-title { color: #ffffff; margin-bottom: 25px; font-size: 22px; font-weight: 700; } /* line 286, scss/modules/footer/_footer.scss */ footer .widget h4 { color: #ffffff; margin-bottom: 25px; font-size: 22px; font-weight: 700; } /* line 293, scss/modules/footer/_footer.scss */ footer .widget ul { list-style: none; } /* line 297, scss/modules/footer/_footer.scss */ 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; } /* line 311, scss/modules/footer/_footer.scss */ footer .widget #searchform { width: 100%; box-sizing: border-box; display: inline-block; overflow: hidden; background-color: transparent; border: 2px solid #eaeaea; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; } /* line 322, scss/modules/footer/_footer.scss */ footer .widget #searchform label { display: none; } /* line 326, scss/modules/footer/_footer.scss */ footer .widget #searchform input[type="text"] { display: inline-block; text-decoration: none; border: 0; outline: 0; color: #8d8d8d; background-color: transparent; font-family: inherit; margin: 0; padding: 0 12px; width: 77%; height: 44px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 342, scss/modules/footer/_footer.scss */ footer .widget #searchform input[type="submit"] { width: 13%; height: 44px; line-height: 44px; display: inline-block; margin: 0; padding: 0 4%; outline: 0; border: 0; box-sizing: initial; text-decoration: none; background-color: transparent; color: #8d8d8d; font-family: 'FontAwesome',sans-serif; font-weight: normal; text-align: center; cursor: pointer; white-space: nowrap; float: right; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; font-size: 16px; } /* line 366, scss/modules/footer/_footer.scss */ footer .widget .tagcloud a { text-transform: capitalize; position: relative; letter-spacing: 0.4px; font-size: 14px !important; } /* line 373, scss/modules/footer/_footer.scss */ footer .widget .tagcloud a:first-child { margin-left: 0; } /* line 377, scss/modules/footer/_footer.scss */ footer .widget .tagcloud a:after { content: ''; width: 100%; border-bottom: 1px solid #acacac; position: absolute; left: 0; bottom: 0; -webkit-transition: border-color 0.2s ease-out, color 0.2s ease-out; transition: border-color 0.2s ease-out, color 0.2s ease-out; } /* line 387, scss/modules/footer/_footer.scss */ footer .widget .tagcloud a:hover:after { border-color: #253D4C; } /* line 391, scss/modules/footer/_footer.scss */ footer .widget label { display: block; padding-bottom: 5px; } /* line 396, scss/modules/footer/_footer.scss */ footer .widget .textwidget { color: #a2a2a2; } /* line 404, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-holder .widget.widget_recent_entries li { border-bottom: 1px dotted #404040; } /* line 408, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-holder .widget.widget_recent_entries li a { color: #a2a2a2; padding: 6px 0; display: inline-block; width: 100%; position: relative; } /* line 416, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-holder .widget.widget_recent_entries li a:before { content: ""; display: inline-block; height: 48%; position: absolute; left: -10px; border-left: 3px solid #253D4C; top: 50%; transform: translateY(-50%); transition: opacity 0.15s ease-out; opacity: 0; } /* line 429, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-holder .widget.widget_recent_entries li a:hover { color: #fff; } /* line 433, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-holder .widget.widget_recent_entries li a:hover:before { opacity: 1; } /* line 438, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-holder .widget .qodef-icon-shortcode.square { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* line 442, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-holder .widget .qodef-icon-shortcode.square:first-of-type { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* line 446, scss/modules/footer/_footer.scss */ footer .qodef-footer-top-holder .widget .qodef-icon-shortcode.square:last-of-type { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* line 451, scss/modules/footer/_footer.scss */ footer .qodef-footer-bottom-holder .widget { margin-bottom: 0; } /* line 455, scss/modules/footer/_footer.scss */ footer .qodef-footer-bottom-holder .widget .qodef-footer-widget-title { color: #7f8385; } /* ========================================================================== 19. Footer widgets - end ========================================================================== */ /* ========================================================================== 20. 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); } } /* line 29, scss/modules/title/_title.scss */ .qodef-title { display: block; width: 100%; height: 200px; text-align: left; position: relative; z-index: 101; background-color: #253D4C; background-position: center 0; background-repeat: no-repeat; } /* line 40, scss/modules/title/_title.scss */ .qodef-title.qodef-has-parallax-background { background-attachment: fixed; background-repeat: no-repeat; position: relative; z-index: 101; } /* line 47, scss/modules/title/_title.scss */ .qodef-title.qodef-content-center-alignment { text-align: center; } /* line 51, scss/modules/title/_title.scss */ .qodef-title.qodef-content-right-alignment { text-align: right; } /* line 56, scss/modules/title/_title.scss */ .qodef-title.qodef-animation-right-left h1, .qodef-title.qodef-animation-right-left .qodef-subtitle span, .qodef-title.qodef-animation-right-left .qodef-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; } /* line 64, scss/modules/title/_title.scss */ .qodef-title.qodef-animation-left-right h1, .qodef-title.qodef-animation-left-right .qodef-subtitle span, .qodef-title.qodef-animation-left-right .qodef-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; } /* line 71, scss/modules/title/_title.scss */ .qodef-title.qodef-has-responsive-background { height: auto !important; } /* line 74, scss/modules/title/_title.scss */ .qodef-title.qodef-has-responsive-background .qodef-title-holder { display: block; position: absolute; top: 0; left: 0; } /* line 81, scss/modules/title/_title.scss */ .qodef-title.qodef-has-responsive-background .qodef-title-holder .qodef-container { display: block; height: 100%; } /* line 86, scss/modules/title/_title.scss */ .qodef-title.qodef-has-responsive-background .qodef-title-holder .qodef-container-inner { display: table; height: 100%; } /* line 91, scss/modules/title/_title.scss */ .qodef-title.qodef-has-responsive-background .qodef-title-holder .qodef-title-subtitle-holder { display: table-cell; vertical-align: middle; width: 100%; } /* line 102, scss/modules/title/_title.scss */ .qodef-title .qodef-title-image img { display: block; position: relative; width: 100%; } /* line 112, scss/modules/title/_title.scss */ .qodef-title.qodef-title-image-not-responsive .qodef-title-image { display: none; } /* line 118, scss/modules/title/_title.scss */ .qodef-title.qodef-breadcrumb-type { background-color: #f7f7f7; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } /* line 124, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder { display: table; height: 100%; position: relative; width: 100%; /* #Standard title - start ========================================================================== */ /* #Standard title - end ========================================================================== */ /* #Breadcrumb title - start ========================================================================== */ /* #Breadcrumb title - end ========================================================================== */ } /* line 130, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-container { background-color: transparent; display: table-row; vertical-align: middle; } /* line 136, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-container-inner { display: table-cell; padding: 0 !important; vertical-align: middle; } /* line 142, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-title-subtitle-holder { display: block; padding: 0; position: relative; z-index: 25; } /* line 149, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-title-subtitle-holder-inner { position: relative; } /* line 156, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder h1 { color: #fff; display: inline-block; vertical-align: middle; font-size: 65px; line-height: 1.425em; } /* line 164, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder h1 span { display: inline-block; } /* line 168, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-subtitle { display: block; font-size: 18px; line-height: 1.508em; font-weight: 500; color: #fff; } /* line 175, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-subtitle span { display: inline-block; vertical-align: middle; } /* line 187, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder { display: inline-block; vertical-align: middle; width: 100%; } /* line 193, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder h1 { color: #222222; font-size: 22px; line-height: 24px; display: inline-block; vertical-align: middle; float: left; } /* line 202, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder .qodef-breadcrumbs-holder { display: inline-block; vertical-align: middle; float: right; line-height: 24px; } /* line 209, scss/modules/title/_title.scss */ .qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder .qodef-breadcrumbs a, .qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder .qodef-breadcrumbs span { color: #7f7f7f; font-size: 15px; font-weight: 600; line-height: 24px; display: inline-block; vertical-align: middle; } /* line 227, scss/modules/title/_title.scss */ .qodef-title.qodef-standard-type .qodef-breadcrumbs-holder { position: absolute; top: 0; height: 100%; } /* line 232, scss/modules/title/_title.scss */ .qodef-title.qodef-standard-type .qodef-breadcrumbs-holder .qodef-breadcrumbs { display: table; height: 100%; width: 100%; } /* line 238, scss/modules/title/_title.scss */ .qodef-title.qodef-standard-type .qodef-breadcrumbs-holder .qodef-breadcrumbs-inner { display: table-cell; vertical-align: middle; } /* line 247, scss/modules/title/_title.scss */ .qodef-title.qodef-standard-type.qodef-content-left-alignment .qodef-breadcrumbs-holder { right: 0; } /* line 253, scss/modules/title/_title.scss */ .qodef-title.qodef-standard-type.qodef-content-right-alignment .qodef-breadcrumbs-holder { left: 0; } /* line 259, scss/modules/title/_title.scss */ .qodef-title.qodef-standard-type.qodef-content-center-alignment .qodef-breadcrumbs-holder { position: relative; top: auto; height: auto; display: block; } /* ========================================================================== 20. Title area style - end ========================================================================== */ /* ========================================================================== 21. Side area style - start ========================================================================== */ /* Side area general style - start ========================================================================== */ /* line 10, scss/modules/sidearea/_sidearea.scss */ .qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-side-menu-button-opener, .qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-side-menu-button-opener, .qodef-light-header .qodef-top-bar .qodef-side-menu-button-opener { color: #ffffff !important; } /* line 16, scss/modules/sidearea/_sidearea.scss */ .qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-side-menu-button-opener, .qodef-dark-header.qodef-header-style-on-scroll .qodef-page-header .qodef-side-menu-button-opener, .qodef-dark-header .qodef-top-bar .qodef-side-menu-button-opener { color: #000000 !important; } /* line 22, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-button-opener { font-size: 32px; position: relative; display: inline-block; vertical-align: middle; -webkit-transition: initial; transition: initial; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; color: #727272; margin-left: 24px; } /* line 33, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-button-opener:before { content: ''; display: block; width: 1px; height: 33px; position: absolute; left: -25px; top: -2px; background-color: #ddd; } /* line 44, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-button-opener.medium { display: inline-block; font-size: 21px; line-height: 30px; height: 30px; width: 19px; } /* line 52, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-button-opener.large { display: inline-block; font-size: 28px; line-height: 34px; height: 34px; width: 24px; } /* line 60, scss/modules/sidearea/_sidearea.scss */ .qodef-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; } /* line 74, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-button-opener:hover { color: #253D4C; } /* line 78, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-button-opener span.social_icon { font-family: 'ElegantIcons' !important; } /* line 82, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-button-opener i.social_icon { font-family: 'FontAwesome',serif !important; } /* line 87, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu { background-color: #393939; height: 100%; min-height: 100%; overflow: hidden; padding: 40px 60px; position: fixed; top: 0; right: -270px; width: 210px; z-index: 9999; -webkit-backface-visibility: hidden; } /* line 100, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu h4 { margin: 0 0 15px 0; color: #fff; } /* line 105, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu h5, .qodef-side-menu h6 { margin: 0 0 12px 0; color: #fff; } /* line 111, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .widget { margin: 0 0 30px; } /* line 114, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .widget li { position: relative; list-style-type: none; } /* line 119, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .widget ul li.page_item_has_children, .qodef-side-menu .widget ul li.menu-item-has-children { padding-right: 0; border-bottom: none; } /* line 125, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .widget ul ul { padding: 6px 0 0 10px; } /* line 131, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu a:not(.qbutton), .qodef-side-menu li, .qodef-side-menu span, .qodef-side-menu p, .qodef-side-menu .widget_rss li a.rsswidget { color: #9d9d9d; line-height: 31px; -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } /* line 141, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .widget_calendar { font-size: 14px; } /* line 144, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .widget_calendar a { color: #fff; } /* line 148, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .widget_calendar caption, .qodef-side-menu .widget_calendar th, .qodef-side-menu .widget_calendar td { color: #9d9d9d; line-height: 31px; -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } /* line 156, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .widget_calendar thead tr, .qodef-side-menu .widget_calendar tbody tr, .qodef-side-menu .widget_calendar tbody td { border-color: #9d9d9d; } /* line 164, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .qodef-side-menu-title { display: block; margin: 0 0 12px; } /* line 171, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .widget_nav_menu li:last-child, .qodef-side-menu .widget_nav_menu li a { margin: 0; } /* line 178, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .qodef-close-side-menu-holder { display: table; height: 90px; position: absolute; top: 0px; right: 38px; z-index: 1000; } /* line 187, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu .qodef-close-side-menu-holder-inner { display: table-cell; vertical-align: middle; } /* line 192, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu a.qodef-close-side-menu { display: inline-block; height: 32px; width: 32px; z-index: 1000; -webkit-transition: transform 0.5s ease; transition: transform 0.5s ease; } /* line 199, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu a.qodef-close-side-menu span { color: #16171d; display: inline-block; font-size: 32px; height: 32px; line-height: 32px; position: relative; text-align: center; width: 32px; } /* line 211, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu a.qodef-close-side-menu:hover span { color: #253D4C; } /* line 217, scss/modules/sidearea/_sidearea.scss */ .admin-bar .qodef-side-menu .qodef-close-side-menu-holder { top: 32px; } /* Side area general style - end ========================================================================== */ /* Side area slides over content style - start ========================================================================== */ /* line 229, scss/modules/sidearea/_sidearea.scss */ .qodef-right-side-menu-opened .qodef-wrapper, .qodef-right-side-menu-opened footer.uncover, .qodef-right-side-menu-opened .qodef-fixed-wrapper.fixed, .qodef-right-side-menu-opened .qodef-sticky-header, .qodef-right-side-menu-opened .mobile-header-appear .qodef-mobile-header-inner { left: -270px; } /* line 241, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-from-right .qodef-wrapper { background-color: #fff; position: relative; z-index: 1000; -webkit-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); } /* line 247, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-from-right .qodef-wrapper .qodef-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; } /* line 266, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-from-right .carousel-inner { -webkit-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); } /* line 270, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-from-right .qodef-side-menu { padding: 5% 30px 30px 30px; 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; transition: 0.2s ease-in-out; } /* line 285, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-from-right .qodef-sticky-header, .qodef-side-menu-slide-from-right .qodef-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; } /* line 291, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-from-right footer.uncover { -webkit-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); } /* line 299, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-from-right.qodef-right-side-menu-opened .qodef-cover { cursor: url("img/close.png"), pointer; z-index: 1002; opacity: 0.6; filter: alpha(opacity=60); } /* line 306, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-from-right.qodef-right-side-menu-opened .qodef-side-menu { right: 0px; visibility: visible; } /* Side area slides over content style - end ========================================================================== */ /* Side area slides with content style - start ========================================================================== */ /* line 319, scss/modules/sidearea/_sidearea.scss */ .qodef-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; } /* line 329, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content .qodef-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; background-image: url(img/sidearea.png); } /* line 352, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content footer.uncover, .qodef-side-menu-slide-with-content .qodef-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; } /* line 360, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content .qodef-sticky-header, .qodef-side-menu-slide-with-content .qodef-fixed-wrapper.fixed, .qodef-side-menu-slide-with-content .qodef-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; } /* line 367, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content .carousel-inner { left: 0 !important; -webkit-transition: left 0.2s ease; transition: left 0.2s ease; } /* line 376, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-wrapper, .qodef-side-menu-slide-with-content.qodef-side-menu-open footer.uncover, .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-sticky-header, .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-fixed-wrapper, .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-mobile-header-inner { left: -470px; } /* line 384, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-side-menu { right: 0; } /* line 388, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-side-menu-open .carousel-inner:not(.qodef-relative-position) { left: -470px !important; } /* width 270px start */ /* line 405, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-wrapper, .qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open footer.uncover, .qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-sticky-header, .qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-fixed-wrapper, .qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-mobile-header-inner { left: -270px; } /* line 413, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-side-menu { right: 0; } /* line 417, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .carousel-inner:not(.qodef-relative-position) { left: -270px !important; } /* line 433, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-width-270 .qodef-side-menu { width: 270px; right: -270px; } /* width 270px end */ /* width 370px start */ /* line 444, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-wrapper, .qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open footer.uncover, .qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-sticky-header, .qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-fixed-wrapper, .qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-mobile-header-inner { left: -370px; } /* line 452, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-side-menu { right: 0; } /* line 456, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .carousel-inner:not(.qodef-relative-position) { left: -370px !important; } /* line 471, scss/modules/sidearea/_sidearea.scss */ .qodef-side-menu-slide-with-content.qodef-width-370 .qodef-side-menu { width: 370px; right: -370px; } /* width 370px end */ /* Side area slides with content style - end ========================================================================== */ /* Side area uncovering - start ========================================================================== */ /* line 487, scss/modules/sidearea/_sidearea.scss */ .qodef-side-area-uncovered-from-content .qodef-side-menu { background-color: #1b1b1b; height: 100%; min-height: 100%; overflow: hidden; padding: 30px; position: fixed; top: 0; right: 0; width: 210px; z-index: 90; visibility: hidden; } /* line 501, scss/modules/sidearea/_sidearea.scss */ .qodef-side-area-uncovered-from-content .qodef-sticky-header, .qodef-side-area-uncovered-from-content .qodef-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; } /* line 513, scss/modules/sidearea/_sidearea.scss */ .qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-sticky-header, .qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-fixed-wrapper.fixed, .qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-mobile-header-inner { left: -270px; } /* Side area uncovering - end ========================================================================== */ /* ========================================================================== 21. Side area style - end ========================================================================== */ /* ========================================================================== # Fullscreen menu style - begin ========================================================================== */ /* Fullscreen general style - begin ========================================================================== */ /* line 8, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .side_menu_button .qodef-fullscreen-menu-opener { -webkit-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; } /* line 12, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-fullscreen-menu-opener:not(.opened) .qodef-line, .qodef-dark-header.qodef-header-style-on-scroll .qodef-page-header .qodef-fullscreen-menu-opener:not(.opened) .qodef-line, .qodef-dark-header .qodef-top-bar .qodef-fullscreen-menu-opener:not(.opened) .qodef-line { background-color: #000000 !important; } /* line 19, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-fullscreen-menu-opener:not(.opened) .qodef-line, .qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-fullscreen-menu-opener:not(.opened) .qodef-line, .qodef-light-header .qodef-top-bar .qodef-fullscreen-menu-opener:not(.opened) .qodef-line { background-color: #ffffff !important; } /* line 26, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener { display: inline-block; vertical-align: middle; } /* line 30, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener .qodef-line { background-color: #000; height: 2px; margin: 0; width: 13px; top: 0; left: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; position: absolute; display: inline-block; } /* line 42, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener .qodef-line:after, .qodef-fullscreen-menu-opener .qodef-line:before { background-color: inherit; content: ""; display: block; height: 2px; position: absolute; width: 13px; z-index: 1; -webkit-backface-visibility: hidden; /*because X sign jumps on hover in Chrome*/ } /* line 54, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener .qodef-line:before { top: -4px; } /* line 58, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener .qodef-line:after { top: 4px; } /* line 64, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener-inner { display: inline-block; height: 2px; position: relative; top: -1px; vertical-align: middle; width: 13px; } /* line 75, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener:hover .qodef-line { background-color: #253D4C; } /* line 83, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.opened .qodef-line { background-color: transparent !important; } /* line 87, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.opened .qodef-line:after { background-color: #000; top: 0 !important; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* line 93, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.opened .qodef-line:before { background-color: #000; top: 0 !important; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* line 103, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.opened:hover .qodef-line:after, .qodef-fullscreen-menu-opener.opened:hover .qodef-line:before { background-color: #253D4C; } /* line 112, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.medium .qodef-fullscreen-menu-opener-inner, .qodef-fullscreen-menu-opener.medium .qodef-line, .qodef-fullscreen-menu-opener.medium .qodef-line:after, .qodef-fullscreen-menu-opener.medium .qodef-line:before { height: 3px; width: 19px; } /* line 120, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.medium .qodef-fullscreen-menu-opener-inner { top: -2px; } /* line 124, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.medium .qodef-line:before { top: -6px; } /* line 128, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.medium .qodef-line:after { top: 6px; } /* line 136, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.large .qodef-fullscreen-menu-opener-inner, .qodef-fullscreen-menu-opener.large .qodef-line, .qodef-fullscreen-menu-opener.large .qodef-line:after, .qodef-fullscreen-menu-opener.large .qodef-line:before { height: 4px; width: 24px; } /* line 144, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.large .qodef-fullscreen-menu-opener-inner { top: -3px; } /* line 148, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.large .qodef-line:before { top: -8px; } /* line 152, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opener.large .qodef-line:after { top: 8px; } /* line 160, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opened .qodef-page-header, .qodef-fullscreen-menu-opened .qodef-top-bar { visibility: hidden; } /* line 165, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opened .qodef-fullscreen-menu-opener, .qodef-fullscreen-menu-opened .qodef-logo-wrapper { visibility: visible; } /* line 170, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opened .qodef-fullscreen-menu-holder-outer { visibility: visible !important; opacity: 1 !important; } /* line 177, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-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 */ } /* line 189, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-holder { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); display: table; background-repeat: repeat; background-position: 0px 0px; } /* line 198, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-holder-inner { display: table-cell; vertical-align: middle; padding: 100px 0px; } /* line 206, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .touch .qodef-fullscreen-menu-holder-outer { display: none; } /* line 210, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .touch .qodef-fullscreen-menu-opened .qodef-fullscreen-menu-holder-outer { display: block; } /* line 216, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu { margin: 0 auto; position: relative; top: 0; text-align: left; } /* line 222, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu ul { position: relative; list-style: none; padding: 0; margin: 0; } /* line 228, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu ul li { margin: 0; padding: 0; text-align: center; } /* line 234, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu ul li a { font-size: 40px; font-weight: 800; line-height: 47px; letter-spacing: 1px; color: #393939; padding: 0px; display: block; position: relative; text-decoration: none; cursor: pointer; text-transform: uppercase; -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } /* line 249, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu ul li a:hover { color: #253D4C; } /* line 253, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu ul li a span { display: inline-block; vertical-align: middle; } /* line 258, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu ul li ul li a { font-size: 18px; font-weight: 700; line-height: 21px; letter-spacing: 2px; color: #253D4C; } /* line 266, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu ul li ul li a:hover { color: #8d8d8d; } /* line 270, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu ul li ul li ul li a { font-size: 0.5em; line-height: 1em; } /* line 277, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu > ul { display: block; } /* line 281, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ nav.qodef-fullscreen-menu ul.sub_menu { display: none; } /* line 287, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-below-menu-widget-holder { text-align: center; margin-top: 20px; } /* line 292, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-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; } } /* line 368, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer, .qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer, .qodef-fade-text-scaledown .qodef-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; } /* line 384, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-fade-out .qodef-fullscreen-menu-holder-outer { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-animation: fade_out .25s linear both; animation: fade_out 0.25s linear both; } /* line 391, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opened.qodef-fullscreen-fade-in .qodef-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); } } /* line 470, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opened.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer nav > ul > li > a, .qodef-fullscreen-menu-opened.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder > div, .qodef-fullscreen-menu-opened.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer .qodef-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; animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; } /* line 478, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fade-push-text-right.qodef-push-nav-right .qodef-fullscreen-menu-holder-outer nav, .qodef-fade-push-text-right.qodef-push-nav-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder, .qodef-fade-push-text-right.qodef-push-nav-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.75s ease-out; transition: all 0.75s ease-out; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } /* 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); } } /* line 526, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opened.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer nav > ul > li > a, .qodef-fullscreen-menu-opened.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder > div, .qodef-fullscreen-menu-opened.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-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; animation: push_text_top 0.4s ease-out both 0.5s; } /* line 534, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fade-push-text-top.qodef-push-text-top .qodef-fullscreen-menu-holder-outer nav, .qodef-fade-push-text-top.qodef-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder, .qodef-fade-push-text-top.qodef-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 0.75s ease-out; transition: all 0.75s ease-out; } /* Fullscreen animation push text top - end ========================================================================== */ /* Fullscreen animation fade text scaledown - begin ========================================================================== */ /* line 549, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fullscreen-menu-opened.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer nav, .qodef-fullscreen-menu-opened.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder, .qodef-fullscreen-menu-opened.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder { backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s linear 0.1s; transition: all 0.25s linear 0.1s; } /* line 559, scss/modules/fullscreenmenu/_fullscreenmenu.scss */ .qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer nav, .qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder, .qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder { backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.25s linear 0.1s; transition: all 0.25s linear 0.1s; } /* Fullscreen animation fade text scaledown - end ========================================================================== */ /* ========================================================================== # Fullscreen menu style - end ========================================================================== */ /* ========================================================================== 22. Search style - begin ========================================================================== */ /* line 5, scss/modules/search/_search.scss */ .qodef-search-opener { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 26px; color: #727272; margin: 0 28px 0 25px; } /* line 10, scss/modules/search/_search.scss */ .qodef-search-opener .qodef-search-icon-text { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 14, scss/modules/search/_search.scss */ .qodef-search-opener .ion-ios-search-strong { position: relative; top: 3px; } /* line 20, scss/modules/search/_search.scss */ .qodef-search-opener:hover { color: #253D4C; } /* line 24, scss/modules/search/_search.scss */ .qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-search-opener, .qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-search-opener, .qodef-light-header .qodef-top-bar .qodef-search-opener { color: #ffffff !important; } /* line 30, scss/modules/search/_search.scss */ .qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-search-opener, .qodef-dark-header.qodef-header-style-on-scroll .qodef-page-header .qodef-search-opener, .qodef-dark-header .qodef-top-bar .qodef-search-opener { color: #000000 !important; } /* Search slides from window top - begin ========================================================================== */ /* line 40, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top .qodef-top-bar, .qodef-search-slides-from-window-top .qodef-page-header { top: 0; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 46, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top .qodef-mobile-header { -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 50, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top .content_inner { margin-top: 0; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 55, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top .mobile-header-appear .qodef-mobile-header-inner { padding-top: 0; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 64, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top.qodef-search-open .qodef-page-header, .qodef-search-slides-from-window-top.qodef-search-open .qodef-top-bar { top: 50px; } /* line 69, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top.qodef-search-open .qodef-search-slide-window-top { height: 50px; } /* line 73, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top.qodef-search-open .qodef-mobile-header { top: 50px !important; /* Mobile header has important top on max-width (1000px) */ } /* line 77, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top.qodef-search-open .mobile-header-appear .qodef-mobile-header-inner { padding-top: 50px; } /* line 81, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top.qodef-search-open .content_inner { margin-top: 50px; } /* line 85, scss/modules/search/_search.scss */ .qodef-search-slides-from-window-top.qodef-search-open .qodef-sticky-header.header-appear { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } /* line 91, scss/modules/search/_search.scss */ .qodef-fixed-wrapper.fixed .qodef-search-slide-window-top { position: static; } /* line 95, scss/modules/search/_search.scss */ .qodef-search-slide-window-top { background: none repeat scroll 0 0 #262626; color: #fff; margin: 0; overflow: hidden; width: 100%; height: 0; position: fixed; top: 0; left: 0; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 107, scss/modules/search/_search.scss */ .qodef-search-slide-window-top .form-inner { padding: 0 45px; } /* line 111, scss/modules/search/_search.scss */ .qodef-search-slide-window-top .qodef-container-inner { position: relative; } /* line 115, scss/modules/search/_search.scss */ .qodef-search-slide-window-top i { color: #959595; font-size: 13px; display: inline-block; float: left; line-height: 50px; } /* line 125, scss/modules/search/_search.scss */ .qodef-search-slide-window-top .qodef-container i { padding: 0; } /* line 129, scss/modules/search/_search.scss */ .qodef-search-slide-window-top .qodef-container input { width: 90%; padding: 0 0 0 10px; } /* line 134, scss/modules/search/_search.scss */ .qodef-search-slide-window-top .qodef-container .qodef-search-close { right: 0; } /* line 140, scss/modules/search/_search.scss */ .qodef-search-slide-window-top input, .qodef-search-slide-window-top input:focus { background-color: #262626; border: medium none; box-shadow: none; color: #959595; display: inline-block; font-size: 13px; line-height: 20px; height: 20px; margin: 15px 0; width: 90%; padding: 0 0 0 10px; font-family: inherit; outline: none; outline-offset: 0; -webkit-appearance: none; border-radius: 0; float: left; } /* line 161, scss/modules/search/_search.scss */ .qodef-search-slide-window-top input:focus { outline-offset: 0 !important; } @media only screen and (max-width: 1200px) { /* line 166, scss/modules/search/_search.scss */ .qodef-search-slide-window-top input { width: 80%; } } @media only screen and (max-width: 768px) { /* line 172, scss/modules/search/_search.scss */ .qodef-search-slide-window-top input { width: 70%; } } @media only screen and (max-width: 500px) { /* line 178, scss/modules/search/_search.scss */ .qodef-search-slide-window-top input { width: 65%; } } /* line 183, scss/modules/search/_search.scss */ .qodef-search-slide-window-top input[type="submit"] { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; visibility: hidden; } /* line 194, scss/modules/search/_search.scss */ .qodef-search-slide-window-top .qodef-search-close { color: #959595; font-size: 13px; position: absolute; line-height: 50px; height: 50px; top: 0; right: 45px; } /* line 206, scss/modules/search/_search.scss */ ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #959595; margin-top: 10px; } /* Search slides from window top - end ========================================================================== */ /* Search covers header - begin ========================================================================== */ /* line 221, scss/modules/search/_search.scss */ .qodef-search-cover { display: none; color: #fff; position: absolute; top: 0; left: 0; width: 100%; z-index: 115; background: #fff; } /* line 231, scss/modules/search/_search.scss */ .qodef-search-cover .qodef-form-holder-outer { display: table; width: 100%; height: 100%; } /* line 237, scss/modules/search/_search.scss */ .qodef-search-cover .qodef-form-holder { display: table-cell; vertical-align: middle; padding: 0 45px; position: relative; } /* line 244, scss/modules/search/_search.scss */ .qodef-search-cover .qodef-form-holder-inner { display: inline-block; vertical-align: middle; position: relative; width: 100%; } /* line 253, scss/modules/search/_search.scss */ .qodef-search-cover .qodef-container-inner .qodef-form-holder { padding: 0; } /* line 257, scss/modules/search/_search.scss */ .qodef-search-cover .qodef-container-inner .qodef-search-close { right: 0; } /* line 263, scss/modules/search/_search.scss */ .qodef-search-cover input, .qodef-search-cover input:focus { background-color: transparent; border: medium none; box-shadow: none; color: #c6c6c6; font-size: 17px; font-weight: 500; display: inline-block; width: 90%; padding: 0; font-family: 'Raleway', sans-serif; outline: none; outline-offset: 0px; -webkit-appearance: none; border-radius: 0; float: left; margin: 0; } /* line 283, scss/modules/search/_search.scss */ .qodef-search-cover input:focus { outline-offset: 0 !important; } /* line 287, scss/modules/search/_search.scss */ .qodef-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; } /* line 298, scss/modules/search/_search.scss */ .qodef-search-cover .qodef-search-close { font-size: 19px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); line-height: 1em; } /* line 313, scss/modules/search/_search.scss */ .qodef-search-cover .qodef-search-close a { color: #16171d; display: inline-block; } /* line 318, scss/modules/search/_search.scss */ .qodef-search-cover .qodef-search-close a:hover { color: #253D4C; } /* line 322, scss/modules/search/_search.scss */ .qodef-search-cover .qodef-search-close a i { vertical-align: top; } /* line 332, scss/modules/search/_search.scss */ .qodef-search-cover.disabled input, .qodef-search-cover.disabled input:focus { font-weight: normal; } /* line 339, scss/modules/search/_search.scss */ ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #959595; margin: 10px 0px 0px 0px; } /* line 348, scss/modules/search/_search.scss */ .qodef-header-overlapping .qodef-search-cover { margin: 0 30px; width: calc(100% - 60px); background-color: transparent; } /* line 354, scss/modules/search/_search.scss */ .qodef-header-overlapping .qodef-search-cover .qodef-form-holder-outer { background-color: #fff; } /* line 359, scss/modules/search/_search.scss */ .qodef-header-overlapping .qodef-search-cover .qodef-container { background-color: transparent; } /* line 362, scss/modules/search/_search.scss */ .qodef-header-overlapping .qodef-search-cover .qodef-container .qodef-form-holder { padding: 0 30px; } /* Fullscreen search general style - start ========================================================================== */ /* line 372, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 105; opacity: 0; } /* line 381, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder .qodef-search-label { font-size: 30px; line-height: 1em; color: #a1a1a1; vertical-align: bottom; } /* line 388, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder .qodef-field-holder { width: 30%; display: inline-block; vertical-align: bottom; position: relative; border-bottom: 1px solid #a1a1a1; } /* line 395, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder .qodef-field-holder .qodef-line { position: absolute; bottom: -1px; left: 0; height: 1px; width: 0; background-color: #696969; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } /* line 407, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder .qodef-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; } /* line 422, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder .qodef-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; transition: color 0.2s ease; } /* line 435, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder .qodef-search-submit:hover { color: #696969; } /* line 439, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder .qodef-search-close-holder { float: right; margin-right: 45px; } /* line 444, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder .qodef-fullscreen-search-close-container { position: absolute; left: 0; top: 0; width: 100%; } /* line 450, scss/modules/search/_search.scss */ .qodef-fullscreen-search-holder .qodef-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; } /* line 464, scss/modules/search/_search.scss */ .qodef-fullscreen-search-table { display: table; width: 100%; height: 100%; } /* line 470, scss/modules/search/_search.scss */ .qodef-fullscreen-search-cell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; } /* line 479, scss/modules/search/_search.scss */ .qodef-fullscreen-search-opened .qodef-form-holder .qodef-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; } /* Fullscreen search general style - end ========================================================================== */ /* Fullscreen search from circle style - start ========================================================================== */ /* line 501, scss/modules/search/_search.scss */ .qodef-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); -ms-transform: scale(0); transform: scale(0); background-color: rgba(255, 255, 255, 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); } /* line 525, scss/modules/search/_search.scss */ .qodef-fullscreen-search-overlay.qodef-animate { -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); opacity: 1; } /* line 530, scss/modules/search/_search.scss */ .qodef-search-from-circle .qodef-fullscreen-search-holder { -webkit-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 ========================================================================== */ /* line 544, scss/modules/search/_search.scss */ .qodef-search-fade .qodef-fullscreen-search-holder { visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; z-index: 111; box-sizing: border-box; } /* line 552, scss/modules/search/_search.scss */ .qodef-search-fade .qodef-fullscreen-search-holder .qodef-fullscreen-search-table { background-color: rgba(255, 255, 255, 0.98); } /* line 557, scss/modules/search/_search.scss */ .qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-search-holder { -webkit-animation: search_fade_out 0.25s linear both; animation: search_fade_out 0.25s linear both; } /* line 561, scss/modules/search/_search.scss */ .qodef-search-fade-in.qodef-search-fade .qodef-fullscreen-search-holder.qodef-animate { -webkit-animation: search_fade_in 0.25s linear both; animation: search_fade_in 0.25s linear both; } /* line 565, scss/modules/search/_search.scss */ .qodef-search-fade .qodef-fullscreen-search-holder.qodef-animate .qodef-fullscreen-search-close { opacity: 1; visibility: visible; } @-webkit-keyframes search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } /* Fullscreen search fade style - end ========================================================================== */ /*---------------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); } } /* line 643, scss/modules/search/_search.scss */ .qodef-search-fade.qodef-fullscreen-search-opened .qodef-fullscreen-search-holder .qodef-form-holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: search_push_text_top 0.4s ease-out both 0.25s; animation: search_push_text_top 0.4s ease-out both 0.25s; } /* line 649, scss/modules/search/_search.scss */ .qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-search-holder .qodef-search-label, .qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-search-holder .qodef-search-submit, .qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-search-holder .qodef-field-holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: transform 0.75s ease-out; transition: transform 0.75s ease-out; } /*----------------------FULLSCREEN SEARCH style end--------------------------*/ /* ========================================================================== 22. Search style - end ========================================================================== */ /* ========================================================================== # Portfolio Single Small Images - begin ========================================================================== */ /* line 6, scss/modules/portfolio/single/_small-images.scss */ .small-images .qodef-portfolio-media .qodef-portfolio-single-media { margin-bottom: 20px; } /* line 9, scss/modules/portfolio/single/_small-images.scss */ .small-images .qodef-portfolio-media .qodef-portfolio-single-media:last-child { margin-bottom: 0; } /* line 14, scss/modules/portfolio/single/_small-images.scss */ .small-images .qodef-portfolio-content { margin: 22px 0 27px 0; } /* line 19, scss/modules/portfolio/single/_small-images.scss */ .small-images .qodef-follow-portfolio-info { position: relative; } /* ========================================================================== # Portfolio Single Small Images - end ========================================================================== */ /* ========================================================================== # Portfolio Single Small Slider - begin ========================================================================== */ /* line 7, scss/modules/portfolio/single/_small-slider.scss */ .small-slider .qodef-portfolio-content { margin: 22px 0 27px 0; } /* line 11, scss/modules/portfolio/single/_small-slider.scss */ .small-slider .qodef-portfolio-info-item { margin: 0 0 22px 0; } /* ========================================================================== # Portfolio Single Small Slider - end ========================================================================== */ /* ========================================================================== # Portfolio Single Big Images - begin ========================================================================== */ /* line 7, scss/modules/portfolio/single/_big-images.scss */ .big-images .qodef-big-image-holder { margin-bottom: 44px; } /* line 11, scss/modules/portfolio/single/_big-images.scss */ .big-images .qodef-big-image-holder img, .big-images .qodef-big-image-holder a { display: block; } /* line 16, scss/modules/portfolio/single/_big-images.scss */ .big-images .qodef-portfolio-content, .big-images .qodef-portfolio-info-holder { margin: 22px 0 0 0; } /* line 21, scss/modules/portfolio/single/_big-images.scss */ .big-images .qodef-portfolio-media .qodef-portfolio-single-media { margin-bottom: 20px; } /* line 24, scss/modules/portfolio/single/_big-images.scss */ .big-images .qodef-portfolio-media .qodef-portfolio-single-media:last-child { margin-bottom: 0; } /* ========================================================================== # Portfolio Single Big Images - end ========================================================================== */ /* ========================================================================== # Portfolio Single Big Slider - begin ========================================================================== */ /* line 7, scss/modules/portfolio/single/_big-slider.scss */ .big-slider .qodef-big-image-holder { margin-bottom: 44px; } /* line 11, scss/modules/portfolio/single/_big-slider.scss */ .big-slider .qodef-big-image-holder img, .big-slider .qodef-big-image-holder a { display: block; } /* line 16, scss/modules/portfolio/single/_big-slider.scss */ .big-slider .qodef-portfolio-content, .big-slider .qodef-portfolio-info-holder { margin: 22px 0 0 0; } /* line 21, scss/modules/portfolio/single/_big-slider.scss */ .big-slider .qodef-portfolio-media .qodef-portfolio-single-media { margin-bottom: 20px; } /* line 24, scss/modules/portfolio/single/_big-slider.scss */ .big-slider .qodef-portfolio-media .qodef-portfolio-single-media:last-child { margin-bottom: 0; } /* ========================================================================== # Portfolio Single Big Slider - end ========================================================================== */ /* ========================================================================== # Portfolio Single Gallery - begin ========================================================================== */ /* line 7, scss/modules/portfolio/single/_gallery.scss */ .gallery .qodef-portfolio-gallery { margin: 0 0 20px 0; display: inline-block; vertical-align: middle; width: 100%; } /* line 14, scss/modules/portfolio/single/_gallery.scss */ .gallery .qodef-portfolio-content, .gallery .qodef-portfolio-info-holder { margin: 22px 0 0 0; } /* line 19, scss/modules/portfolio/single/_gallery.scss */ .gallery .qodef-portfolio-single-media a { position: relative; overflow: hidden; display: block; } /* line 24, scss/modules/portfolio/single/_gallery.scss */ .gallery .qodef-portfolio-single-media a .qodef-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; transition: opacity 0.3s ease-out; } /* line 36, scss/modules/portfolio/single/_gallery.scss */ .gallery .qodef-portfolio-single-media a .qodef-portfolio-gallery-text-holder-inner { position: relative; display: table; width: 100%; height: 100%; } /* line 43, scss/modules/portfolio/single/_gallery.scss */ .gallery .qodef-portfolio-single-media a .qodef-portfolio-gallery-text-holder-inner:after { content: "\f002"; font-family: FontAwesome, sans-serif; font-size: 30px; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; color: #fff; } /* line 55, scss/modules/portfolio/single/_gallery.scss */ .gallery .qodef-portfolio-single-media a .qodef-portfolio-gallery-text-holder-inner h4 { display: table-cell; vertical-align: middle; text-align: center; color: #fff; width: 100%; height: 100%; } /* line 64, scss/modules/portfolio/single/_gallery.scss */ .gallery .qodef-portfolio-single-media a img { display: block; } /* line 70, scss/modules/portfolio/single/_gallery.scss */ .gallery .qodef-portfolio-single-media a:hover .qodef-portfolio-gallery-text-holder { opacity: 1; } /* line 82, scss/modules/portfolio/single/_gallery.scss */ .gallery.qodef-portfolio-gallery-three-columns .qodef-portfolio-single-media { width: 32%; margin-right: 2%; margin-bottom: 2%; float: left; } /* line 88, scss/modules/portfolio/single/_gallery.scss */ .gallery.qodef-portfolio-gallery-three-columns .qodef-portfolio-single-media:nth-child(3n) { margin-right: 0; } /* line 97, scss/modules/portfolio/single/_gallery.scss */ .gallery.qodef-portfolio-gallery-two-columns .qodef-portfolio-single-media { width: 49%; margin-right: 2%; margin-bottom: 2%; float: left; } /* line 103, scss/modules/portfolio/single/_gallery.scss */ .gallery.qodef-portfolio-gallery-two-columns .qodef-portfolio-single-media:nth-child(2n) { margin-right: 0; } /* line 112, scss/modules/portfolio/single/_gallery.scss */ .gallery.qodef-portfolio-gallery-four-columns .qodef-portfolio-single-media { width: 24%; margin-right: 1.333333%; margin-bottom: 2%; float: left; } /* line 118, scss/modules/portfolio/single/_gallery.scss */ .gallery.qodef-portfolio-gallery-four-columns .qodef-portfolio-single-media:nth-child(4n) { margin-right: 0; } /* ========================================================================== # Portfolio Single Gallery - end ========================================================================== */ /* line 8, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-info-item { margin-bottom: 16px; } /* line 11, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-info-item:last-child { margin-bottom: 0; } /* line 17, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-info-holder h6 { color: #253D4C; position: relative; padding-left: 20px; margin-bottom: 3px; } /* line 24, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-info-holder h6:before { position: absolute; left: 0; top: 0; font-size: 13px; display: inline-block; font-family: 'Simple-Line-Icons'; content: ''; } /* line 34, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-info-holder .qodef-portfolio-date h6:before { content: "\e075"; } /* line 38, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-info-holder .qodef-portfolio-categories h6:before { content: "\e055"; } /* line 42, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-info-holder .qodef-portfolio-custom-field h6:before { content: "\e043"; } /* line 47, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav { height: 33px; line-height: 33px; text-align: center; position: relative; margin-top: 40px; margin-bottom: 40px; padding: 36px 0; border-top: 1px solid #ececec; } /* line 58, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav span { color: #b6b6b6; line-height: 33px; position: relative; top: -1px; font-size: 11px; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } /* line 68, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-back-btn { display: inline-block; } /* line 71, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-back-btn span { font-family: 'Simple-Line-Icons'; font-size: 20px; color: #d1d1d1; } /* line 76, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-back-btn span:hover { color: #253D4C; } /* line 82, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev span { left: -1px; } /* line 86, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next span { right: -1px; } /* line 91, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next, .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev, .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-back-btn { height: 33px; } /* line 97, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next, .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev { position: absolute; top: 36px; } /* line 103, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next a, .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev a { height: 33px; width: 33px; display: block; border: 1px solid #b4b4b4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: border-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out; } /* line 113, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next a:hover, .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev a:hover { border-color: #253D4C; } /* line 117, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next a:hover span, .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev a:hover span { color: #253D4C; } /* line 122, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev { left: 0; } /* line 126, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next { right: 0; } /* line 131, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-video-lightbox { position: relative; display: block; } /* line 135, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-video-lightbox img { vertical-align: middle; } /* line 140, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; } /* line 149, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-portfolio-overlay .qodef-portfolio-play-icon { position: absolute; font-size: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 159, scss/modules/portfolio/single/_general.scss */ .qodef-portfolio-single-holder .qodef-comment-holder { padding-top: 0; } /* ========================================================================== 23. Portfolio Styles start ========================================================================== */ /* line 9, scss/modules/portfolio/_portfolio.scss */ .qodef-portfolio-single-holder .qodef-portfolio-social { margin: 5px 0 0 0; display: inline-block; width: 100%; } /* line 14, scss/modules/portfolio/_portfolio.scss */ .qodef-portfolio-single-holder .qodef-portfolio-social .qodef-share { float: left; line-height: 29px; display: inline-block; vertical-align: middle; color: #16171d; font-size: 15px; font-weight: 600; margin: 0 13px 0 0; padding: 0 0 0 19px; position: relative; cursor: default; } /* line 28, scss/modules/portfolio/_portfolio.scss */ .qodef-portfolio-single-holder .qodef-portfolio-social .qodef-share:before { content: "\e05b"; font-family: 'simple-line-icons'; display: block; position: absolute; left: 0; top: -1px; font-size: 13px; } /* line 38, scss/modules/portfolio/_portfolio.scss */ .qodef-portfolio-single-holder .qodef-portfolio-social .qodef-social-share-holder { float: left; opacity: 0; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } /* line 43, scss/modules/portfolio/_portfolio.scss */ .qodef-portfolio-single-holder .qodef-portfolio-social .qodef-social-share-holder a { color: #b4b4b4; } /* line 49, scss/modules/portfolio/_portfolio.scss */ .qodef-portfolio-single-holder .qodef-portfolio-social:hover .qodef-social-share-holder { opacity: 1; } /* ========================================================================== Elements Holder start style ========================================================================== */ /* line 5, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder { width: 100%; display: table; table-layout: fixed; } /* line 12, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder.qodef-two-columns .qodef-elements-holder-item { width: 50%; } /* line 19, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder.qodef-two-columns .qodef-elements-holder-item { width: 50%; } /* line 26, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder.qodef-three-columns .qodef-elements-holder-item { width: 33%; } /* line 33, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder.qodef-four-columns .qodef-elements-holder-item { width: 25%; } /* line 40, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder.qodef-five-columns .qodef-elements-holder-item { width: 20%; } /* line 47, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder.qodef-six-columns .qodef-elements-holder-item { width: 16%; } /* line 52, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-elements-holder-item { display: table-cell; vertical-align: middle; height: 100%; background-size: cover; } /* line 60, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-elements-holder-item.qodef-vertical-alignment-top { vertical-align: top; } /* line 64, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-elements-holder-item.qodef-vertical-alignment-bottom { vertical-align: bottom; } /* line 68, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-elements-holder-item.qodef-horizontal-alignment-left { text-align: left; } /* line 72, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-elements-holder-item.qodef-horizontal-alignment-center { text-align: center; } /* line 76, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-elements-holder-item.qodef-horizontal-alignment-right { text-align: right; } /* line 80, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-elements-holder-item .qodef-elements-holder-item-inner { width: 100%; } /* line 85, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-zoom-image { background-size: inherit; background-position: 100% top; background-repeat: no-repeat; -webkit-transition: background-position 0.7s ease-out; transition: background-position 0.7s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; } /* line 97, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-zoom-image:hover { background-position: 105% -5%; } /* line 108, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder.qodef-elements-items-float.qodef-three-columns .qodef-elements-holder-item { width: 33.33333333333333%; } /* line 115, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder.qodef-elements-items-float.qodef-six-columns .qodef-elements-holder-item { width: 16.66666666666667%; } /* line 120, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder.qodef-elements-items-float .qodef-elements-holder-item { float: left; } /* line 125, scss/modules/shortcodes/_elements-holder.scss */ .qodef-elements-holder .qodef-elements-holder-item-content { padding: 0 20px; } /* ========================================================================== End of Elements Holder style ========================================================================== */ /* ========================================================================== # Team style - begin ========================================================================== */ /* Team type main info on hover - begin ========================================================================== */ /* line 10, scss/modules/shortcodes/_team.scss */ .qodef-team:not(.main-info-below-image) { overflow: hidden; } /* line 14, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-inner { overflow: hidden; width: 100%; } /* line 19, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-image { position: relative; overflow: hidden; } /* line 23, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-image img { width: 100%; vertical-align: middle; } /* line 31, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-name, .qodef-team .qodef-team-position { color: #fff; } /* line 36, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-description { display: table; width: 100%; height: 100%; text-align: center; } /* line 43, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-text { padding: 20px 0 20px; } /* line 47, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-social-wrapp { margin: 15px 0 0 0; } /* line 51, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-social { display: table; width: 100%; height: 100%; } /* line 56, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-social .qode_icon_ion_icon:before, .qodef-team .qodef-team-social .qode_icon_linea_icon:before { line-height: inherit; } /* line 63, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-social-inner { display: table-cell; vertical-align: middle; text-align: center; position: relative; } /* line 70, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-social-holder { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); display: table-cell; vertical-align: middle; background-color: #253D4C; -webkit-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); -ms-transform: translateZ(0px); transform: translateZ(0px); } /* line 84, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-social-holder .social_icon { font-size: inherit; line-height: inherit; } /* line 89, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-social-holder .social_icon { display: block; } /* line 93, scss/modules/shortcodes/_team.scss */ .qodef-team .qodef-team-social-holder .social_icon:before { display: block; } /* line 103, scss/modules/shortcodes/_team.scss */ .qodef-team:hover .qodef-team-social-holder { opacity: 1; filter: alpha(opacity=100); } /* line 110, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-on-hover .qodef-icon-shortcode { border-color: #fff; } /* line 113, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-on-hover .qodef-icon-shortcode i { color: #fff; } /* line 119, scss/modules/shortcodes/_team.scss */ .touch .qodef-team .qodef-team-social-holder { cursor: pointer; } /* Team type main info on hover - end ========================================================================== */ /* Team type main info below image - begin ========================================================================== */ /* line 129, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image { -webkit-transform: translateZ(0); } /* line 132, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-team-inner { overflow: visible; } /* line 136, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-team-info { text-align: center; } /* line 140, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-team-info .qodef-team-name { color: #222222; margin-bottom: 15px; } /* line 147, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-team-image { overflow: visible; margin: 0 30px 32px 30px; position: relative; } /* line 157, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .q_team_position { position: absolute; top: 50%; left: 0; text-align: center; width: 100%; color: #fff; transform: translateY(-50%); opacity: 0; -webkit-transition: opacity 0.1s ease-out 0s; transition: opacity 0.1s ease-out 0s; } /* line 169, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-team-position-icon { position: absolute; top: 0px; right: 0; -webkit-transition: opacity 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s; transition: opacity 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s; } /* line 176, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-circle-animate { position: absolute; top: 0; right: 0; width: 55px; height: 55px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #253D4C; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* line 188, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-icon-shortcode { width: 55px; height: 55px; line-height: 55px; text-align: center; display: inline-block; font-size: 18px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #fff; border: none; background-color: transparent; } /* line 200, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-icon-shortcode .qodef-icon-element { color: #fff; } /* line 205, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-team-image img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /* line 210, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-team-info { margin-top: 20px; } /* line 214, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-team-info { margin-top: 0; } /* line 218, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image .qodef-team-text { padding: 0; } /* line 224, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image:hover .qodef-circle-animate { -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); width: 100%; height: 100%; right: 0; top: 0; } /* line 232, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image:hover .q_team_position { opacity: 1; -webkit-transition: opacity 0.15s ease-out 0.1s; transition: opacity 0.15s ease-out 0.1s; } /* line 237, scss/modules/shortcodes/_team.scss */ .qodef-team.main-info-below-image:hover .qodef-team-position-icon { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; } /* Team type main info below image - end ========================================================================== */ /* ========================================================================== # Team style - end ========================================================================== */ /* ========================================================================== # Call to action style - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action { position: relative; display: block; box-sizing: border-box; background-color: transparent; } /* line 11, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-call-to-action-row-75-25, .qodef-call-to-action .qodef-call-to-action-row-50-50, .qodef-call-to-action .qodef-call-to-action-row-66-33 { display: table; box-sizing: border-box; width: 100%; } /* line 20, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-call-to-action-row-75-25 .qodef-call-to-action-column1 { width: 75%; } /* line 24, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-call-to-action-row-75-25 .qodef-call-to-action-column2 { width: 25%; } /* line 28, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-call-to-action-row-50-50 .qodef-call-to-action-column1, .qodef-call-to-action .qodef-call-to-action-row-50-50 .qodef-call-to-action-column2 { width: 50%; } /* line 33, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-call-to-action-row-66-33 .qodef-call-to-action-column1 { width: 66%; } /* line 37, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-call-to-action-row-66-33 .qodef-call-to-action-column2 { width: 34%; } /* line 41, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-call-to-action-column2 { text-align: right; } /* line 45, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-call-to-action-cell { display: table-cell; vertical-align: middle; } /* line 50, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-text-wrapper .qodef-call-to-action-icon-holder { position: absolute; height: 100%; top: 0; } /* line 56, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-text-wrapper .qodef-call-to-action-icon { display: table; height: 100%; } /* line 60, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-text-wrapper .qodef-call-to-action-icon .qodef-call-to-action-icon-inner { display: table-cell; height: 100%; vertical-align: middle; } /* line 65, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action .qodef-text-wrapper .qodef-call-to-action-icon .qodef-call-to-action-icon-inner .qodef-call-to-action-icon { color: #8b8b8b; font-size: 40px; display: inline; } /* line 78, scss/modules/shortcodes/_calltoaction.scss */ .qodef-call-to-action.with-icon .qodef-text-wrapper .qodef-call-to-action-text { padding: 0 20px 0 70px; } /* ========================================================================== # Call to action style - end ========================================================================== */ /* ========================================================================== # Counter style - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder { display: block; opacity: 0; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; padding: 20px 0; } /* line 11, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder .qodef-counter-content-top { display: block; font-size: 72px; line-height: 1em; height: 1em; color: #fff; } /* line 18, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder .qodef-counter-content-top .qodef-counter { font-size: inherit; line-height: inherit; font-weight: 600; color: inherit; overflow: hidden; display: inline-block !important; } /* line 27, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder .qodef-counter-content-top .qodef-counter-icon { font-size: 44px; color: inherit; display: inline-block; vertical-align: top; line-height: inherit; } /* line 35, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder .qodef-counter-content-top .qodef-counter-icon i, .qodef-counter-holder .qodef-counter-content-top .qodef-counter-icon span { vertical-align: middle; display: inline-block; } /* line 43, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder .qodef-counter-title { margin-top: 5px; color: #253D4C; font-weight: 600; letter-spacing: 0; } /* line 50, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder .qodef-counter-text { margin: 5px 0 0 0; color: #fff; } /* line 57, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder-show { opacity: 1; } /* line 61, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder.left { text-align: left; } /* line 65, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder.right { text-align: right; } /* line 69, scss/modules/shortcodes/_counter.scss */ .qodef-counter-holder.center { text-align: center; } /* ========================================================================== # Counter style - end ========================================================================== */ /* line 1, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode { display: inline-block; } /* line 6, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle, .qodef-icon-shortcode.square { background-color: #253D4C; 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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } /* line 19, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle a, .qodef-icon-shortcode.square a { display: inline-block; width: 100%; height: 100%; } /* line 25, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle .qodef-icon-element, .qodef-icon-shortcode.square .qodef-icon-element { color: #fff; line-height: inherit; } /* line 31, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /* line 35, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.square { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* line 39, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.square:first-of-type { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* line 43, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.square:last-of-type { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* line 47, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked { position: relative; } /* line 51, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked:before, .qodef-icon-shortcode.circle.checked:after { display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #253D4C; position: absolute; color: #fff; } /* line 61, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked:before { width: 44px; height: 44px; bottom: 0px; font-size: 16px; line-height: 44px; right: -12%; z-index: 9; content: "\e080"; font-family: 'simple-line-icons'; webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s; transition: opacity 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s; } /* line 75, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked:after { bottom: 0px; right: -12%; z-index: 8; content: ''; width: 44px; height: 44px; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* line 87, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked:hover:after { -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); width: 100%; height: 100%; right: 0; } /* line 96, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked:hover:before { opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; } /* line 102, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked i.qodef-icon-element { display: inline; } /* line 106, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked i.qodef-icon-element:after, .qodef-icon-shortcode.circle.checked span.qodef-icon-font-elegant.qodef-icon-element:after { content: "\e080"; color: #fff; font-family: 'simple-line-icons'; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 11; -webkit-transition: opacity 0.1s ease-out 0s; transition: opacity 0.1s ease-out 0s; } /* line 123, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked:hover i.qodef-icon-element:after, .qodef-icon-shortcode.circle.checked:hover span.qodef-icon-font-elegant.qodef-icon-element:after { opacity: 1; -webkit-transition: opacity 0.2s ease-out 0.1s; transition: opacity 0.2s ease-out 0.1s; } /* line 131, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked.qodef-icon-huge:before { right: -5%; } /* line 135, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked.qodef-icon-huge:after { right: -5%; } /* line 139, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode.circle.checked.qodef-icon-huge:hover:after { right: 0; } /* line 143, scss/modules/shortcodes/_icon.scss */ .qodef-icon-shortcode .qodef-icon-element { -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } /* line 148, scss/modules/shortcodes/_icon.scss */ .qodef-icon-animation-holder { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.27); transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.27); display: inline-block; } /* line 153, scss/modules/shortcodes/_icon.scss */ .qodef-icon-animation-holder.qodef-icon-animation-show { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* line 158, scss/modules/shortcodes/_icon.scss */ .qodef-icon-tiny { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } /* line 164, scss/modules/shortcodes/_icon.scss */ .qodef-icon-small { font-size: 2em; } /* line 168, scss/modules/shortcodes/_icon.scss */ .qodef-icon-medium { font-size: 3em; } /* line 172, scss/modules/shortcodes/_icon.scss */ .qodef-icon-large { font-size: 4em; } /* line 176, scss/modules/shortcodes/_icon.scss */ .qodef-icon-huge { font-size: 5em; } /* ========================================================================== # Countdown style - begin ========================================================================== */ /* jQuery Countdown styles 2.0.0. */ /* line 5, scss/modules/shortcodes/_countdown.scss */ .countdown-rtl { direction: rtl; } /* line 9, scss/modules/shortcodes/_countdown.scss */ .countdown-row { clear: both; width: 100%; padding: 0 2px; text-align: center; } /* line 15, scss/modules/shortcodes/_countdown.scss */ .countdown-show1 .countdown-section { width: 98%; } /* line 18, scss/modules/shortcodes/_countdown.scss */ .countdown-show2 .countdown-section { width: 48%; } /* line 21, scss/modules/shortcodes/_countdown.scss */ .countdown-show3 .countdown-section { width: 32.5%; } /* line 24, scss/modules/shortcodes/_countdown.scss */ .countdown-show4 .countdown-section { width: 24.5%; } /* line 27, scss/modules/shortcodes/_countdown.scss */ .countdown-show5 .countdown-section { width: 19.5%; } /* line 30, scss/modules/shortcodes/_countdown.scss */ .countdown-show6 .countdown-section { width: 16.25%; } /* line 33, scss/modules/shortcodes/_countdown.scss */ .countdown-show7 .countdown-section { width: 14%; } /* line 37, scss/modules/shortcodes/_countdown.scss */ .qodef-countdown { font-weight: 700; } /* line 41, scss/modules/shortcodes/_countdown.scss */ .countdown-section { display: inline-block; vertical-align: middle; text-align: center; font-weight: inherit; } /* line 47, scss/modules/shortcodes/_countdown.scss */ .countdown-section:last-child .countdown-amount { border-right: 0; } /* line 52, scss/modules/shortcodes/_countdown.scss */ .countdown-amount { display: block; position: relative; font-family: Raleway, sans-serif; font-size: 82px; line-height: 84px; margin-bottom: 40px; letter-spacing: 0; color: #212121; font-weight: 400; border-right: 1px solid transparent; } /* line 65, scss/modules/shortcodes/_countdown.scss */ .countdown-period { display: block; font-family: Raleway, sans-serif; font-size: 13px; line-height: 0; letter-spacing: 1px; text-transform: uppercase; color: #253D4C; font-weight: 800; } /* line 75, scss/modules/shortcodes/_countdown.scss */ .countdown-descr { display: block; width: 100%; } /* ========================================================================== # Countdown style - end ========================================================================== */ /* ========================================================================== # Message style - begin ========================================================================== */ /* Unique style for both types - begin ========================================================================== */ /* line 6, scss/modules/shortcodes/_message.scss */ .qodef-message { position: relative; padding: 24px 27px; margin: 0; background-color: #ccc; border: 0 solid #d7d7d7; } @media only screen and (max-width: 480px) { /* line 6, scss/modules/shortcodes/_message.scss */ .qodef-message { padding: 20px 22px; } } /* line 15, scss/modules/shortcodes/_message.scss */ .qodef-message .qodef-message-inner { position: relative; padding-right: 20px; } /* line 19, scss/modules/shortcodes/_message.scss */ .qodef-message .qodef-message-inner .qodef-message-text { display: table; height: 100%; } @media screen and (max-width: 320px) { /* line 19, scss/modules/shortcodes/_message.scss */ .qodef-message .qodef-message-inner .qodef-message-text { line-height: normal !important; } } /* line 25, scss/modules/shortcodes/_message.scss */ .qodef-message .qodef-message-inner .qodef-message-text .qodef-message-text-inner { display: table-cell; height: 100%; vertical-align: middle; color: #fff; font-size: 18px; font-weight: 400; color: #fff; font-size: 14px; font-style: normal; font-weight: 400; } /* line 39, scss/modules/shortcodes/_message.scss */ .qodef-message .qodef-message-inner a.qodef-close { position: absolute; right: 6px; top: 2px; line-height: 13px; font-size: 18px; } /* line 46, scss/modules/shortcodes/_message.scss */ .qodef-message .qodef-message-inner a.qodef-close i { width: 14px; height: 14px; color: #fff; font-weight: 700; display: inline-block; } /* line 53, scss/modules/shortcodes/_message.scss */ .qodef-message .qodef-message-inner a.qodef-close i:hover { color: #253D4C; } /* Unique style for both types - end ========================================================================== */ /* Type with icon - begin ========================================================================== */ /* line 66, scss/modules/shortcodes/_message.scss */ .qodef-message.qodef-with-icon .qodef-message-icon-holder { float: right; padding: 0 20px 0 34px; } @media only screen and (max-width: 600px) { /* line 66, scss/modules/shortcodes/_message.scss */ .qodef-message.qodef-with-icon .qodef-message-icon-holder { padding: 20px 22px; } } /* line 72, scss/modules/shortcodes/_message.scss */ .qodef-message.qodef-with-icon .qodef-message-icon-holder .qodef-message-icon { display: table; height: 100%; } /* line 76, scss/modules/shortcodes/_message.scss */ .qodef-message.qodef-with-icon .qodef-message-icon-holder .qodef-message-icon .qodef-message-icon-inner { display: table-cell; height: 100%; vertical-align: middle; color: #fff; font-size: 18px; font-weight: 400; } /* line 83, scss/modules/shortcodes/_message.scss */ .qodef-message.qodef-with-icon .qodef-message-icon-holder .qodef-message-icon .qodef-message-icon-inner > i, .qodef-message.qodef-with-icon .qodef-message-icon-holder .qodef-message-icon .qodef-message-icon-inner > span { color: #fff; line-height: 1em; padding: 8px; } /* Type with icon - end ========================================================================== /* ========================================================================== # Message style - end ========================================================================== */ /* ========================================================================== # Ordered List Style - begin ========================================================================== */ /* line 4, scss/modules/shortcodes/_ordered-list.scss */ .qodef-ordered-list ol { counter-reset: li; display: block; list-style-type: none; background-position: left center; background-repeat: no-repeat; margin: 0 0 30px; } /* line 11, scss/modules/shortcodes/_ordered-list.scss */ .qodef-ordered-list ol li { margin: 0px 0px 21px; font-family: inherit; font-size: 17px; font-weight: 400; } /* line 17, scss/modules/shortcodes/_ordered-list.scss */ .qodef-ordered-list ol > li:before { color: #253D4C; content: counter(li,decimal-leading-zero); counter-increment: li; padding-right: 16px; } /* line 24, scss/modules/shortcodes/_ordered-list.scss */ .qodef-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 Style - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_unordered-list.scss */ .qodef-unordered-list ul { display: block; margin: 0; padding: 0; } /* line 10, scss/modules/shortcodes/_unordered-list.scss */ .qodef-unordered-list ul > li { position: relative; font-family: inherit; font-size: 14px; } /* line 16, scss/modules/shortcodes/_unordered-list.scss */ .qodef-unordered-list.qodef-line ul { list-style-type: none; } /* line 19, scss/modules/shortcodes/_unordered-list.scss */ .qodef-unordered-list.qodef-line ul > li { padding-left: 9px; } /* line 22, scss/modules/shortcodes/_unordered-list.scss */ .qodef-unordered-list.qodef-line ul > li:before { height: 20px; width: auto; line-height: 20px; display: inline-block; position: absolute; left: 0; top: 1px; padding: 0; color: #959595; text-align: center; content: '-'; } /* line 39, scss/modules/shortcodes/_unordered-list.scss */ .qodef-unordered-list.qodef-animate-list ul li { opacity: 0; top: -40px; } /* line 44, scss/modules/shortcodes/_unordered-list.scss */ .touch .no_animation_on_touch .qodef-unordered-list.qodef-animate-list ul li { opacity: 1; top: 0; } /* ========================================================================== # Unordered List Style - end ========================================================================== */ /* ========================================================================== # Icon List Item style - begin ========================================================================== */ /* line 4, scss/modules/shortcodes/_icon-list-item.scss */ .qodef-icon-list-item { display: table; table-layout: fixed; height: 32px; width: 100%; position: relative; } /* line 11, scss/modules/shortcodes/_icon-list-item.scss */ .qodef-icon-list-item .qodef-icon-list-icon-holder { display: table-cell; vertical-align: middle; width: 28px; } /* line 16, scss/modules/shortcodes/_icon-list-item.scss */ .qodef-icon-list-item .qodef-icon-list-icon-holder-inner i, .qodef-icon-list-item .qodef-icon-list-icon-holder-inner .font_elegant { display: block; color: #253D4C; font-size: 14px; text-align: center; } /* line 23, scss/modules/shortcodes/_icon-list-item.scss */ .qodef-icon-list-item .qodef-icon-list-text { display: table-cell; vertical-align: middle; position: relative; } /* ========================================================================== # Icon List Item style - end ========================================================================== */ /* ========================================================================== Progress bar shortcode start styles ========================================================================== */ /* line 5, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar { position: relative; margin: 0 0 10px; width: 100%; overflow: hidden; text-align: left; padding-right: 24px; } /* line 13, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-title-holder { position: relative; margin: 8px 0; } /* line 17, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-title-holder .qodef-progress-title { display: inline-block; z-index: 100; } /* line 22, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper { text-align: right; position: absolute; left: 0; z-index: 10; opacity: 0; color: #fff; bottom: 0; } /* line 31, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper .qodef-progress-number { font-size: 11px; font-weight: 700; color: #fff; display: inline-block; text-align: center; float: right; height: 26px; line-height: 26px; padding-left: 7px; padding-right: 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* line 44, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper .qodef-progress-number .qodef-percent:after { content: '%'; margin-left: 0.1em; font-size: 1em; } /* line 51, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating { width: 100%; height: 100%; } /* line 55, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating .qodef-progress-number { position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 2px; } /* line 60, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating .qodef-down-arrow { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #161719; display: block; position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* line 74, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating-outside .qodef-progress-number { background-color: #161719; } /* line 78, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating-inside .qodef-progress-number { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); height: 16px; line-height: 16px; } /* line 83, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating-inside .qodef-progress-number .qodef-percent { display: inline-block; } /* line 87, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper.qodef-static { width: 100%; margin-left: 0; } /* line 90, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-number-wrapper.qodef-static .qodef-progress-number { color: #279eff; font-size: 14px; } /* line 96, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-content-outer { background-color: #f6f6f5; position: relative; overflow: hidden; height: 21px; } /* line 102, scss/modules/shortcodes/_progress-bar.scss */ .qodef-progress-bar .qodef-progress-content-outer .qodef-progress-content { max-width: 100%; overflow: hidden; background-color: #253D4C; height: 21px; border: 1px solid transparent; box-sizing: border-box; } /* ========================================================================== Progress bar shortcode end styles ========================================================================== */ /* ========================================================================== # Testimonial style - begin ========================================================================== */ /* line 6, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel { /* Testimonials image styles */ } /* line 10, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .owl-item.active .qodef-testimonial-content { opacity: 1; } /* line 16, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-content { display: inline-block; width: 32.4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0 0.7%; opacity: 0; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } /* line 26, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-content:nth-child(1) { transition-delay: 0.1s; } /* line 30, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-content:nth-child(2) { transition-delay: 0.25s; } /* line 34, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-content:nth-child(3) { transition-delay: 0.4s; } /* line 38, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-content:first-child { margin-left: 0; } /* line 42, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-content:last-child { margin-right: 0; } /* line 46, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-text-holder { position: relative; display: block; } /* line 50, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-text-holder .qodef-testimonial-text-inner { display: block; text-align: left; padding: 23px 35px 40px; background-color: rgba(255, 255, 255, 0.35); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* line 58, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-text-holder .qodef-testimonial-text-inner:after { content: ""; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid rgba(255, 255, 255, 0.35); position: absolute; top: 100%; left: 44px; } /* line 71, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-text { font-size: 14px; line-height: 1.71em; font-weight: 500; color: #fff; } /* line 78, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-title { font-size: 19px; line-height: 1.6em; font-weight: 600; color: #fff; margin-bottom: 10px; } /* line 86, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-info-holder { display: table; table-layout: fixed; width: 100%; margin: 40px 0 0 35px; } /* line 95, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-image-holder { text-align: center; display: table-cell; height: 100%; vertical-align: middle; line-height: 0; width: 56px; } /* line 103, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-image-holder img { max-width: 56px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* line 111, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-author { display: table-cell; height: 100%; vertical-align: middle; } /* line 117, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-author-text { font-size: 16px; line-height: 19px; font-weight: 700; margin-left: 20px; color: #fff; } /* line 124, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-author-text span { display: block; } /* line 128, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel .qodef-testimonial-author-text .qodef-testimonials-job { font-weight: 500; } /* line 135, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.filled .qodef-testimonial-text-holder .qodef-testimonial-text-inner { background-color: #253D4C; } /* line 139, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.filled .qodef-testimonial-text-holder .qodef-testimonial-text-inner:after { border-top: 12px solid #253D4C; } /* line 144, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.filled .qodef-testimonial-author-text { color: #797979; } /* line 150, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.filled ~ .owl-buttons .qodef-prev-icon, .qodef-testimonials.cards_carousel.filled ~ .owl-buttons .qodef-next-icon { background-color: rgba(33, 33, 33, 0.35); } /* line 155, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.filled ~ .owl-buttons .qodef-prev-icon:hover, .qodef-testimonials.cards_carousel.filled ~ .owl-buttons .qodef-next-icon:hover { background-color: rgba(33, 33, 33, 0.35); } /* line 163, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.dark .qodef-testimonial-text-holder .qodef-testimonial-text-inner { background-color: #fff; } /* line 166, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.dark .qodef-testimonial-text-holder .qodef-testimonial-text-inner:after { border-top: 12px solid #fff; } /* line 170, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.dark .qodef-testimonial-title { color: #242424; } /* line 173, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.dark .qodef-testimonial-text { color: #7c7c7c; } /* line 176, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.dark .qodef-testimonial-author-text { color: #7c7c7c; } /* line 179, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.cards_carousel.dark .qodef-testimonials-job { color: #253D4C; } /* line 186, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.standard_carousel .qodef-testimonial-content-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } /* line 189, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.standard_carousel .qodef-testimonial-image-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; width: 30%; text-align: left; line-height: 0; } /* line 195, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.standard_carousel .qodef-testimonial-text-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; width: 70%; text-align: left; padding-left: 40px; } /* line 202, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.standard_carousel .qodef-testimonial-author { margin-bottom: 10px; } /* line 206, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.standard_carousel .qodef-testimonial-title { font-size: 18px; margin-bottom: 20px; } /* line 211, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.standard_carousel .owl-controls { position: absolute; left: 30%; bottom: 30px; padding-left: 40px; } /* line 216, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials.standard_carousel .owl-controls .owl-pagination { text-align: left; } /* line 225, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-buttons { width: 100%; } /* line 229, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-buttons .owl-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; cursor: pointer; } /* line 237, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-buttons .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; cursor: pointer; } /* line 245, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-buttons .qodef-prev-icon, .qodef-testimonials-holder .owl-buttons .qodef-next-icon { display: inline-block; width: 66px; height: 66px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; background-color: rgba(255, 255, 255, 0.35); text-align: center; } /* line 255, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-buttons .qodef-prev-icon i, .qodef-testimonials-holder .owl-buttons .qodef-next-icon i { font-size: 20px; line-height: 66px; color: #fff; } /* line 263, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-buttons .qodef-prev-icon { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* line 267, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-buttons .qodef-next-icon { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* line 271, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-buttons .qodef-prev-icon:hover, .qodef-testimonials-holder .owl-buttons .qodef-next-icon:hover { background-color: rgba(255, 255, 255, 0.4); } /* line 278, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-pagination { text-align: center; } /* line 281, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-pagination .owl-page { display: inline-block; } /* line 285, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-pagination .owl-page span { display: inline-block; width: 11px; height: 11px; margin: 0 5px; background-color: #d2d3d5; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: background-color 0.2s ease-out, transform 0.2s ease-out; transition: background-color 0.2s ease-out, transform 0.2s ease-out; } /* line 295, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-pagination .owl-page span:before { position: absolute; content: ''; left: -5px; top: -5px; border-radius: 20px; border: 2px solid transparent; background-color: transparent; width: 11px; height: 11px; padding: 3px; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; } /* line 310, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-pagination .owl-page.active span { background-color: #253D4C; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* line 313, scss/modules/shortcodes/_testimonials.scss */ .qodef-testimonials-holder .owl-pagination .owl-page.active span:before { border-color: #253D4C; } /* ========================================================================== # Testimonial style - end ========================================================================== */ /* ========================================================================== # Pricing table style - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-pricing-tables.qodef-two-columns .qodef-price-table { width: 50%; } /* line 9, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-pricing-tables.qodef-three-columns .qodef-price-table { width: 33.33%; } /* line 13, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-pricing-tables.qodef-four-columns .qodef-price-table { width: 25%; } /* line 16, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table { position: relative; width: 100%; padding: 0; float: left; margin-left: -1px; } /* line 23, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table:first-child { margin-left: 0; } /* line 28, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner { position: relative; background-color: #fff; } /* line 32, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul { list-style: none outside none; margin: 0; } /* line 37, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li { text-align: center; margin: 0; padding: 14px; } /* line 43, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li.qodef-table-title { padding: 28px 20px; position: relative; background-color: #ACD648; border: 1px solid #e9e9e9; border-bottom: 0; } /* line 51, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li.qodef-table-title .qodef-title-content { display: block; color: #fff; font-size: 24px; line-height: 36px; font-weight: 700; } /* line 59, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner .qodef-table-body { border: 1px solid #e9e9e9; padding: 0; } /* line 64, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner .qodef-table-body ul { padding: 0; } /* line 68, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner .qodef-table-body ul li { background-color: #fff; } /* line 72, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner .qodef-table-body .qodef-table-content ul li:nth-child(2n+1) { background-color: #f8f8f8; } /* line 76, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li.qodef-table-content, .qodef-price-table .qodef-price-table-inner ul li.qodef-table-content ul { padding: 0; } /* line 81, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices { padding: 20px 5px; } /* line 84, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-price-in-table { text-align: center; } /* line 88, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-value, .qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-price { font-size: 42px; line-height: 42px; vertical-align: middle; color: #222222; font-weight: 600; } /* line 97, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-value { font-size: 24px; } /* line 101, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-mark { display: block; position: relative; font-size: 14px; line-height: 20px; font-weight: 600; color: #989898; text-transform: capitalize; } /* line 112, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table .qodef-price-table-inner ul li.qodef-price-button { padding: 28px 20px; } /* line 117, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table.qodef-active { -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); } /* line 121, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table.qodef-active > ul { margin: -38px 0 0; padding: 38px 0 0; background-position: 0 38px; } /* line 129, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table.qodef-active .qodef-price-table-inner ul li.qodef-table-title { background-color: #253D4C; } /* line 133, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table.qodef-active .qodef-price-table-inner ul li.qodef-price-button { padding: 53px 20px; } /* line 139, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table.qodef-active .qodef-active-text { position: absolute; right: 25px; top: -45px; z-index: 20; } /* line 145, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table.qodef-active .qodef-active-text .qodef-active-text-inner { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); rotation: 90deg; -ms-rotation: 90deg; padding: 17px 11px 11px 8px; box-sizing: border-box; font-size: 13px; font-family: Raleway, sans-serif; font-weight: 700; color: #fff; text-align: center; line-height: 17px; text-transform: uppercase; } /* line 161, scss/modules/shortcodes/_pricing-tables.scss */ .qodef-price-table.qodef-active .qodef-active-text span { display: block; width: 70px; height: 70px; background: #16171D; -webkit-transform: rotate(11.25deg); -ms-transform: rotate(11.25deg); transform: rotate(11.25deg); rotation: 12.5deg; -ms-rotation: 12.5deg; } /* ========================================================================== # Pricing table style - end ========================================================================== */ /* ========================================================================== # Pie Chart Basic - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_piechartbasic.scss */ .qodef-pie-chart-holder { position: relative; display: block; } /* line 9, scss/modules/shortcodes/_piechartbasic.scss */ .qodef-pie-chart-holder .qodef-percentage { position: relative; display: block; height: 145px; width: 145px; line-height: 145px; text-align: center; margin: 0 auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* line 21, scss/modules/shortcodes/_piechartbasic.scss */ .qodef-pie-chart-holder .qodef-percentage .qodef-pie-title { line-height: inherit; } /* line 27, scss/modules/shortcodes/_piechartbasic.scss */ .qodef-pie-chart-holder .qodef-percentage canvas { position: absolute; top: 0; left: 0; } /* line 33, scss/modules/shortcodes/_piechartbasic.scss */ .qodef-pie-chart-holder .qodef-to-counter { position: relative; font-weight: 600; font-size: 34px; color: #222222; } /* line 40, scss/modules/shortcodes/_piechartbasic.scss */ .qodef-pie-chart-holder .qodef-to-counter:after { content: '%'; line-height: 34px; } /* line 45, scss/modules/shortcodes/_piechartbasic.scss */ .qodef-pie-chart-holder .qodef-pie-chart-text { text-align: center; margin: 12px 0 0; } /* line 49, scss/modules/shortcodes/_piechartbasic.scss */ .qodef-pie-chart-holder .qodef-pie-chart-text .qodef-pie-title { margin: 0 0 12px; } /* ========================================================================== # Pie Chart Basic - end ========================================================================== */ /* ========================================================================== # Pie Chart With Icon - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_piechartwithicon.scss */ .qodef-pie-chart-with-icon-holder { position: relative; display: block; } /* line 9, scss/modules/shortcodes/_piechartwithicon.scss */ .qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon { position: relative; display: block; height: 145px; width: 145px; line-height: 145px; 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; } /* line 23, scss/modules/shortcodes/_piechartwithicon.scss */ .qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon canvas { position: absolute; top: 0; left: 0; } /* line 29, scss/modules/shortcodes/_piechartwithicon.scss */ .qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon i, .qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon span { float: none; margin: 0; color: #253D4C; vertical-align: middle !important; display: inline; font-size: 34px; } /* line 39, scss/modules/shortcodes/_piechartwithicon.scss */ .qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon .qode_icon_font_elegant { line-height: inherit; } /* line 45, scss/modules/shortcodes/_piechartwithicon.scss */ .qodef-pie-chart-with-icon-holder .qodef-pie-chart-text { text-align: center; margin: 12px 0 0; } /* line 49, scss/modules/shortcodes/_piechartwithicon.scss */ .qodef-pie-chart-with-icon-holder .qodef-pie-chart-text .qodef-pie-title { margin: 0 0 12px; } /* ========================================================================== # Pie Chart With Icon - end ========================================================================== */ /* ========================================================================== # Pie Chart Doughnut - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_piechartdoughnut.scss */ .qodef-pie-chart-doughnut-holder { display: block; position: relative; overflow: hidden; } /* line 10, scss/modules/shortcodes/_piechartdoughnut.scss */ .qodef-pie-chart-doughnut-holder .qodef-pie-chart-doughnut { margin: 0 22px 0 0; float: left; } /* line 15, scss/modules/shortcodes/_piechartdoughnut.scss */ .qodef-pie-chart-doughnut-holder .qodef-pie-legend { position: relative; float: left; width: 40%; } /* line 21, scss/modules/shortcodes/_piechartdoughnut.scss */ .qodef-pie-chart-doughnut-holder .qodef-pie-legend ul { list-style: none; padding: 0; } /* line 25, scss/modules/shortcodes/_piechartdoughnut.scss */ .qodef-pie-chart-doughnut-holder .qodef-pie-legend ul li { display: block; margin: 0 0 10px 0; } /* line 30, scss/modules/shortcodes/_piechartdoughnut.scss */ .qodef-pie-chart-doughnut-holder .qodef-pie-legend ul li .qodef-pie-color-holder { width: 25px; height: 25px; background-color: #253D4C; float: left; } /* line 37, scss/modules/shortcodes/_piechartdoughnut.scss */ .qodef-pie-chart-doughnut-holder .qodef-pie-legend ul li p { line-height: 25px; margin: 0; padding: 0 0 0 50px; } /* ========================================================================== # Pie Chart Doughnut - end ========================================================================== */ /* ========================================================================== # Pie Chart Pie - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_piechartpie.scss */ .qodef-pie-chart-pie-holder { display: block; position: relative; overflow: hidden; } /* line 10, scss/modules/shortcodes/_piechartpie.scss */ .qodef-pie-chart-pie-holder .qodef-pie-chart-pie { margin: 0 22px 0 0; float: left; } /* line 15, scss/modules/shortcodes/_piechartpie.scss */ .qodef-pie-chart-pie-holder .qodef-pie-legend { position: relative; float: left; width: 20%; } /* line 21, scss/modules/shortcodes/_piechartpie.scss */ .qodef-pie-chart-pie-holder .qodef-pie-legend ul { list-style: none; padding: 0; } /* line 25, scss/modules/shortcodes/_piechartpie.scss */ .qodef-pie-chart-pie-holder .qodef-pie-legend ul li { display: block; margin: 0 0 10px 0; } /* line 30, scss/modules/shortcodes/_piechartpie.scss */ .qodef-pie-chart-pie-holder .qodef-pie-legend ul li .qodef-pie-color-holder { width: 25px; height: 25px; background-color: #253D4C; float: left; } /* line 37, scss/modules/shortcodes/_piechartpie.scss */ .qodef-pie-chart-pie-holder .qodef-pie-legend ul li p { line-height: 25px; margin: 0; padding: 0 0 0 50px; } /* ========================================================================== # Pie Chart Pie - end ========================================================================== */ /* ========================================================================== # Tabs style - begin ========================================================================== */ /* line 6, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs .qodef-tabs-nav { display: block; position: relative; list-style: none outside none; margin: 0; padding: 0; overflow: hidden; vertical-align: middle; } /* line 15, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs .qodef-tabs-nav li a { display: block; text-align: center; padding: 12px 28px; box-sizing: border-box; color: #222222; border-style: solid; border-color: #e6e6e6; border-top-width: 2px; border-bottom-width: 2px; border-left-width: 1px; border-right-width: 1px; font-size: 14px; line-height: 16px; font-weight: 600; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } /* line 32, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs .qodef-tabs-nav li.ui-state-active a, .qodef-tabs .qodef-tabs-nav li.ui-state-hover a { color: #fff; background-color: #253D4C; border-color: #253D4C; } /* line 38, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs .qodef-tabs-nav .qodef-tab-container { box-sizing: border-box; position: relative; } /* line 44, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs .qodef-tabs-nav li:first-child a { border-left-width: 2px; border-radius: 3px 0 0 3px; } /* line 49, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs .qodef-tabs-nav li:last-child a { border-right-width: 2px; border-radius: 0 3px 3px 0; } /* line 55, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs .qodef-tab-container { line-height: 25px; } /* Horizontal tabs styles ========================================================================== */ /* line 64, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-horizontal .qodef-tabs-nav li { float: left; margin: 0; } /* line 68, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-horizontal .qodef-tabs-nav li:first-child { margin: 0; } /* line 74, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-horizontal .qodef-tab-container { padding: 25px 0px; } /* Vertical tabs styles ========================================================================== */ /* line 84, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-vertical .qodef-tabs-nav { float: left; } /* line 87, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-vertical .qodef-tabs-nav li { margin: 0 0 10px 0; display: block; width: 100%; } /* line 92, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-vertical .qodef-tabs-nav:last-child { margin: 0; } /* line 95, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-vertical .qodef-tabs-nav li a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-width: 2px; } /* line 100, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-vertical .qodef-tab-container { float: left; padding: 0px 25px; width: 74%; } /* Tabs with icon and text styles start ========================================================================== */ /* line 114, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-tab-text-icon .qodef-tabs-nav li a .qodef-tab-text-after-icon { padding-left: 10px; -webkit-transition: initial; transition: initial; } /* Tabs with icon styles - start ========================================================================== */ /* line 124, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-tab-icon .qodef-tabs-nav li a i, .qodef-tabs.qodef-tab-icon .qodef-tabs-nav li a span { -webkit-transition: initial; transition: initial; } /* line 129, scss/modules/shortcodes/_tabs.scss */ .qodef-tabs.qodef-tab-icon .qodef-tabs-nav li a .qodef-icon-frame { display: inline-block; min-width: 20px; } /* ========================================================================== # Tabs style - end ========================================================================== */ /* line 1, scss/modules/shortcodes/_button.scss */ .qodef-btn { display: inline-block; position: relative; outline: none; font-style: normal; font-weight: 800; font-family: inherit; padding: 0 35px; font-size: 13px; line-height: 48px; height: 48px; text-transform: uppercase; letter-spacing: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 2px solid #e6e6e6; color: #707070; background-color: transparent; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } /* line 22, scss/modules/shortcodes/_button.scss */ .qodef-btn:not(.qodef-btn-custom-hover-color):hover { color: #fff !important; } /* line 27, scss/modules/shortcodes/_button.scss */ .qodef-btn:not(.qodef-btn-custom-hover-bg):hover { background-color: #253D4C !important; } /* line 32, scss/modules/shortcodes/_button.scss */ .qodef-btn:not(.qodef-btn-custom-border-hover):hover { border-color: #253D4C !important; } /* line 37, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-solid { background-color: #253D4C; border: none; color: #fff; height: 52px; line-height: 52px; } /* line 42, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-color):hover { color: #fff !important; } /* line 47, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-bg):hover { background-color: #212121 !important; } /* line 52, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-border-hover):hover { border-color: #212121 !important; } /* line 61, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-outline { border: 2px solid #e6e6e6; color: #707070; background-color: transparent; } /* line 66, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-color):hover { color: #707070 !important; } /* line 71, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-bg):hover { background-color: transparent !important; } /* line 76, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-border-hover):hover { border-color: #e6e6e6 !important; } /* line 83, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-custom-hover-bg.qodef-btn-text-icon { background-color: rgba(0, 0, 0, 0.05); } /* line 88, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon { padding: 0; vertical-align: middle; } /* line 91, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text { display: inline-block; padding: 0 30px; margin-right: 0; vertical-align: middle; float: left; line-height: inherit; } @media only screen and (max-width: 600px) { /* line 101, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text { padding: 0 15px; } } /* line 106, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text-icon { display: inline-block; width: 56px; text-align: center; font-size: 23px; border-left-width: 2px; border-left-style: solid; border-left-color: inherit; vertical-align: middle; float: left; line-height: inherit; border-radius: 0 3px 3px 0; position: relative; overflow: hidden; } /* line 122, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text-icon i, .qodef-btn.qodef-btn-icon .qodef-btn-text-icon span { display: block; position: relative; left: 0; line-height: inherit; -webkit-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } /* line 131, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text-icon:before { display: inline-block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; content: "\e079"; font-family: 'simple-line-icons'; overflow: hidden; font-weight: normal; -webkit-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } /* line 146, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon:before { left: 0; } /* line 150, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon i, .qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon span { left: 100%; } /* line 155, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid { border: none; } /* line 159, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-bg).qodef-btn-solid .qodef-btn-text-icon { background-color: #9fd323; } /* line 162, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid .qodef-btn-text-icon { border: none; } /* line 166, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-bg).qodef-btn-solid:hover { background-color: #253D4C !important; } /* line 169, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-color).qodef-btn-solid:hover { color: #fff !important; } /* line 173, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon.qodef-btn-small, .qodef-btn.qodef-btn-icon.qodef-btn-large, .qodef-btn.qodef-btn-icon.qodef-btn-huge, .qodef-btn.qodef-btn-icon.qodef-btn-huge-full-width, .qodef-btn.qodef-btn-icon.qodef-btn-huge-full-width { padding: 0; } /* line 183, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-small { font-size: 13px; padding: 0 28px; line-height: 43px; height: 43px; } /* line 188, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-small.qodef-btn-solid { height: 47px; line-height: 47px; } /* line 198, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-large { font-size: 13px; padding: 0 42px; line-height: 52px; height: 52px; } /* line 203, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-large.qodef-btn-solid { height: 56px; line-height: 56px; } /* line 209, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge, .qodef-btn.qodef-btn-huge-full-width { font-size: 15px; padding: 0 50px; line-height: 54px; height: 54px; } /* line 216, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge.qodef-btn-solid, .qodef-btn.qodef-btn-huge-full-width.qodef-btn-solid { height: 58px; line-height: 58px; } /* line 222, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge-full-width { width: 100%; text-align: center; line-height: 56px; height: 56px; } /* line 228, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge-full-width.qodef-btn-solid { height: 60px; line-height: 60px; } /* line 233, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge-full-width .qodef-btn-text-icon { float: right; } /* line 238, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) { overflow: hidden; position: relative; -webkit-transition: color .2s ease-out,background-color .2s ease-out, border-color .2s ease-out; transition: color .2s ease-out,background-color .2s ease-out, border-color .2s ease-out; } /* line 245, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-btn-text { z-index: 9; position: relative; } /* line 250, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay { position: absolute; display: inline-block; vertical-align: middle; padding: 0; top: -100%; left: 0; height: 300%; width: 100%; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform .3s ease-out, opacity .2s ease-out; transition: transform .3s ease-out, opacity .2s ease-out; } /* line 268, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):not(.qodef-btn-custom-hover-bg):not(.qodef-btn-solid) .qodef-animation-overlay { background-color: #253D4C; } /* line 273, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline).qodef-btn-solid:not(.qodef-btn-custom-hover-bg) .qodef-animation-overlay { background-color: #212121; } /* line 277, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover { -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } /* line 282, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover:not(.qodef-btn-custom-hover-bg):not(.qodef-btn-solid) { background-color: transparent !important; } /* line 286, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover.qodef-btn-solid:not(.qodef-btn-custom-hover-bg) { background-color: #253D4C !important; } /* line 289, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover .qodef-animation-overlay { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 1; -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 303, scss/modules/shortcodes/_button.scss */ .qodef-btn-hover-animation { display: inline-table; } } /* line 308, scss/modules/shortcodes/_button.scss */ input[type=submit].qodef-btn, button.qodef-btn { cursor: pointer; } /* ========================================================================== Accordion shortcode start styles ========================================================================== */ /* line 4, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder { position: relative; } /* line 7, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-accordion-content { margin: 0; padding: 23px 0; } /* line 11, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-accordion-content .wpb_row { margin-bottom: 0; } /* line 14, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-accordion-content .wpb_content_element { margin-bottom: 0; } /* line 17, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-accordion-content ul.wpb_thumbnails-fluid > li { margin-bottom: 0; } /* line 20, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-accordion-content .wpb_button { margin-bottom: 0; } /* line 24, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder { cursor: pointer; position: relative; font-weight: 700; color: #616161; padding: 0; margin: 16px 0 0; box-sizing: border-box; position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transform: translateZ(0px); -ms-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; transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out; } /* line 37, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder:first-child { margin: 0; } /* line 41, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder .qodef-tab-title { color: inherit; line-height: inherit; position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; padding: 0 10px 0 68px; text-align: left; } /* line 49, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder .qodef-tab-title-inner { color: inherit; line-height: inherit; } /* line 54, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; display: block; width: 48px; height: 48px; line-height: 48px; color: #fff; background-color: #f6f6f5; box-sizing: border-box; -webkit-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; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* line 67, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark-icon { position: relative; display: block; width: 100%; height: 100%; line-height: inherit; text-align: center; font-size: 24px; -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } /* line 77, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark-icon span { position: absolute; display: block; width: 100%; height: 100%; line-height: inherit; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } /* line 85, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark-icon .icon_minus-06 { opacity: 0; } /* line 88, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark-icon .icon_plus { opacity: 1; } /* line 94, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder.ui-state-active, .qodef-accordion-holder .qodef-title-holder.ui-state-hover { color: #253D4C; } /* line 98, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder.ui-state-active .qodef-accordion-mark, .qodef-accordion-holder .qodef-title-holder.ui-state-hover .qodef-accordion-mark { color: #fff; background-color: #253D4C; border-color: #253D4C; } /* line 106, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder.ui-state-active .qodef-accordion-mark-icon .icon_minus-06 { opacity: 1; } /* line 109, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder .qodef-title-holder.ui-state-active .qodef-accordion-mark-icon .icon_plus { opacity: 0; } /* line 117, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder.qodef-initial .qodef-title-holder .qodef-tab-title { padding: 0 0 0 60px; position: relative; table-layout: fixed; height: 100%; width: 100%; box-sizing: border-box; text-align: left; } /* line 123, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder.qodef-initial .qodef-title-holder .qodef-tab-title span.qodef-tab-title-inner { position: relative; position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; text-align: left; } /* line 133, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder.qodef-boxed .qodef-title-holder { text-align: left; padding: 0; background-color: #f6f6f5; border: 0; } /* line 139, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder.qodef-boxed .qodef-title-holder .qodef-accordion-mark { border: 0; background-color: #253D4C; } /* line 144, scss/modules/shortcodes/_accordions.scss */ .qodef-accordion-holder.qodef-boxed .qodef-title-holder.ui-state-active, .qodef-accordion-holder.qodef-boxed .qodef-title-holder.ui-state-hover { color: #616161; background-color: #f5f5f5; } /* ========================================================================== Google Map start style ========================================================================== */ /* line 6, scss/modules/shortcodes/_google-map.scss */ .qodef-google-map-holder { position: relative; } /* line 10, scss/modules/shortcodes/_google-map.scss */ .qodef-google-map { display: block; width: 100%; height: 300px; } /* line 16, scss/modules/shortcodes/_google-map.scss */ .qodef-google-map iframe, .qodef-google-map object, .qodef-google-map embed { width: 100%; display: block; } /* line 25, scss/modules/shortcodes/_google-map.scss */ .qodef-google-map img { max-width: none; } /* line 30, scss/modules/shortcodes/_google-map.scss */ .qodef-google-map-overlay { position: absolute; z-index: 1000; width: 100%; height: 100%; display: none; top: 0; left: 0; } /* ========================================================================== End of Google Map style ========================================================================== */ /* ========================================================================== Separator start style ========================================================================== */ /* line 4, scss/modules/shortcodes/_separator.scss */ .qodef-separator-holder { position: relative; } /* line 7, scss/modules/shortcodes/_separator.scss */ .qodef-separator-holder.qodef-separator-center { text-align: center; } /* line 10, scss/modules/shortcodes/_separator.scss */ .qodef-separator-holder.qodef-separator-left { text-align: left; } /* line 13, scss/modules/shortcodes/_separator.scss */ .qodef-separator-holder.qodef-separator-right { text-align: right; } /* line 18, scss/modules/shortcodes/_separator.scss */ .qodef-separator-holder.qodef-separator-full-width .qodef-separator { width: 100% !important; } /* line 24, scss/modules/shortcodes/_separator.scss */ .qodef-separator { position: relative; display: inline-block; vertical-align: middle; border-bottom: 1px solid #b2b2b2; margin: 10px 0; } /* ========================================================================== End of Separator style ========================================================================== */ /* ========================================================================== # Single image style - begin ========================================================================== */ /* Visual composer css styles are loaded after stylesheet so we need to use important in order to override it */ /* line 9, scss/modules/shortcodes/_single-image.scss */ .wpb_single_image .vc_single_image-wrapper.vc_box_border { padding: 0 !important; background-color: transparent !important; border: 3px solid transparent !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.3s ease-in; transition: border-color 0.3s ease-in; } /* line 17, scss/modules/shortcodes/_single-image.scss */ .wpb_single_image .vc_single_image-wrapper.vc_box_border:hover { border: 2px solid #e9e9e9 !important; } /* line 21, scss/modules/shortcodes/_single-image.scss */ .wpb_single_image .vc_single_image-wrapper.vc_box_border_circle { padding: 0 !important; background-color: transparent !important; border: 3px solid transparent !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.3s ease-in; transition: border-color 0.3s ease-in; } /* line 29, scss/modules/shortcodes/_single-image.scss */ .wpb_single_image .vc_single_image-wrapper.vc_box_border_circle:hover { border: 3px solid #f1f1f1 !important; } /* ========================================================================== # Single image style - end ========================================================================== */ /* #Latest posts ========================================================================== */ /* line 3, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder { display: inline-block; width: 100%; } /* line 7, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder > ul { list-style: none; display: inline-block; width: 100%; height: 100%; position: relative; margin: 0; padding: 0; vertical-align: top; } /* line 17, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder > ul > li { display: block; position: relative; } /* line 22, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-text-holder { display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 17px 0; } /* line 28, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-excerpt { margin: 10px 0 0 0; } /* line 31, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-title { font-size: 18px; font-weight: 600; } /* line 35, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-info-section { font-size: 13px; margin: 2px 0 0; color: #253D4C; } /* line 40, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-info-section > div { display: inline; text-transform: capitalize; font-size: 13px; } /* line 45, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-info-section > div a, .qodef-blog-list-holder .qodef-item-info-section > div:before, .qodef-blog-list-holder .qodef-item-info-section span { color: #253D4C; } /* line 50, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-info-section > div:not(:last-child):after { content: '|'; padding: 0 5px 0 7px; } /* line 54, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-info-section .qodef-post-info-author:before { content: "\e005"; font-family: 'simple-line-icons'; padding-right: 5px; font-size: 13px; } /* line 60, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-info-section .qodef-post-info-category:before { content: "\e055"; font-family: 'simple-line-icons'; padding-right: 5px; font-size: 13px; } /* line 66, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-info-section .qodef-blog-like a i { margin: 0 5px 0 0; } /* line 69, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder .qodef-item-image img { width: 100%; float: left; } /* line 75, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-boxes > ul { clear: both; } /* line 78, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-boxes > ul > li { padding: 0; float: left; border: 0; box-sizing: border-box; margin: 0 2% 2% 0; } /* line 87, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-boxes.qodef-one-column > ul > li { float: none; margin: 0; } /* line 91, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-boxes.qodef-two-columns > ul > li { width: 49%; } /* line 94, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-boxes.qodef-three-columns > ul > li { width: 32%; } /* line 97, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-boxes.qodef-four-columns > ul > li { width: 23.5%; } /* line 100, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-boxes.qodef-two-columns ul.qodef-blog-list li:nth-child(2n), .qodef-blog-list-holder.qodef-boxes.qodef-three-columns ul.qodef-blog-list li:nth-child(3n), .qodef-blog-list-holder.qodef-boxes.qodef-four-columns ul.qodef-blog-list li:nth-child(4n) { margin: 0; } /* line 106, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-boxes.qodef-two-columns ul.qodef-blog-list li:nth-child(2n+1), .qodef-blog-list-holder.qodef-boxes.qodef-three-columns ul.qodef-blog-list li:nth-child(3n+1), .qodef-blog-list-holder.qodef-boxes.qodef-four-columns ul.qodef-blog-list li:nth-child(4n+1) { clear: both; } /*------------------Masonry shortcode -----------------------------*/ /* line 114, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-masonry .qodef-blog-list-masonry-grid-sizer { width: 32%; } /* line 118, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-masonry .qodef-blog-list-masonry-grid-gutter { width: 2%; } /* line 122, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-masonry .qodef-blog-list-masonry-item { width: 32%; } /*------------------image in left box -----------------------------*/ /* line 129, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-image-in-box ul > li:not(:first-child) { padding: 15px 0 0 0; } /* line 132, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-image-in-box .qodef-blog-list-item-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } /* line 135, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-image-in-box .qodef-item-image { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; width: 150px; } /* line 139, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-image-in-box .qodef-item-text-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; padding: 0 0 0 20px; text-align: left; } /*------------------Minimal type styles -----------------------------*/ /* line 147, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-minimal > ul > li:not(:first-child) { padding: 15px 0 0 0; } /* line 150, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-minimal .qodef-item-text-holder { padding: 0; } /* line 153, scss/modules/shortcodes/_blog-list.scss */ .qodef-blog-list-holder.qodef-minimal .qodef-excerpt { margin: 0; } /*------------------Widget styles -----------------------------*/ /* line 162, scss/modules/shortcodes/_blog-list.scss */ .qodef-sidebar .widget.qodef-latest-posts-widget { margin-top: 0; } /* line 167, scss/modules/shortcodes/_blog-list.scss */ .qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box .qodef-item-image { display: none; } /* line 171, scss/modules/shortcodes/_blog-list.scss */ .qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box .qodef-item-text-holder { padding-left: 0; } /* line 175, scss/modules/shortcodes/_blog-list.scss */ .qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box .qodef-item-title { font-size: 15px; } /* line 179, scss/modules/shortcodes/_blog-list.scss */ .qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box ul > li { padding: 15px 0 12px 0; border-bottom: 1px dotted #dfdfdf; } /* line 184, scss/modules/shortcodes/_blog-list.scss */ .qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box ul > li:first-child { padding-top: 0; } /* line 188, scss/modules/shortcodes/_blog-list.scss */ .qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box a { color: #535353; } /*------------------Footer styles -----------------------------*/ /* line 199, scss/modules/shortcodes/_blog-list.scss */ footer .qodef-blog-list-holder.qodef-image-in-box ul > li:not(:first-child) { padding: 0; } /* line 203, scss/modules/shortcodes/_blog-list.scss */ footer .qodef-blog-list-holder.qodef-image-in-box > ul { line-height: 0; } /* line 205, scss/modules/shortcodes/_blog-list.scss */ footer .qodef-blog-list-holder.qodef-image-in-box > ul > li { display: inline-block; width: 23.5%; margin-right: 2%; float: left; } /* line 211, scss/modules/shortcodes/_blog-list.scss */ footer .qodef-blog-list-holder.qodef-image-in-box > ul > li:nth-child(4n+4) { margin-right: 0; } /* line 216, scss/modules/shortcodes/_blog-list.scss */ footer .qodef-blog-list-holder.qodef-image-in-box .qodef-item-image { width: 100%; } /* line 222, scss/modules/shortcodes/_blog-list.scss */ footer .qodef-blog-list-holder.qodef-image-in-box .qodef-blog-list-item-inner { display: inline-block; } /* line 225, scss/modules/shortcodes/_blog-list.scss */ footer .qodef-blog-list-holder.qodef-image-in-box .qodef-item-text-holder { display: none; } /* line 1, scss/modules/shortcodes/_button.scss */ .qodef-btn { display: inline-block; position: relative; outline: none; font-style: normal; font-weight: 800; font-family: inherit; padding: 0 35px; font-size: 13px; line-height: 48px; height: 48px; text-transform: uppercase; letter-spacing: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 2px solid #e6e6e6; color: #707070; background-color: transparent; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } /* line 22, scss/modules/shortcodes/_button.scss */ .qodef-btn:not(.qodef-btn-custom-hover-color):hover { color: #fff !important; } /* line 27, scss/modules/shortcodes/_button.scss */ .qodef-btn:not(.qodef-btn-custom-hover-bg):hover { background-color: #253D4C !important; } /* line 32, scss/modules/shortcodes/_button.scss */ .qodef-btn:not(.qodef-btn-custom-border-hover):hover { border-color: #253D4C !important; } /* line 37, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-solid { background-color: #253D4C; border: none; color: #fff; height: 52px; line-height: 52px; } /* line 42, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-color):hover { color: #fff !important; } /* line 47, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-bg):hover { background-color: #212121 !important; } /* line 52, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-border-hover):hover { border-color: #212121 !important; } /* line 61, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-outline { border: 2px solid #e6e6e6; color: #707070; background-color: transparent; } /* line 66, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-color):hover { color: #707070 !important; } /* line 71, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-bg):hover { background-color: transparent !important; } /* line 76, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-border-hover):hover { border-color: #e6e6e6 !important; } /* line 83, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-custom-hover-bg.qodef-btn-text-icon { background-color: rgba(0, 0, 0, 0.05); } /* line 88, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon { padding: 0; vertical-align: middle; } /* line 91, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text { display: inline-block; padding: 0 30px; margin-right: 0; vertical-align: middle; float: left; line-height: inherit; } @media only screen and (max-width: 600px) { /* line 101, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text { padding: 0 15px; } } /* line 106, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text-icon { display: inline-block; width: 56px; text-align: center; font-size: 23px; border-left-width: 2px; border-left-style: solid; border-left-color: inherit; vertical-align: middle; float: left; line-height: inherit; border-radius: 0 3px 3px 0; position: relative; overflow: hidden; } /* line 122, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text-icon i, .qodef-btn.qodef-btn-icon .qodef-btn-text-icon span { display: block; position: relative; left: 0; line-height: inherit; -webkit-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } /* line 131, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon .qodef-btn-text-icon:before { display: inline-block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; content: "\e079"; font-family: 'simple-line-icons'; overflow: hidden; font-weight: normal; -webkit-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } /* line 146, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon:before { left: 0; } /* line 150, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon i, .qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon span { left: 100%; } /* line 155, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid { border: none; } /* line 159, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-bg).qodef-btn-solid .qodef-btn-text-icon { background-color: #9fd323; } /* line 162, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid .qodef-btn-text-icon { border: none; } /* line 166, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-bg).qodef-btn-solid:hover { background-color: #253D4C !important; } /* line 169, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-color).qodef-btn-solid:hover { color: #fff !important; } /* line 173, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-icon.qodef-btn-small, .qodef-btn.qodef-btn-icon.qodef-btn-large, .qodef-btn.qodef-btn-icon.qodef-btn-huge, .qodef-btn.qodef-btn-icon.qodef-btn-huge-full-width, .qodef-btn.qodef-btn-icon.qodef-btn-huge-full-width { padding: 0; } /* line 183, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-small { font-size: 13px; padding: 0 28px; line-height: 43px; height: 43px; } /* line 188, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-small.qodef-btn-solid { height: 47px; line-height: 47px; } /* line 198, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-large { font-size: 13px; padding: 0 42px; line-height: 52px; height: 52px; } /* line 203, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-large.qodef-btn-solid { height: 56px; line-height: 56px; } /* line 209, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge, .qodef-btn.qodef-btn-huge-full-width { font-size: 15px; padding: 0 50px; line-height: 54px; height: 54px; } /* line 216, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge.qodef-btn-solid, .qodef-btn.qodef-btn-huge-full-width.qodef-btn-solid { height: 58px; line-height: 58px; } /* line 222, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge-full-width { width: 100%; text-align: center; line-height: 56px; height: 56px; } /* line 228, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge-full-width.qodef-btn-solid { height: 60px; line-height: 60px; } /* line 233, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-huge-full-width .qodef-btn-text-icon { float: right; } /* line 238, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) { overflow: hidden; position: relative; -webkit-transition: color .2s ease-out,background-color .2s ease-out, border-color .2s ease-out; transition: color .2s ease-out,background-color .2s ease-out, border-color .2s ease-out; } /* line 245, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-btn-text { z-index: 9; position: relative; } /* line 250, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay { position: absolute; display: inline-block; vertical-align: middle; padding: 0; top: -100%; left: 0; height: 300%; width: 100%; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform .3s ease-out, opacity .2s ease-out; transition: transform .3s ease-out, opacity .2s ease-out; } /* line 268, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):not(.qodef-btn-custom-hover-bg):not(.qodef-btn-solid) .qodef-animation-overlay { background-color: #253D4C; } /* line 273, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline).qodef-btn-solid:not(.qodef-btn-custom-hover-bg) .qodef-animation-overlay { background-color: #212121; } /* line 277, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover { -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } /* line 282, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover:not(.qodef-btn-custom-hover-bg):not(.qodef-btn-solid) { background-color: transparent !important; } /* line 286, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover.qodef-btn-solid:not(.qodef-btn-custom-hover-bg) { background-color: #253D4C !important; } /* line 289, scss/modules/shortcodes/_button.scss */ .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover .qodef-animation-overlay { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 1; -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 303, scss/modules/shortcodes/_button.scss */ .qodef-btn-hover-animation { display: inline-table; } } /* line 308, scss/modules/shortcodes/_button.scss */ input[type=submit].qodef-btn, button.qodef-btn { cursor: pointer; } /* ========================================================================== # Carousels style - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder { padding: 19px 0; background-color: transparent; /* Carousel navigation - begin ========================================================================== */ /* Carousel navigation - end ========================================================================== */ } /* line 10, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder.with_navigation { padding: 48px 106px; } /* line 14, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel-item-holder { position: relative; padding: 0 13px; /* Image zoom - begin ========================================================================== */ /* Image zoom - end ========================================================================== */ /* Image change on hover - begin ========================================================================== */ /* Image change on hover - end ========================================================================== */ } /* line 21, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-first-image-holder.qodef-image-zoom img { -webkit-transition: transform 0.15s ease-out; transition: transform 0.15s ease-out; -webkit-backface-visibility: hidden; } /* line 26, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-first-image-holder.qodef-image-zoom:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* line 37, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-item-holder-inner { display: inline-block; width: 100%; position: relative; } /* line 43, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-first-image-holder.qodef-image-change { position: relative; opacity: 1; z-index: 5; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; display: inline-block; width: 100%; } /* line 52, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel-item-holder:hover .qodef-carousel-first-image-holder.qodef-image-change { opacity: 0; } /* line 56, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-second-image-holder.qodef-image-change { opacity: 0; } /* line 60, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-second-image-holder { position: absolute; top: 0; left: 0; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; width: 100%; z-index: 10; } /* line 69, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel-item-holder:hover .qodef-carousel-second-image-holder.qodef-image-change { opacity: 1; } /* line 83, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons { width: 100%; } /* line 87, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .owl-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -106px; } /* line 94, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -106px; } /* line 101, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .qodef-prev-icon, .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .qodef-next-icon { display: inline-block; width: 66px; height: 66px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #aaa; text-align: center; } /* line 110, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .qodef-prev-icon i, .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .qodef-next-icon i { font-size: 20px; line-height: 66px; color: #fff; } /* line 120, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-pagination { text-align: center; } /* line 123, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-pagination .owl-page { display: inline-block; } /* line 127, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-pagination .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: #74797b; } /* line 140, scss/modules/shortcodes/_carousels.scss */ .qodef-carousel-holder .qodef-carousel.owl-carousel .owl-pagination .owl-page.active span { opacity: 1; } /* ========================================================================== # Carousels style - end ========================================================================== */ /* ========================================================================== Blockquote shortcode start styles ========================================================================== */ /* line 6, scss/modules/shortcodes/_blockquote.scss */ blockquote .qodef-blockquote-text { display: block; vertical-align: top; box-sizing: border-box; border-left: 4px solid #253D4C; padding-left: 28px; color: #535353; } /* ========================================================================== Blockquote shortcode end styles ========================================================================== */ /* ========================================================================== # Image Gallery - begin ========================================================================== */ /* Image Gallery Grid - begin ========================================================================== */ /* line 8, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery { display: inline-block; width: 100%; vertical-align: middle; } /* line 14, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-grayscale .qodef-gallery-image img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: url(img/desaturate.svg#grayscale); } /* line 21, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-grayscale .qodef-gallery-image:hover img { -webkit-filter: grayscale(0); filter: none; } /* line 27, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-gallery-image a, .qodef-image-gallery .qodef-gallery-image img { display: block; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } /* line 36, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-2 .qodef-gallery-image { width: 49%; margin-right: 2%; margin-bottom: 2%; display: inline-block; float: left; } /* line 43, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-2 .qodef-gallery-image:nth-child(2n) { margin-right: 0; } /* line 47, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-2 .qodef-gallery-image:nth-child(2n+1) { clear: both; } /* line 53, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-2.qodef-no-space .qodef-gallery-image { margin: 0 !important; width: 50%; } /* line 62, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-3 .qodef-gallery-image { width: 32%; margin-right: 2%; margin-bottom: 2%; display: inline-block; float: left; } /* line 69, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-3 .qodef-gallery-image:nth-child(3n) { margin-right: 0; } /* line 73, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-3 .qodef-gallery-image:nth-child(3n+1) { clear: both; } /* line 79, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-3.qodef-no-space .qodef-gallery-image { margin: 0 !important; width: 33.333%; } /* line 89, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-4 .qodef-gallery-image { width: 24%; margin-right: 1.33333%; margin-bottom: 1.33333%; display: inline-block; float: left; } /* line 96, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-4 .qodef-gallery-image:nth-child(4n) { margin-right: 0; } /* line 100, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-4 .qodef-gallery-image:nth-child(4n+1) { clear: both; } /* line 107, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-4.qodef-no-space .qodef-gallery-image { margin: 0 !important; width: 25%; } /* line 117, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-5 .qodef-gallery-image { width: 19%; margin-right: 1.25%; margin-bottom: 1.25%; display: inline-block; float: left; } /* line 124, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-5 .qodef-gallery-image:nth-child(5n) { margin-right: 0; } /* line 128, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-5 .qodef-gallery-image:nth-child(5n+1) { clear: both; } /* line 135, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-5.qodef-no-space .qodef-gallery-image { margin: 0 !important; width: 20%; } /* line 145, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .qodef-image-gallery-grid:not(.qodef-grayscale) .qodef-gallery-image:hover img { opacity: 0.85; } /* Image Gallery Grid - end ========================================================================== */ /* Image Gallery Slider - begin ========================================================================== */ /* line 162, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-buttons .owl-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } /* line 169, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-buttons .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } /* line 176, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-buttons .qodef-prev-icon, .qodef-image-gallery .owl-buttons .qodef-next-icon { display: inline-block; width: 66px; height: 66px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.35); -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; text-align: center; } /* line 186, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-buttons .qodef-prev-icon i, .qodef-image-gallery .owl-buttons .qodef-next-icon i { font-size: 20px; line-height: 66px; color: #fff; } /* line 194, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-buttons .qodef-prev-icon { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* line 198, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-buttons .qodef-next-icon { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* line 202, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-buttons .qodef-prev-icon:hover, .qodef-image-gallery .owl-buttons .qodef-next-icon:hover { background-color: rgba(255, 255, 255, 0.4); } /* line 209, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-pagination { text-align: center; } /* line 212, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-pagination .owl-page { display: inline-block; } /* line 216, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-pagination .owl-page span { display: inline-block; width: 15px; height: 15px; margin: 4px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; position: relative; vertical-align: middle; } /* line 231, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-pagination .owl-page.active span { opacity: 1; width: 12px; height: 12px; margin: 4px 7px; } /* line 238, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery .owl-pagination .owl-page.active span:before { content: ""; width: 12px; height: 12px; position: absolute; border: 2px solid #fff; display: inline-block; left: -4px; top: -4px; padding: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out; } /* line 260, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery.qodef-image-frame { margin: 0 auto; overflow: visible; padding: 10px 0 0 0; position: relative; } /* line 265, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery.qodef-image-frame.qodef-frame-5 { width: 356px; } /* line 268, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery.qodef-image-frame img { width: 100%; display: block; } /* line 272, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery.qodef-image-frame .qodef-gallery-frame { width: 100%; height: 100%; position: absolute; top: 0; text-align: center; } /* line 280, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery.qodef-image-frame .owl-buttons .owl-prev { left: -66px; } /* line 283, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery.qodef-image-frame .owl-buttons .owl-next { right: -66px; } /* line 288, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery.qodef-image-frame .owl-buttons .qodef-prev-icon i, .qodef-image-gallery.qodef-image-frame .owl-buttons .qodef-next-icon i { font-size: 32px; color: #d0d0d0; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } /* line 294, scss/modules/shortcodes/_imagegallery.scss */ .qodef-image-gallery.qodef-image-frame .owl-buttons .qodef-prev-icon:hover i, .qodef-image-gallery.qodef-image-frame .owl-buttons .qodef-next-icon:hover i { color: #7c7c7c; } /* Image Gallery Slider - end ========================================================================== */ /* ========================================================================== # Image Gallery - end ========================================================================== */ /* ========================================================================== Video Button shortcode start styles ========================================================================== */ /* line 4, scss/modules/shortcodes/_videobutton.scss */ .qodef-video-button-play { width: 65px; height: 65px; display: block; line-height: 65px; font-size: 50px; margin: 0 auto; } /* line 12, scss/modules/shortcodes/_videobutton.scss */ .qodef-video-button-play .qodef-video-button-wrapper { width: 100%; height: 100%; display: block; position: relative; background-color: #898989; color: #fff; -webkit-transition: background-color 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, color 0.15s ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* line 22, scss/modules/shortcodes/_videobutton.scss */ .qodef-video-button-play .qodef-video-button-wrapper:hover { background-color: #000; color: #253D4C; } /* line 27, scss/modules/shortcodes/_videobutton.scss */ .qodef-video-button-play .qodef-video-button-wrapper span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 36, scss/modules/shortcodes/_videobutton.scss */ .qodef-video-button-title { text-align: center; margin-top: 20px; } /* ========================================================================== Video Button shortcode end styles ========================================================================== */ /* ========================================================================== Dropcaps shortcodes styles ========================================================================== */ /* line 4, scss/modules/shortcodes/_dropcaps.scss */ .qodef-dropcaps { position: relative; display: inline-block; float: left; height: 45px; width: 45px; line-height: 45px; font-size: 40px; color: #253D4C; font-weight: 700; text-align: center; margin: 5px 20px 0 0; } /* line 17, scss/modules/shortcodes/_dropcaps.scss */ .qodef-dropcaps.qodef-square, .qodef-dropcaps.qodef-circle { font-size: 25px; background-color: #253D4C; color: #fff; } /* line 23, scss/modules/shortcodes/_dropcaps.scss */ .qodef-dropcaps.qodef-circle { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } /* ========================================================================== Dropcaps shortcode end styles ========================================================================== */ /* #Portfolio Specific Style - start ========================================================================== */ /* #Portfolio Specific Style - end ========================================================================== */ /* ========================================================================== Portfolio shortcode styles - begin ========================================================================== */ /* line 10, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-filter-holder { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; margin: 0 0 36px; } /* line 13, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; text-align: center; } /* line 16, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul { display: inline-block; list-style: none; vertical-align: middle; } /* line 21, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li { cursor: pointer; display: block; margin: 0; float: left; text-align: center; } /* line 28, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li span { position: relative; display: inline-block; vertical-align: middle; padding: 0 15px; color: #a6a6a6; font-weight: 600; letter-spacing: 0px; text-transform: capitalize; -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } /* line 39, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li:first-child span { padding-left: 0; } /* line 43, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li.active span, .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li.current span, .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li span:hover { color: #253D4C; } /* line 50, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder { height: 100%; text-align: justify; line-height: 0; font-size: 0; } /* line 56, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article { position: relative; margin: 0; vertical-align: top; } /* line 60, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-image-holder { position: relative; } /* line 62, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-image-holder a { display: block; } /* line 66, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-image-holder img, .qodef-portfolio-list-holder article .qodef-item-image-holder a img { vertical-align: top; height: auto; max-width: 100%; } /* line 73, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-icons-holder { position: static; display: block; } /* line 76, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-icons-holder a { display: inline-block; font-size: 16px; width: 28px; height: 28px; line-height: 28px; padding: 3px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #253D4C; background-color: transparent; border: 1px solid #253D4C; margin: 0 10px 0 0; z-index: 3; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.5s; transition: transform 0.5s; } /* line 92, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-icons-holder a:hover { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } /* line 96, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-icons-holder a:before { font-family: 'FontAwesome'; line-height: inherit; } /* line 100, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-portfolio-lightbox:before { content: "\f067"; } /* line 103, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-preview:before { content: "\f0c1"; } /* line 106, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-like:before { content: "\f08a"; } /* line 109, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-like.liked:before { content: "\f004"; } /* line 114, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder article.mix { display: none; visibility: hidden; float: none; } /* line 121, scss/modules/shortcodes/_portfolio.scss */ .qodef-ptf-gallery-space .qodef-portfolio-list-holder { font-size: inherit; } /* line 125, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer .qodef-filler { display: inline-block; height: 0; } /* line 131, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-two-columns article { width: 50%; } /* line 134, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-two-columns .qodef-filler { width: 50%; } /* line 139, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-three-columns article { width: 33.33%; } /* line 142, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-three-columns .qodef-filler { width: 33.33%; } /* line 148, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-four-columns article { width: 25%; } /* line 152, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-four-columns .qodef-filler { width: 25%; } /* line 158, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-five-columns article { width: 20%; } /* line 161, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-five-columns .qodef-filler { width: 20%; } /* line 166, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-six-columns article { width: 16.66%; } /* line 170, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-six-columns .qodef-filler { width: 16.66%; } /* line 176, scss/modules/shortcodes/_portfolio.scss */ .qodef-ptf-standard .qodef-portfolio-list-holder { font-size: 0.1px; } /*-------gallery no space columns width----------------*/ /* line 183, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-two-columns article, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-two-columns article { width: 49%; margin: 0 0 2.2%; } /* line 188, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-two-columns article { margin: 0; } /* line 191, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-three-columns article, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns article { width: 32%; margin: 0 0 2.2%; } /* line 196, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns article { margin: 0; } /* line 200, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-four-columns article, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-four-columns article { width: 23.5%; } /* line 205, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-five-columns article, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-five-columns article { width: 18.5%; margin: 0 0 2%; } /* line 210, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-five-columns article { margin: 0; } /* line 214, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-six-columns article, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-six-columns article { width: 15.7%; margin: 0 0 1.7%; } /* line 219, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-six-columns article { margin: 0; } /* line 224, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-two-columns .qodef-filler, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-two-columns .qodef-filler { width: 49%; } /* line 229, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-three-columns .qodef-filler, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns .qodef-filler { width: 32%; } /* line 234, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-four-columns .qodef-filler, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-four-columns .qodef-filler { width: 23.5%; } /* line 239, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-five-columns .qodef-filler, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-five-columns .qodef-filler { width: 18.5%; } /* line 244, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-six-columns .qodef-filler, .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-six-columns .qodef-filler { width: 15.7%; } /* line 250, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard article { text-align: left; } /* line 252, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-text-holder .qodef-item-title { padding: 15px 0 0 0; font-size: 17px; } /* line 256, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-image-holder { overflow: hidden; position: relative; } /* line 260, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-icons-holder { position: absolute; width: 100%; top: auto; left: 0; bottom: 50%; height: auto; padding: 5%; opacity: 0; text-align: center; -webkit-transform: translateY(50%) scale(0); -ms-transform: translateY(50%) scale(0); transform: translateY(50%) scale(0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s; box-sizing: border-box; z-index: 3; } /* line 276, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-icons-holder a { color: #fff; background-color: #253D4C; border: 1px solid #253D4C; } /* line 283, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard article:hover .qodef-item-icons-holder { opacity: 1; -webkit-transform: translateY(50%) scale(1); -ms-transform: translateY(50%) scale(1); transform: translateY(50%) scale(1); } /* line 289, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-text-holder .qodef-ptf-category-holder { margin-bottom: 30px; } /* line 293, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-text-holder .qodef-ptf-category-holder span { color: #253D4C; font-weight: 600; font-size: 13px; line-height: 22px; } /* line 304, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space article { margin-bottom: 2%; } /* line 308, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space .item-text-holder { padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 317, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-image-holder { overflow: hidden; position: relative; } /* line 322, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-portfolio-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; } /* line 331, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s; } /* line 343, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-overlay-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } /* line 347, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 353, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder .qodef-item-title { line-height: 1.3em; } /* line 357, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder .qodef-item-title > a, .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder .qodef-ptf-category-holder span { color: #253D4C; font-weight: 600; font-size: 15px; line-height: 17px; } /* line 365, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder .qodef-ptf-category-holder { color: #253D4C; margin: 6px 0 0 0; } /* line 371, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article:hover .qodef-item-text-overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* line 376, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-icons-holder { margin: 15px 0; } /* line 383, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-item .qodef-portfolio-shader { position: absolute; width: 100%; padding: 15% 0; height: 100%; display: block; background-color: rgba(255, 255, 255, 0.93); left: 0; top: -15%; opacity: 0; z-index: 1; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /* line 400, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-item:hover .qodef-portfolio-shader { opacity: 1; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /* Portfolio Load More Buttons - begin */ /* line 408, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer .qodef-ptf-list-paging, .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space .qodef-ptf-list-paging { text-align: center; margin: 10px 0 0 0; } /* line 414, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-list-holder-outer.qodef-ptf-gallery .qodef-ptf-list-paging { margin: 50px 0 0 0; } /* Portfolio Load More Buttons - end */ /* Portfolio Slider custom styles - begin */ /* line 424, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons { width: 100%; } /* line 426, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .owl-prev { left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* line 432, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .owl-next { right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* line 438, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-prev-icon, .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-next-icon { display: inline-block; width: 66px; height: 66px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.35); -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; text-align: center; } /* line 448, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-prev-icon i, .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-next-icon i { font-size: 20px; line-height: 66px; color: #fff; } /* line 455, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-prev-icon { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* line 459, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-next-icon { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* line 463, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-prev-icon:hover, .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-next-icon:hover { background-color: rgba(255, 255, 255, 0.4); } /* line 470, scss/modules/shortcodes/_portfolio.scss */ .qodef-portfolio-slider-holder .qodef-ptf-list-paging { display: none; } /* Portfolio Slider custom styles - end */ /* ========================================================================== Portfolio styles - end ========================================================================== */ /* line 9, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt .qodef-iwt-link { margin-top: 20px; display: inline-block; } /* line 14, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-top { text-align: center; } /* line 17, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-top .qodef-iwt-icon-holder { margin-bottom: 20px; } /* line 22, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-left, .qodef-iwt.qodef-iwt-icon-left-from-title { text-align: left; } /* line 28, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt:not(.qodef-iwt-left-from-title) .qodef-iwt-title-holder { margin-bottom: 20px; } /* line 35, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-tiny .qodef-iwt-icon-holder { display: inline-block; vertical-align: middle; width: 15%; float: none; } /* line 42, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-icon-holder { float: left; } /* line 46, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-tiny .qodef-iwt-content-holder { padding-left: 10px; display: inline-block; vertical-align: middle; width: 83%; box-sizing: border-box; } /* line 54, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-small .qodef-iwt-content-holder { padding-left: 80px; } /* line 58, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-medium .qodef-iwt-content-holder { padding-left: 110px; } /* line 62, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-large .qodef-iwt-content-holder { padding-left: 150px; } /* line 66, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-huge .qodef-iwt-content-holder { padding-left: 180px; } /* line 71, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-right { text-align: right; } /* line 74, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-right .qodef-iwt-icon-holder { float: right; } /* line 78, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-tiny .qodef-iwt-content-holder { padding-right: 60px; } /* line 82, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-small .qodef-iwt-content-holder { padding-right: 80px; } /* line 86, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-medium .qodef-iwt-content-holder { padding-right: 110px; } /* line 90, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-large .qodef-iwt-content-holder { padding-right: 150px; } /* line 94, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-huge .qodef-iwt-content-holder { padding-right: 180px; } /* line 100, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-left-from-title .qodef-iwt-icon-title-holder { margin-bottom: 20px; } /* line 104, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-left-from-title .qodef-iwt-icon-holder { margin-right: 20px; } /* line 108, scss/modules/shortcodes/_icon-with-text.scss */ .qodef-iwt.qodef-iwt-left-from-title .qodef-iwt-icon-holder, .qodef-iwt.qodef-iwt-left-from-title .qodef-iwt-title-holder { display: inline-block; vertical-align: middle; } /* ========================================================================== # Social Share style - begin ========================================================================== */ /* line 7, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder ul { list-style: none; display: inline-block; } /* line 11, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder ul li { display: inline-block; } /* List type - begin ========================================================================== */ /* line 24, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-list ul { border: 1px solid #cecece; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* line 29, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-list li { display: inline-block; border-right: 1px solid #cecece; } /* line 34, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-list li:last-child { border-right: 0; } /* line 38, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-list a { color: #b4b4b4; font-size: 12px; display: inline-block; padding: 3px 8px 1px 8px; -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out; transition: color 0.15s ease-out, background-color 0.15s ease-out; } /* line 46, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-list a:hover { color: #fff; background-color: #253D4C; } /* List type - end ========================================================================== */ /* Dropdown type - begin ========================================================================== */ /* line 58, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown { position: relative; display: inline-block; } /* line 62, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown-opener { display: block; } /* line 66, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown .qodef-social-share-title { display: inline-block; margin-left: 5px; } /* line 71, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown { visibility: hidden; z-index: 950; float: left; } /* line 76, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul { position: relative; display: block; z-index: 990; padding: 0 !important; min-width: 50px; font-weight: 400; } /* line 85, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown .qodef-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; transition: all 0.2s ease-out; } /* line 95, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown img { width: 8px; margin-right: 10px; } /* line 106, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li { opacity: 1; visibility: visible; cursor: pointer; } /* line 114, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(2) { left: 50px; transition-delay: .1s; } /* line 119, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(3) { left: 100px; transition-delay: .2s; } /* line 124, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(4) { left: 150px; transition-delay: .3s; } /* line 129, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(5) { left: 200px; transition-delay: .4s; } /* line 134, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(6) { left: 250px; transition-delay: 0.5s; } /* line 139, scss/modules/shortcodes/_socialshare.scss */ .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(7) { left: 300px; transition-delay: 0.6s; } /* Dropdown type - end ========================================================================== */ /* ========================================================================== # Social Share style - end ========================================================================== */ /* ========================================================================== # Underline icon box style - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder { line-height: 0; position: relative; } /* line 10, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder .qodef-underline-icon-box-holder-inner { position: relative; z-index: 99; } /* line 15, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder .qodef-underline-icon-box-icon-holder { padding: 50px 0 35px; } /* line 19, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode .qodef-icon-element { font-size: 42px; color: #dfdfdf; } /* line 24, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; } /* line 34, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder .qodef-underline-icon-box-text-holder .qodef-underline-icon-box-title > * { padding-bottom: 19px; text-transform: capitalize; -webkit-transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* line 41, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder .qodef-underline-icon-box-text-holder .qodef-underline-icon-box-text { padding-bottom: 43px; line-height: 23px; -webkit-transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* line 49, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder .qodef-underline-icon-box-underline { display: inline-block; width: 100%; height: 7px; line-height: 0; box-sizing: border-box; background-color: #253D4C; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* line 67, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.center { text-align: center; } /* line 71, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.right { text-align: right; } /* line 75, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-with-border { border: 1px solid #dfdfdf; } /* line 78, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-with-border .qodef-underline-icon-box-holder-inner { padding: 0 25px; } /* line 82, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-with-border .qodef-underline-icon-box-icon-holder { padding: 30px 0 20px; } /* line 91, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-underline-animation:hover .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode .qodef-icon-element { color: #253D4C; } /* line 97, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-underline-animation:hover .qodef-underline-icon-box-underline { width: 0; } /* line 107, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode .qodef-icon-element { color: #fff; } /* line 110, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* line 118, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-text-holder .qodef-underline-icon-box-title > * { color: #fff; } /* line 123, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-text-holder .qodef-underline-icon-box-text { color: #fff; } /* line 128, scss/modules/shortcodes/_underline-icon-box.scss */ .qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-underline { height: 100%; } /* ========================================================================== # Underline icon box style - end ========================================================================== */ /* ========================================================================== # Image With Icon Style - begin ========================================================================== */ /* line 7, scss/modules/shortcodes/_image-with-icon.scss */ .qodef-image-with-icon-holder .qodef-image-with-icon-holder-inner { display: inline-block; width: 100%; position: relative; line-height: 0; } /* line 14, scss/modules/shortcodes/_image-with-icon.scss */ .qodef-image-with-icon-holder .qodef-image-with-icon-holder-icon-wrapper { display: inline-block; position: absolute; right: 0; } /* line 19, scss/modules/shortcodes/_image-with-icon.scss */ .qodef-image-with-icon-holder .qodef-image-with-icon-holder-icon-wrapper .qodef-icon-shortcode { background-color: #253D4C; width: 82px; height: 82px; line-height: 82px; } /* line 27, scss/modules/shortcodes/_image-with-icon.scss */ .qodef-image-with-icon-holder .qodef-image-with-icon-holder-icon-wrapper .qodef-icon-shortcode .qodef-icon-element { color: #fff; font-size: 28px; } /* line 34, scss/modules/shortcodes/_image-with-icon.scss */ .qodef-image-with-icon-holder .qodef-image-with-icon-holder-image-wrapper { display: inline-block; width: 100%; } /* line 39, scss/modules/shortcodes/_image-with-icon.scss */ .qodef-image-with-icon-holder .qodef-image-holder { display: inline-block; width: 100%; vertical-align: middle; } /* line 44, scss/modules/shortcodes/_image-with-icon.scss */ .qodef-image-with-icon-holder .qodef-image-holder img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; } /* ========================================================================== # Image With Icon Style - end ========================================================================== */ /* ========================================================================== # Process Style - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_process.scss */ .qodef-process-holder { text-align: center; } /* line 8, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item { display: inline-block; vertical-align: top; } /* line 12, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder-wrapper { position: relative; } /* line 16, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder-wrapper:after { content: ""; width: 20%; position: absolute; border-bottom: 2px dashed #dadada; top: 50%; left: 100%; transform: translateX(-50%); } /* line 26, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200px; height: 200px; border: 3px solid #e1e1e1; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* line 37, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-process-item-background-holder { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); line-height: 0; border-radius: 50%; border: 0 solid transparent; box-sizing: border-box; -webkit-transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* line 49, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-icon-shortcode.circle { width: 90px; height: 90px; line-height: 90px; background-color: #797979; border: 0; } /* line 57, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-icon-shortcode.circle .qodef-icon-element { color: #fff; font-size: 30px; } /* line 62, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-process-item-content-holder { margin-top: 35px; } /* line 66, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-process-item-title-holder { margin-bottom: 17px; } /* line 70, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-process-item-title-holder > * { -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } /* line 74, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item .qodef-process-item-text-holder { padding: 0 10px 30px 10px; } /* line 80, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item:last-child .qodef-process-item-icon-holder-wrapper:after { border: 0; } /* line 87, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item:hover .qodef-process-item-icon-holder { border-color: #253D4C; } /* line 91, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item:hover .qodef-icon-shortcode.circle { background-color: #253D4C; } /* line 95, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item:hover .qodef-process-item-background-holder { border: 20px solid rgba(178, 221, 76, 0.3); -webkit-transition: border 0.6s cubic-bezier(0.32, 1.63, 0.44, 1.82); transition: border 0.6s cubic-bezier(0.32, 1.63, 0.44, 1.82); } /* line 100, scss/modules/shortcodes/_process.scss */ .qodef-process-holder .qodef-process-item:hover .qodef-process-item-title-holder > * { color: #253D4C; } /* line 107, scss/modules/shortcodes/_process.scss */ .qodef-process-holder.columns-3 .qodef-process-item { width: 33.33%; } /* line 113, scss/modules/shortcodes/_process.scss */ .qodef-process-holder.columns-4 .qodef-process-item { width: 25%; } /* line 119, scss/modules/shortcodes/_process.scss */ .qodef-process-holder.columns-5 .qodef-process-item { width: 20%; } /* line 123, scss/modules/shortcodes/_process.scss */ .qodef-process-holder.columns-5 .qodef-process-item-icon-holder-wrapper:after { display: none; } /* ========================================================================== # Process Style - end ========================================================================== */ /* ========================================================================== Fullwidth Slider shortcode start styles ========================================================================== */ /* line 6, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-holder .owl-controls { position: absolute; top: 50%; transform: translateY(-50%); left: 3%; } /* line 13, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-holder .owl-pagination { text-align: center; } /* line 16, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-holder .owl-pagination .owl-page { display: block; margin: 4px; } /* line 21, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-holder .owl-pagination .owl-page span { display: inline-block; width: 14px; height: 14px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; position: relative; } /* line 32, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-holder .owl-pagination .owl-page.active span { opacity: 1; width: 12px; height: 12px; } /* line 38, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-holder .owl-pagination .owl-page.active span:before { content: ""; width: 12px; height: 12px; position: absolute; border: 2px solid #fff; display: inline-block; left: -4px; top: -4px; padding: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out; } /* line 60, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item { position: relative; display: inline-block; background-size: cover; background-position: center; width: 100%; vertical-align: middle; } /* line 68, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-image-holder-wrapper { line-height: 0; } /* line 72, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-image-holder { display: block; } /* line 75, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-image-holder img { width: 100%; height: auto; max-height: 900px; } /* line 82, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(90deg, rgba(33, 33, 33, 0.98) 50%, transparent 50%); } /* line 91, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-holder-inner { width: 100%; height: 100%; display: inline-block; } /* line 97, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper { display: block; width: 1100px; height: 100%; margin: 0 auto; } /* line 103, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-wrapper-inner { width: 50%; height: 100%; box-sizing: border-box; display: inline-block; position: relative; } /* line 111, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-wrapper-inner:after { background-size: cover; content: ''; height: 100%; position: absolute; right: -139px; width: 140px; background: url(img/fullwidth-slider-extend.png) left center no-repeat; } /* line 121, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-elements-holder { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; padding-right: 100px; } /* line 129, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-title { margin-bottom: 15px; } /* line 133, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-title > * { color: #fff; } /* line 137, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-subtitle { margin-bottom: 20px; } /* line 141, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-subtitle > * { color: #ddd; } /* line 145, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-text { margin-bottom: 36px; color: #adacac; } /* line 150, scss/modules/shortcodes/_fullwidth-slider.scss */ .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-button { display: inline-block; } /* ========================================================================== Fullwidth Slider shortcode end styles ========================================================================== */ /* ========================================================================== Particles shortcodes styles - Start ========================================================================== */ /* line 5, scss/modules/shortcodes/_particles.scss */ #qodef-particles { background: #b61924; position: relative; overflow: hidden; background: transparent center center no-repeat; background-size: cover; text-align: center; } /* line 13, scss/modules/shortcodes/_particles.scss */ #qodef-particles #qodef-p-particles-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 21, scss/modules/shortcodes/_particles.scss */ #qodef-particles .qodef-p-content { position: relative; margin: 0 auto; width: 1100px; display: inline-block; vertical-align: middle; } /* line 29, scss/modules/shortcodes/_particles.scss */ #qodef-particles.fullscreen .qodef-p-content, #qodef-particles.fixed .qodef-p-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } /* ========================================================================== Particles shortcode styles - End ========================================================================== */ /* ========================================================================== # Separator with style - begin ========================================================================== */ /* Visual composer css styles are loaded after stylesheet so we need to use important in order to override it */ /* line 8, scss/modules/shortcodes/_separator-with-text.scss */ .vc_separator h4 { font-size: 22px !important; font-weight: 700 !important; letter-spacing: 0 !important; color: #222222; } /* ========================================================================== # Separator with style - end ========================================================================== */ /* ========================================================================== Qode slider styles ========================================================================== */ /* Bootstrap carousel default styles ========================================================================== */ /* line 7, scss/modules/shortcodes/_slider.scss */ .carousel { position: relative; } /* line 11, scss/modules/shortcodes/_slider.scss */ .carousel-inner { position: relative; width: 100%; overflow: hidden; } /* line 17, scss/modules/shortcodes/_slider.scss */ .boxed .carousel-inner { width: 1150px; left: auto !important; } /* line 22, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; box-sizing: border-box; } /* line 30, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; } /* line 38, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-video { position: static; left: 0; direction: ltr; } /* line 44, scss/modules/shortcodes/_slider.scss */ .safari_browser .carousel-inner video.video { object-fit: inherit; width: 100% !important; } /* line 49, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } /* line 55, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .active { left: 0; } /* line 59, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } /* line 66, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .next { left: 100%; } /* line 70, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .prev { left: -100%; } /* line 74, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } /* line 79, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .active.left { left: -100%; } /* line 83, scss/modules/shortcodes/_slider.scss */ .carousel-inner > .active.right { left: 100%; } /* part for fading animation - start */ /* line 88, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-fade .item { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 1; filter: alpha(opacity=100); } /* line 98, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-fade .active.left, .carousel.qodef-fade .active.right { opacity: 0; filter: alpha(opacity=0); } /* line 104, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-fade .active.item { opacity: 1; filter: alpha(opacity=100); } /* line 109, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-fade .active.left, .carousel.qodef-fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); } /* line 117, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-fade .next, .carousel.qodef-fade .prev { left: 0; z-index: 1; } /* part for fading animation - end */ /* part for vertical up animation - start */ /* line 127, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-up:not(.qodef-has-height) .carousel-inner { height: 100%; } /* line 131, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-up .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; -ms-transition: -ms-transform 0.6s ease; -o-transition: -o-transform 0.6s ease; transition: transform 0.6s ease; } /* line 139, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-up .carousel-inner > .active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } /* line 147, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-up .carousel-inner > .next { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); left: 0%; } /* line 156, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-up .carousel-inner > .prev { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); left: 0%; } /* line 165, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-up .carousel-inner > .next.left, .carousel.qodef-vertical-up .carousel-inner > .prev.right { left: 0%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } /* line 175, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-up .carousel-inner > .active.left { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); left: 0%; } /* line 184, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-up .carousel-inner > .active.right { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); left: 0%; } /* part for vertical up animation - end */ /* part for vertical down animation - start */ /* line 197, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-down:not(.qodef-has-height) .carousel-inner { height: 100%; } /* line 201, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-down .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; -ms-transition: -ms-transform 0.6s ease; -o-transition: -o-transform 0.6s ease; transition: transform 0.6s ease; } /* line 209, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-down .carousel-inner > .active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } /* line 217, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-down .carousel-inner > .next { -webkit-transform: translateY(-99%); -moz-transform: translateY(-99%); -ms-transform: translateY(-99%); -o-transform: translateY(-99%); transform: translateY(-99%); left: 0%; } /* line 226, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-down .carousel-inner > .prev { -webkit-transform: translateY(99%); -moz-transform: translateY(99%); -ms-transform: translateY(99%); -o-transform: translateY(99%); transform: translateY(99%); left: 0%; } /* line 235, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-down .carousel-inner > .next.left, .carousel.qodef-vertical-down .carousel-inner > .prev.right { left: 0%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } /* line 245, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-down .carousel-inner > .active.left { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); left: 0%; } /* line 254, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-vertical-down .carousel-inner > .active.right { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); left: 0%; } /* part for vertical down animation - end */ /* part for slide cover animation - start */ /* line 267, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-slide-cover .carousel-inner > .next { z-index: 99; } /* line 271, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-slide-cover .carousel-inner > .prev { z-index: 100; } /* line 275, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-slide-cover .carousel-inner > .active.left { left: -30%; } /* line 279, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-slide-cover .carousel-inner > .active.right { left: 30%; } /* part for slide cover animation - end */ /* line 285, scss/modules/shortcodes/_slider.scss */ .carousel-indicators { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 15; padding: 0px !important; text-align: center; list-style: none; } /* line 297, scss/modules/shortcodes/_slider.scss */ .carousel-indicators:not(.thumbnails) li { display: inline-block; width: 16px; height: 16px; margin: 1px; text-indent: -999px; border-radius: 20px; cursor: pointer; } /* line 307, scss/modules/shortcodes/_slider.scss */ .carousel-indicators.thumbnails { bottom: 55px; } /* line 311, scss/modules/shortcodes/_slider.scss */ .carousel-indicators.thumbnails li { display: inline-block; cursor: pointer; margin-right: 5px; background-color: rgba(0, 0, 0, 0.8); width: 160px !important; /* must not to be overwritten by options */ height: 100px !important; } /* line 320, scss/modules/shortcodes/_slider.scss */ .carousel-indicators.thumbnails li:last-child { margin-right: 0; } /* line 324, scss/modules/shortcodes/_slider.scss */ .carousel-indicators.thumbnails li img { width: 100%; height: 100%; box-sizing: border-box; padding: 0; vertical-align: middle; transition: padding 0.2s ease-out; -ms-transition: padding 0.2s ease-out; -o-transition: padding 0.2s ease-out; -moz-transition: padding 0.2s ease-out; -webkit-transition: padding 0.2s ease-out; } /* line 337, scss/modules/shortcodes/_slider.scss */ .carousel-caption { position: absolute; right: 15%; bottom: 40px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } /* line 350, scss/modules/shortcodes/_slider.scss */ .carousel-caption .btn { text-shadow: none; } /* ==== Carousel Custom - Start ==== */ /* line 356, scss/modules/shortcodes/_slider.scss */ .carousel { margin-bottom: 0; } /* line 360, scss/modules/shortcodes/_slider.scss */ .carousel.qodef-full-screen { height: 1500px; } /* line 364, scss/modules/shortcodes/_slider.scss */ .qodef-slider { width: 100%; overflow: hidden; position: relative; z-index: 10; } /* line 371, scss/modules/shortcodes/_slider.scss */ .qodef-slider-preloader { width: 100%; background-repeat: repeat; background-color: #3f3f3f; background-attachment: scroll; background-size: inherit; background-image: url("img/preload_pattern.png"); -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! */ position: absolute; z-index: 20; height: 1100px; } /* line 385, scss/modules/shortcodes/_slider.scss */ .qodef-slider-preloader .qodef-st-loader { display: none !important; } /* line 389, scss/modules/shortcodes/_slider.scss */ .carousel:not(.qodef-full-screen) .qodef-slider-preloader .qodef-ajax-loader { position: absolute; } /* line 393, scss/modules/shortcodes/_slider.scss */ .vertical_menu_enabled .qodef-slider-preloader .qodef-ajax-loader { margin-top: 0px !important; } /* line 397, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content-outer { position: relative; height: 100%; width: 1100px; margin: 0px auto; z-index: 12; } /* line 405, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slide-full-width .qodef-slider-content-outer { width: 100% !important; } /* line 409, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content { position: absolute; width: 100%; } /* line 414, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item.qodef-content-vertical-middle .qodef-slider-content-outer { display: table; } /* line 418, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item.qodef-content-vertical-middle .qodef-slider-content { display: table-cell; vertical-align: middle; position: static; } /* line 424, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item.qodef-content-vertical-middle .qodef-slider-content .qodef-thumb { height: auto; } /* line 428, scss/modules/shortcodes/_slider.scss */ .vertical_menu_enabled .carousel-inner .item.qodef-content-vertical-middle { padding-top: 0px !important; } /* line 432, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-thumb { height: 100%; opacity: 1; filter: alpha(opacity=100); display: inline-block; vertical-align: middle; } /* line 440, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content.left { text-align: left; } /* line 444, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content.right { text-align: right; } /* line 448, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content.left .qodef-thumb, .carousel-inner .qodef-slider-content.right .qodef-thumb { display: inline-block; } /* line 453, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content.center .qodef-thumb { text-align: center; } /* line 457, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content.center { text-align: center; } /*---------------------Graphic animation Flip--------------------------------- */ /* line 463, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-thumb.flip { opacity: 0; filter: alpha(opacity=0); } /* line 468, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-thumb.flip { -webkit-animation: rotate 0.6s 1 ease-out; -moz-animation: rotate 0.6s 1 ease-out; -o-animation: rotate 0.6s 1 ease-out; animation: rotate 0.6s 1 ease-out; opacity: 1; filter: alpha(opacity=100); } /*---------------------Graphic animation Fade--------------------------------- */ /* line 480, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-thumb.fade { opacity: 0; filter: alpha(opacity=0); } /* line 485, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-thumb.fade { -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); opacity: 1; filter: alpha(opacity=100); } /*---------------------Graphic animation From right--------------------------------- */ /* line 498, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-thumb.from_right { opacity: 0; filter: alpha(opacity=0); position: relative; right: -70px; } /* line 505, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-thumb.from_right { -webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0px); } /*---------------------Graphic animation From left--------------------------------- */ /* line 522, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-thumb.from_left { opacity: 0; filter: alpha(opacity=0); position: relative; left: -70px; } /* line 529, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-thumb.from_left { -webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0px); } /*---------------------Graphic animation From top--------------------------------- */ /* line 546, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-thumb.from_top { opacity: 0; filter: alpha(opacity=0); position: relative; top: -70px; } /* line 553, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-thumb.from_top { -webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0px); } /*---------------------Graphic animation From bottom--------------------------------- */ /* line 570, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-thumb.from_bottom { opacity: 0; filter: alpha(opacity=0); position: relative; top: 70px; } /* line 577, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-thumb.from_bottom { -webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0px); } /*---------------------Graphic animation Clip from left, Clip from Top-----------------------------*/ /* line 595, scss/modules/shortcodes/_slider.scss */ .no-touch .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_hor, .no-touch .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_ver, .no-touch .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_puzzle { display: inline-block; position: relative; } /* line 603, scss/modules/shortcodes/_slider.scss */ .touch .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_hor, .touch .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_ver, .touch .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_puzzle { opacity: 0; filter: alpha(opacity=0); } /*---------------------Clip Animation Horizontal --------------------------------- */ /* line 613, scss/modules/shortcodes/_slider.scss */ .no-touch .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_hor img { position: absolute; left: 0; top: 0; -webkit-animation: clip_anim_hor 1.75s cubic-bezier(0.165, 0.84, 0.44, 1); animation: clip_anim_hor 1.75s cubic-bezier(0.165, 0.84, 0.44, 1); } /* line 621, scss/modules/shortcodes/_slider.scss */ .touch .carousel-inner .active .qodef-slider-content .qodef-thumb.clip_anim_hor { -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); opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes clip_anim_hor { 0% { clip: rect(0px, 300px, 326px, 170px); opacity: 0; } 20% { clip: rect(0px, 400px, 326px, 320px); opacity: 0.2; } 40% { clip: rect(0px, 140px, 326px, 60px); opacity: 0.4; } 60% { clip: rect(0px, 400px, 326px, 300px); opacity: 0.6; } 80% { clip: rect(0px, 200px, 326px, 0px); opacity: 0.8; } 100% { clip: rect(0px, 470px, 326px, 0px); opacity: 1; } } @keyframes clip_anim_hor { 0% { clip: rect(0px, 300px, 326px, 170px); opacity: 0; } 20% { clip: rect(0px, 400px, 326px, 320px); opacity: 0.2; } 40% { clip: rect(0px, 140px, 326px, 60px); opacity: 0.4; } 60% { clip: rect(0px, 400px, 326px, 300px); opacity: 0.6; } 80% { clip: rect(0px, 200px, 326px, 0px); opacity: 0.8; } 100% { clip: rect(0px, 470px, 326px, 0px); opacity: 1; } } /*---------------------Clip Animation Vertical--------------------------------- */ /* line 687, scss/modules/shortcodes/_slider.scss */ .no-touch .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_ver img { position: absolute; left: 0; top: 0; -webkit-animation: clip_anim_ver 1.75s cubic-bezier(0.165, 0.84, 0.44, 1); animation: clip_anim_ver 1.75s cubic-bezier(0.165, 0.84, 0.44, 1); } /* line 695, scss/modules/shortcodes/_slider.scss */ .touch .carousel-inner .active .qodef-slider-content .qodef-thumb.clip_anim_ver { -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); opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes clip_anim_ver { 0% { clip: rect(0px, 470px, 90px, 0px); opacity: 0; } 20% { clip: rect(200px, 470px, 280px, 0px); opacity: 0.2; } 40% { clip: rect(50px, 470px, 140px, 0px); opacity: 0.4; } 60% { clip: rect(200px, 470px, 300px, 0px); opacity: 0.6; } 80% { clip: rect(0px, 470px, 120px, 0px); opacity: 0.8; } 100% { clip: rect(0px, 470px, 326px, 0px); opacity: 1; } } @keyframes clip_anim_ver { 0% { clip: rect(0px, 470px, 90px, 0px); opacity: 0; } 20% { clip: rect(250px, 470px, 300px, 0px); opacity: 0.2; } 40% { clip: rect(100px, 470px, 170px, 0px); opacity: 0.4; } 60% { clip: rect(200px, 470px, 260px, 0px); opacity: 0.6; } 80% { clip: rect(50px, 470px, 120px, 0px); opacity: 0.8; } 100% { clip: rect(0px, 470px, 326px, 0px); opacity: 0.8; } } /*---------------------Clip Animation Puzzle--------------------------------- */ /* line 760, scss/modules/shortcodes/_slider.scss */ .no-touch .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_puzzle img { position: absolute; left: 0; top: 0; -webkit-animation: clip_anim_puzzle 1.75s; animation: clip_anim_puzzle 1.75s; } /* line 768, scss/modules/shortcodes/_slider.scss */ .touch .carousel-inner .active .qodef-slider-content .qodef-thumb.clip_anim_puzzle { -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); opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes clip_anim_puzzle { 0% { clip: rect(163px, 235px, 163px, 235px); opacity: 0; } 10% { clip: rect(163px, 235px, 326px, 0px); opacity: 0.2; } 20% { clip: rect(163px, 470px, 326px, 235px); opacity: 0.3; } 30% { clip: rect(0px, 470px, 163px, 235px); opacity: 0.4; } 40% { clip: rect(0px, 235px, 163px, 0px); opacity: 0.5; } 50% { clip: rect(163px, 235px, 326px, 0px); opacity: 0.6; } 60% { clip: rect(163px, 470px, 326px, 235px); opacity: 0.7; } 70% { clip: rect(0px, 470px, 163px, 235px); opacity: 0.8; } 80% { clip: rect(0px, 235px, 163px, 0px); opacity: 0.9; } 100% { clip: rect(0px, 470px, 326px, 0px); opacity: 1; } } @keyframes clip_anim_puzzle { 0% { clip: rect(163px, 235px, 163px, 235px); opacity: 0; } 10% { clip: rect(163px, 235px, 326px, 0px); opacity: 0.2; } 20% { clip: rect(163px, 470px, 326px, 235px); opacity: 0.3; } 30% { clip: rect(0px, 470px, 163px, 235px); opacity: 0.4; } 40% { clip: rect(0px, 235px, 163px, 0px); opacity: 0.5; } 50% { clip: rect(163px, 235px, 326px, 0px); opacity: 0.6; } 60% { clip: rect(163px, 470px, 326px, 235px); opacity: 0.7; } 70% { clip: rect(0px, 470px, 163px, 235px); opacity: 0.8; } 80% { clip: rect(0px, 235px, 163px, 0px); opacity: 0.9; } 100% { clip: rect(0px, 470px, 326px, 0px); opacity: 1; } } /*---------------------Graphic animation end--------------------------------- */ /* line 867, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-thumb img { max-height: 100%; } /* line 871, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-text { -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; filter: alpha(opacity=100); position: relative; display: inline-block; width: 100%; margin: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*------------------------------ All at once and one by one animations-------------------------------------------------------------*/ /* line 890, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-text.all_at_once, .carousel-inner .qodef-slider-content .qodef-slider-content-inner.all_at_once { opacity: 0; filter: alpha(opacity=0); } /* line 896, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-text.one_by_one, .carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; opacity: 1; } /*------------------------------ All at once from bottom -------------------------------------------------------------*/ /* line 907, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.from_bottom, .carousel-inner .qodef-slider-content .qodef-slider-content-inner.all_at_once.from_bottom { -webkit-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes text-from-bottom { 0% { -webkit-transform: translate(0, 15%); opacity: 0; } 50% { -webkit-transform: translate(0, 15%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes text-from-bottom { 0% { -moz-transform: translate(0, 15%); opacity: 0; } 50% { -moz-transform: translate(0, 15%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes text-from-bottom { 0% { -o-transform: translate(0, 15%); opacity: 0.5; } 50% { -o-transform: translate(0, 15%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes text-from-bottom { 0% { transform: translate(0, 15%); opacity: 0; } 50% { transform: translate(0, 15%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /*------------------------------ All at once from bottom end-------------------------------------------------------------*/ /*------------------------------ All at once from top -------------------------------------------------------------*/ /* line 982, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.from_top, .carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.all_at_once.from_top { -webkit-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes text-from-top { 0% { -webkit-transform: translate(0, -15%); opacity: 0; } 50% { -webkit-transform: translate(0, -15%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes text-from-top { 0% { -moz-transform: translate(0, -15%); opacity: 0; } 50% { -moz-transform: translate(0, -15%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes text-from-top { 0% { -o-transform: translate(0, -15%); opacity: 0.5; } 50% { -o-transform: translate(0, -15%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes text-from-top { 0% { transform: translate(0, -15%); opacity: 0; } 50% { transform: translate(0, -15%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /*------------------------------ All at once from top end-------------------------------------------------------------*/ /*------------------------------ All at once from left -------------------------------------------------------------*/ /* line 1057, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.from_left, .carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.all_at_once.from_left { -webkit-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes text-from-left { 0% { -webkit-transform: translate(-15%, 0); opacity: 0; } 50% { -webkit-transform: translate(-15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes text-from-left { 0% { -moz-transform: translate(-15%, 0); opacity: 0; } 50% { -moz-transform: translate(-15%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes text-from-left { 0% { -o-transform: translate(-15%, 0); opacity: 0.5; } 50% { -o-transform: translate(-15%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes text-from-left { 0% { transform: translate(-15%, 0); opacity: 0; } 50% { transform: translate(-15%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /*------------------------------ All at once from left end-------------------------------------------------------------*/ /*------------------------------ All at once from right -------------------------------------------------------------*/ /* line 1132, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.from_right, .carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.all_at_once.from_right { -webkit-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes text-from-right { 0% { -webkit-transform: translate(15%, 0); opacity: 0; } 50% { -webkit-transform: translate(15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes text-from-right { 0% { -moz-transform: translate(15%, 0); opacity: 0; } 50% { -moz-transform: translate(15%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes text-from-right { 0% { -o-transform: translate(15%, 0); opacity: 0.5; } 50% { -o-transform: translate(15%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes text-from-right { 0% { transform: translate(15%, 0); opacity: 0; } 50% { transform: translate(15%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /*------------------------------ All at once from right end-------------------------------------------------------------*/ /*------------------------------ All at once fade -------------------------------------------------------------*/ /* line 1207, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.fade, .carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.all_at_once.fade { -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); opacity: 1; filter: alpha(opacity=100); } /*------------------------------ All at once fade end-------------------------------------------------------------*/ /*------------------------------ One by one from bottom -------------------------------------------------------------*/ /* line 1223, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el, .carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_bottom { opacity: 0; filter: alpha(opacity=0); position: relative; top: 70px; } /* line 1231, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el, .carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_bottom { -webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0px); } /* line 1247, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(2) { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } /* line 1252, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(3) { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } /* line 1257, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(4) { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } /* line 1262, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(5) { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } /* line 1267, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(6) { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; } /* line 1272, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(7) { animation-delay: 1.3s; -webkit-animation-delay: 1.3s; } /* line 1277, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(8) { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } /* line 1282, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(9) { animation-delay: 1.7s; -webkit-animation-delay: 1.7s; } /* line 1287, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(10) { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; } /*------------------------------ One by one from bottom end -------------------------------------------------------------*/ /*------------------------------ One by one from top -------------------------------------------------------------*/ /* line 1297, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el, .carousel-inner .qodef-slider-content .qodef-slider-content_inner.one_by_one.from_top { opacity: 0; filter: alpha(opacity=0); position: relative; top: -70px; } /* line 1305, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el, .carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_top { -webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0px); } /* line 1321, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(2) { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } /* line 1326, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(3) { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } /* line 1331, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(4) { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } /* line 1336, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(5) { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } /* line 1341, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(6) { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; } /* line 1346, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(7) { animation-delay: 1.3s; -webkit-animation-delay: 1.3s; } /* line 1351, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(8) { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } /* line 1356, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(9) { animation-delay: 1.7s; -webkit-animation-delay: 1.7s; } /* line 1361, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(10) { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; } @-webkit-keyframes text-one-by-one-from-top { 0% { top: -70px; opacity: 0; } 50% { top: 0px; opacity: 1; } 100% { top: 0px; opacity: 1; } } @-moz-keyframes text-one-by-one-from-top { 0% { top: -70px; opacity: 0; } 50% { top: 0px; opacity: 1; } 100% { top: 0px; opacity: 1; } } @-o-keyframes text-one-by-one-from-top { 0% { top: -70px; opacity: 0; } 50% { top: 0px; opacity: 1; } 100% { top: 0px; opacity: 1; } } @keyframes text-one-by-one-from-top { 0% { top: -70px; opacity: 0; } 50% { top: 0px; opacity: 1; } 100% { top: 0px; opacity: 1; } } /*----------------------------One by one from top end-------------------------------*/ /*------------------------------ One by one from left -------------------------------------------------------------*/ /* line 1432, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el, .carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_left { opacity: 0; filter: alpha(opacity=0); position: relative; left: -70px; } /* line 1440, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el, .carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_left { -webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0px); } /* line 1456, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(2) { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } /* line 1461, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(3) { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } /* line 1466, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(4) { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } /* line 1471, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(5) { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } /* line 1476, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(6) { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; } /* line 1481, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(7) { animation-delay: 1.3s; -webkit-animation-delay: 1.3s; } /* line 1486, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(8) { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } /* line 1491, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(9) { animation-delay: 1.7s; -webkit-animation-delay: 1.7s; } /* line 1496, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(10) { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; } @-webkit-keyframes text-one-by-one-from-left { 0% { left: -70px; opacity: 0; } 50% { left: 0px; opacity: 1; } 100% { left: 0px; opacity: 1; } } @-moz-keyframes text-one-by-one-from-left { 0% { left: -70px; opacity: 0; } 50% { left: 0px; opacity: 1; } 100% { left: 0px; opacity: 1; } } @-o-keyframes text-one-by-one-from-left { 0% { left: -70px; opacity: 0; } 50% { left: 0px; opacity: 1; } 100% { left: 0px; opacity: 1; } } @keyframes text-one-by-one-from-left { 0% { left: -70px; opacity: 0; } 50% { left: 0px; opacity: 1; } 100% { left: 0px; opacity: 1; } } /*----------------------------One by one from left end-------------------------------*/ /*------------------------------ One by one from right -------------------------------------------------------------*/ /* line 1568, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el, .carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_right { opacity: 0; filter: alpha(opacity=0); position: relative; right: -70px; } /* line 1576, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el, .carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_right { -webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0px); } /* line 1592, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(2) { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } /* line 1597, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(3) { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } /* line 1602, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(4) { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } /* line 1607, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(5) { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } /* line 1612, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(6) { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; } /* line 1617, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(7) { animation-delay: 1.3s; -webkit-animation-delay: 1.3s; } /* line 1622, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(8) { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } /* line 1627, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(9) { animation-delay: 1.7s; -webkit-animation-delay: 1.7s; } /* line 1632, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(10) { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; } @-webkit-keyframes text-one-by-one-from-right { 0% { right: -70px; opacity: 0; } 50% { right: 0px; opacity: 1; } 100% { right: 0px; opacity: 1; } } @-moz-keyframes text-one-by-one-from-right { 0% { right: -70px; opacity: 0; } 50% { right: 0px; opacity: 1; } 100% { right: 0px; opacity: 1; } } @-o-keyframes text-one-by-one-from-right { 0% { right: -70px; opacity: 0; } 50% { right: 0px; opacity: 1; } 100% { right: 0px; opacity: 1; } } @keyframes text-one-by-one-from-right { 0% { right: -70px; opacity: 0; } 50% { right: 0px; opacity: 1; } 100% { right: 0px; opacity: 1; } } /*----------------------------One by one from right end-------------------------------*/ /*------------------------------ One by one fade -------------------------------------------------------------*/ /* line 1702, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el, .carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.fade { opacity: 0; filter: alpha(opacity=0); position: relative; } /* line 1709, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el, .carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.fade { -webkit-animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s; -moz-animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s; -o-animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s; animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0px); } /* line 1725, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(2) { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } /* line 1730, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(3) { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } /* line 1735, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(4) { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } /* line 1740, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(5) { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } /* line 1745, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(6) { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; } /* line 1750, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(7) { animation-delay: 1.3s; -webkit-animation-delay: 1.3s; } /* line 1755, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(8) { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } /* line 1760, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(9) { animation-delay: 1.7s; -webkit-animation-delay: 1.7s; } /* line 1765, scss/modules/shortcodes/_slider.scss */ .carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(10) { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; } /*----------------------------One by one fade end-------------------------------*/ /* if slide has thumbanail than set new animation delay times - start */ /* line 1778, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(1) { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } /* line 1783, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(2) { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } /* line 1788, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(3) { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } /* line 1793, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(4) { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } /* line 1798, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(5) { animation-delay: 1s; -webkit-animation-delay: 1s; } /* line 1803, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(6) { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; } /* line 1808, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(7) { animation-delay: 1.4s; -webkit-animation-delay: 1.4s; } /* line 1813, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(8) { animation-delay: 1.6s; -webkit-animation-delay: 1.6s; } /* line 1818, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(9) { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; } /* line 1823, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(10) { animation-delay: 2s; -webkit-animation-delay: 2s; } /* if slide has thumbanail than set new animation delay times - end */ /* one by one element animation - end */ /* line 1832, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-el { width: 100%; } /* line 1836, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-el > div { display: inline-block; vertical-align: middle; width: inherit; } /* line 1842, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-slide-buttons-holder { display: inline-block; width: 100%; } /* line 1847, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn { margin: 40px 8px 0; height: auto !important; } /* line 1852, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-solid:hover { color: #fff !important; } /* line 1856, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-solid { line-height: 56px; } /* line 1860, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-default { color: #fff; line-height: 52px; border-color: rgba(255, 255, 255, 0.5); } /* line 1866, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn:first-child { margin-left: 0; } /* line 1870, scss/modules/shortcodes/_slider.scss */ .carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn:last-child { margin-right: 0; } /* line 1874, scss/modules/shortcodes/_slider.scss */ .carousel-inner h2 { clear: both; font-size: 90px; line-height: 1.0777em; letter-spacing: 0px; font-weight: 700; color: #fff; margin: 0 0 22px; } /* line 1884, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item.dark h2 { color: #16171d; text-transform: none; font-size: 52px; line-height: 1.12em; } /* line 1891, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item.dark h3.qodef-slide-text { color: #7a7a7a; font-size: 18px; line-height: 1.5; } /* line 1897, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item.dark h3.qodef-slide-subtitle { color: #16171d; } /* line 1901, scss/modules/shortcodes/_slider.scss */ .item.dark .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-default, .item.dark .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-default:hover, .carousel-inner .item.dark .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-default:hover { color: #8c8c8c; border-color: #8c8c8c; } /* line 1908, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item.dark .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-solid:hover { color: #fff !important; border-color: #212121 !important; } /* line 1913, scss/modules/shortcodes/_slider.scss */ .carousel-inner h2 a { font-family: inherit !important; font-size: inherit !important; font-style: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-transform: inherit !important; } /* line 1923, scss/modules/shortcodes/_slider.scss */ .carousel-inner h2 span, .carousel-inner h3 span { display: inline-block; } /* line 1928, scss/modules/shortcodes/_slider.scss */ .carousel-inner h3.qodef-slide-subtitle { font-size: 17px; font-weight: 600; letter-spacing: 0; color: #fff; background-color: rgba(255, 255, 255, 0.2); line-height: 1.458em; padding: 9px 20px; display: inline-block; border-left: 7px solid #253D4C; margin: 0 0 20px; } /* line 1941, scss/modules/shortcodes/_slider.scss */ .carousel-inner h3.qodef-slide-text { margin: 0; clear: both; color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 0; line-height: 1.458em; } /* line 1952, scss/modules/shortcodes/_slider.scss */ .carousel-inner .left .qodef-text, .carousel-inner .left h2, .carousel-inner .left h3 { text-align: left; } /* line 1958, scss/modules/shortcodes/_slider.scss */ .carousel-inner .center .qodef-text, .carousel-inner .center h2, .carousel-inner .center h3 { text-align: center; } /* line 1964, scss/modules/shortcodes/_slider.scss */ .carousel-inner .right .qodef-text, .carousel-inner .right h2, .carousel-inner .right h3 { text-align: right; } /* line 1970, scss/modules/shortcodes/_slider.scss */ .carousel-inner { left: 0 !important; position: fixed; overflow: hidden; width: 100%; z-index: 1; transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -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); -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-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); } /* line 1988, scss/modules/shortcodes/_slider.scss */ .carousel-inner.qodef-relative-position, .touch .carousel-inner { position: relative; } /* line 1993, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item img { display: inline-block !important; } /* line 1997, scss/modules/shortcodes/_slider.scss */ .touch .carousel-inner .item { background-position: center 0px !important; } /* line 2001, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item .qodef-image { position: absolute; top: 0px; left: 0px; background-position: center 0px; background-repeat: no-repeat; background-size: cover; width: 100%; height: 110%; } /* animate image - start */ @media only screen and (min-width: 1024px) { /* line 2015, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item.qodef-animate-image.zoom_center .qodef-image { position: absolute; top: 0%; left: 0%; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 110%; -webkit-backface-visibility: hidden; /* to prevent glittering on slide change */ backface-visibility: hidden; } /* line 2028, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item.qodef-animate-image.zoom_top_left .qodef-image, .carousel-inner .item.qodef-animate-image.zoom_top_right .qodef-image, .carousel-inner .item.qodef-animate-image.zoom_bottom_left .qodef-image, .carousel-inner .item.qodef-animate-image.zoom_bottom_right .qodef-image { position: absolute; top: -12%; left: -12%; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 125%; height: 125%; -webkit-backface-visibility: hidden; /* to prevent glittering on slide change */ backface-visibility: hidden; } } /* animate image - end */ /* line 2047, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item .qodef-image img { display: none !important; width: 0px; height: 0px; } /* line 2053, scss/modules/shortcodes/_slider.scss */ .carousel-inner .item .qodef-image-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } /* line 2062, scss/modules/shortcodes/_slider.scss */ .carousel-control { top: 0px; width: 8%; height: 100%; text-shadow: none; position: absolute; z-index: 2 !important; margin: 0px; outline: none; cursor: pointer; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; -ms-transform: 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 */ } /* line 2081, scss/modules/shortcodes/_slider.scss */ .carousel-control.right { right: 0; left: auto; } /* line 2086, scss/modules/shortcodes/_slider.scss */ .carousel-control:hover { opacity: 1 !important; } /* line 2090, scss/modules/shortcodes/_slider.scss */ .carousel-control .qodef-prev-nav, .carousel-control .qodef-next-nav { position: absolute; top: 50%; margin-top: -35px; height: 70px; width: 70px; line-height: 70px; font-size: 20px; color: #fff; background-color: rgba(255, 255, 255, 0.35); 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 .4s ease-out, right .4s ease-out; transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .4s ease-out, right .4s ease-out; } /* line 2107, scss/modules/shortcodes/_slider.scss */ .carousel-control span span { display: block; line-height: inherit; } /* line 2112, scss/modules/shortcodes/_slider.scss */ .carousel-control .qodef-prev-nav { left: 0; border-radius: 0 3px 3px 0; } /* line 2117, scss/modules/shortcodes/_slider.scss */ .carousel-control .qodef-next-nav { right: 0; border-radius: 3px 0 0 3px; } /* line 2122, scss/modules/shortcodes/_slider.scss */ .qodef-slider-thumbs .left.carousel-control:hover .qodef-prev-nav { left: 70px; } /* line 2126, scss/modules/shortcodes/_slider.scss */ .left.carousel-control:hover .qodef-thumb-holder { left: 0; } /* line 2130, scss/modules/shortcodes/_slider.scss */ .qodef-slider-thumbs .right.carousel-control:hover .qodef-next-nav { right: 70px; } /* line 2134, scss/modules/shortcodes/_slider.scss */ .right.carousel-control:hover .qodef-thumb-holder { right: 0; } /* thumb css - start */ /* line 2140, scss/modules/shortcodes/_slider.scss */ .carousel-control .qodef-thumb-holder { width: 70px; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.8); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; } /*left arrow*/ /* line 2151, scss/modules/shortcodes/_slider.scss */ .carousel-control.left .qodef-thumb-holder { left: -70px; -webkit-transition: left .4s ease-out; transition: left .4s ease-out; } /*right arrow*/ /* line 2158, scss/modules/shortcodes/_slider.scss */ .carousel-control.right .qodef-thumb-holder { right: -70px; -webkit-transition: right .4s ease-out; transition: right .4s ease-out; } /* line 2164, scss/modules/shortcodes/_slider.scss */ .carousel-control .qodef-thumb-holder .mejs-offscreen, .carousel-control .qodef-thumb-holder .mejs-container .mejs-controls { display: none !important; } /* effect on hover enabled in responsive above 1000px */ /* line 2171, scss/modules/shortcodes/_slider.scss */ .carousel-control .qodef-numbers { height: 50px; line-height: 50px; font-size: 15px; } /* line 2177, scss/modules/shortcodes/_slider.scss */ .carousel-control .qodef-numbers span { display: inline; } /* line 2181, scss/modules/shortcodes/_slider.scss */ .carousel-control.left .qodef-thumb-arrow { float: left; padding: 0px 0px 0px 20px; } /* line 2186, scss/modules/shortcodes/_slider.scss */ .carousel-control.left .qodef-numbers { float: right; padding: 0px 20px 0px 0px; } /* line 2191, scss/modules/shortcodes/_slider.scss */ .carousel-control.right .qodef-thumb-arrow { float: right; padding: 0px 20px 0px 0px; } /* line 2196, scss/modules/shortcodes/_slider.scss */ .carousel-control.right .qodef-numbers { float: left; padding: 0px 0px 0px 20px; } /* line 2201, scss/modules/shortcodes/_slider.scss */ .carousel-control .qodef-prev-nav .qodef-numbers, .carousel-control .qodef-next-nav .qodef-numbers { float: none; padding: 0; position: absolute; left: 0; right: 0; top: 0; line-height: 50px; height: 50px; -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform: translateY(-100%); } /* line 2218, scss/modules/shortcodes/_slider.scss */ .carousel-control .img { clear: both; width: 70px; height: 70px; position: relative; display: block; overflow: hidden; } /* line 2227, scss/modules/shortcodes/_slider.scss */ .qodef-thumb-holder .img img { vertical-align: middle; width: 70px; height: 70px; } /* thumb css - end */ /* line 2235, scss/modules/shortcodes/_slider.scss */ .carousel-indicators:not(.thumbnails) li { vertical-align: middle; background-color: #fff; position: relative; opacity: 0.4; margin: 5px 7px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out; -ms-transform: background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out; transition: background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out; } /* line 2247, scss/modules/shortcodes/_slider.scss */ .carousel-indicators:not(.thumbnails) li:before { position: absolute; content: ''; left: -5px; top: -5px; border-radius: 20px; border: 2px solid transparent; background-color: transparent; width: 16px; height: 16px; padding: 3px; opacity: 1; -ms-transition: border 0.2s ease-out; -webkit-transition: border 0.2s ease-out; transition: border 0.2s ease-out; } /* line 2264, scss/modules/shortcodes/_slider.scss */ .carousel-indicators:not(.thumbnails) li.active:before { border-color: #fff; } /* line 2268, scss/modules/shortcodes/_slider.scss */ .carousel-indicators:not(.thumbnails) li.active { opacity: 1; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* line 2273, scss/modules/shortcodes/_slider.scss */ .carousel-indicators.thumbnails .active img { padding: 5px; transition: padding 0.2s ease-out; -o-transition: padding 0.2s ease-out; -ms-transition: padding 0.2s ease-out; -moz-transition: padding 0.2s ease-out; -webkit-transition: padding 0.2s ease-out; } /* dark navigation start */ /* line 2283, scss/modules/shortcodes/_slider.scss */ .qodef-dark-navigation .carousel-indicators:not(.thumbnails) li { background-color: #b2b2b2; } /* line 2287, scss/modules/shortcodes/_slider.scss */ .qodef-dark-navigation .carousel-indicators:not(.thumbnails) li.active { background-color: #979797; } /* line 2291, scss/modules/shortcodes/_slider.scss */ .qodef-dark-navigation .carousel-indicators:not(.thumbnails) li.active:before { border-color: #979797; } /* line 2295, scss/modules/shortcodes/_slider.scss */ .qodef-dark-navigation .carousel-control .qodef-prev-nav, .qodef-dark-navigation .carousel-control .qodef-next-nav { color: #fff; background-color: rgba(22, 23, 29, 0.35); } /* dark navigation end */ @-webkit-keyframes rotate { 0% { -webkit-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 50% { -webkit-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { -webkit-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-moz-keyframes rotate { 0% { -moz-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 50% { -moz-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { -moz-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-o-keyframes rotate { 0% { -o-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0.2; } 50% { -o-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0.2; } 100% { -o-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @keyframes rotate { 0% { transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 50% { transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 0px; opacity: 1; } 100% { top: 0px; opacity: 1; } } @-moz-keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 0px; opacity: 1; } 100% { top: 0px; opacity: 1; } } @-o-keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 0px; opacity: 1; } 100% { top: 0px; opacity: 1; } } @keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 0px; opacity: 1; } 100% { top: 0px; opacity: 1; } } /* line 2471, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-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; } /* line 2484, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-overlay { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 11; } /* line 2494, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-overlay.active { background-image: url("img/pixel-video.png"); background-position: 0px 0px; background-repeat: repeat; opacity: 1; } /* line 2501, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-overlay img { display: none !important; } /* line 2505, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap { top: 0px; left: 0px; overflow: hidden; position: absolute; width: 100%; z-index: 10; } /* line 2514, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-poster { background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; } /* line 2521, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-offscreen { display: none; } /* line 2525, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-container .mejs-controls { display: none !important; } /* line 2529, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-controls .mejs-button button:focus { outline: none !important; } /* line 2533, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.18) !important; } /* line 2537, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-container { background-color: transparent !important; background-image: none !important; height: auto !important; } /* line 2543, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-mediaelement { background: none !important; border: 0px !important; } /* line 2548, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } /* line 2553, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-controls button { opacity: 0.8; } /* line 2554, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1 !important; } /* line 2556, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-controls .mejs-time-rail .mejs-time-total { background: #1f1f1f none repeat scroll 0 0 !important; } /* line 2560, scss/modules/shortcodes/_slider.scss */ .carousel .qodef-video .qodef-video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent !important; } /* ==== Carousel Custom - End ==== */ /* ========================================================================== End of Qode slider styles ========================================================================== */ /* line 1, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info { border: 1px solid #dfdfdf; text-align: center; padding: 30px; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } /* line 9, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info .qodef-pricing-info-title { margin-bottom: 10px; } /* line 13, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info .qodef-pricing-info-description { margin-bottom: 20px; line-height: 21px; } /* line 18, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info .qodef-pricing-info-pricing { display: inline-block; line-height: 1; margin-bottom: 24px; } /* line 22, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info .qodef-pricing-info-pricing .qodef-value, .qodef-pricing-info .qodef-pricing-info-pricing .qodef-price { font-size: 43px; font-weight: 600; color: #253D4C; vertical-align: middle; } /* line 30, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info .qodef-pricing-info-pricing .qodef-mark { color: #b2b2b2; vertical-align: middle; } /* line 33, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info .qodef-pricing-info-pricing .qodef-mark:before { content: "/"; } /* line 39, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info.qodef-active { -webkit-transform: translateY(-16px); -ms-transform: translateY(-16px); transform: translateY(-16px); } /* line 42, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info.qodef-active .qodef-active-text { position: absolute; right: 25px; top: -45px; z-index: 20; } /* line 48, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info.qodef-active .qodef-active-text .qodef-active-text-inner { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); rotation: 90deg; -ms-rotation: 90deg; padding: 17px 11px 11px 8px; box-sizing: border-box; font-size: 13px; font-family: Raleway, sans-serif; font-weight: 700; color: #fff; text-align: center; line-height: 17px; text-transform: uppercase; } /* line 64, scss/modules/shortcodes/_pricing-info.scss */ .qodef-pricing-info.qodef-active .qodef-active-text span { display: block; width: 70px; height: 70px; background: #16171D; -webkit-transform: rotate(11.25deg); -ms-transform: rotate(11.25deg); transform: rotate(11.25deg); rotation: 12.5deg; -ms-rotation: 12.5deg; } /* line 1, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider { text-align: center; } /* line 4, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-button-holder { margin-bottom: 116px; } /* line 11, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-button.active .qodef-btn, .qodef-pricing-slider .qodef-pricing-slider-button-extra.active .qodef-btn { background-color: #253D4C; border-color: #253D4C; color: #fff; } /* line 18, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-button-extra { margin-left: 9px; } /* line 21, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-bar-holder { height: 4px; background-color: #e4e4e4; margin-bottom: 114px; position: relative; } /* line 27, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-drag { width: 30px; height: 30px; border-radius: 20px; display: inline-block; background-color: #253D4C; position: absolute; line-height: 30px; top: -15px !important; left: 0; cursor: pointer; z-index: 10; } /* line 38, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-drag i { font-size: 10px; color: #fff; } /* line 45, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-bar { height: 100%; background-color: #253D4C; } /* line 50, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .delimiter { width: 3px; height: 4px; background-color: #a1a1a1; display: inline-block; position: absolute; top: 0; left: 10%; } /* line 60, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-info-holder { width: 30%; margin: 0 auto; } /* line 65, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-info { padding: 41px 30px; } /* line 67, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-info .qodef-pricing-info-pricing { margin-bottom: 46px; } /* line 72, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-value-holder { text-align: center; position: absolute; z-index: 100; opacity: 1; top: 26px; box-sizing: border-box; width: 120px; -webkit-transform: translateX(calc(-50% - 9px)); -ms-transform: translateX(calc(-50% - 9px)); transform: translateX(calc(-50% - 9px)); } /* line 82, scss/modules/shortcodes/_pricing-slider.scss */ .qodef-pricing-slider .qodef-pricing-slider-value-holder .qodef-pricing-slider-value { font-size: 15px; font-weight: 500; color: #b2b2b2; display: inline-block; text-align: center; height: 20px; line-height: 20px; } /* ========================================================================== # Info box style - begin ========================================================================== */ /* line 5, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box { position: relative; text-align: center; width: 100%; } /* line 11, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box .qodef-info-box-font-side { background-color: #fff; width: 100%; } /* line 15, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box .qodef-info-box-font-side .qodef-info-box-front-side-inner { vertical-align: middle; padding: 30px; } /* line 20, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box .qodef-info-box-font-side .qodef-info-box-icon-holder { padding: 0 0 26px 0; } /* line 24, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box .qodef-info-box-font-side .qodef-info-box-title { margin: 0 0 7px 0; } /* line 30, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box.qodef-animate { height: 280px; } /* line 33, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box.qodef-animate .qodef-info-box-font-side, .qodef-info-box.qodef-animate .qodef-info-box-back-side { box-sizing: border-box; position: absolute; width: 100%; height: 100%; -ms-transition: -ms-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* line 46, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box.qodef-animate .qodef-info-box-font-side { -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } /* line 52, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box.qodef-animate .qodef-info-box-back-side { background-color: #253D4C; -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); display: table; } /* line 59, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box.qodef-animate .qodef-info-box-back-side .qodef-info-box-back-side-inner { display: table-cell; vertical-align: middle; padding: 30px; } /* line 66, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box.qodef-animate:hover .qodef-info-box-font-side { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } /* line 71, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box.qodef-animate:hover .qodef-info-box-back-side { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } /* line 78, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box.qodef-with-border .qodef-info-box-font-side { border: 1px solid #dfdfdf; } /* line 84, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box.qodef-back-margin .qodef-info-box-button { margin: 30px 0 0 0; } /* line 89, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box .qodef-light { color: #fff; } /* line 91, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box .qodef-light .qodef-info-box-title * { color: #fff; } /* line 94, scss/modules/shortcodes/_info-box.scss */ .qodef-info-box .qodef-light .qodef-btn.qodef-btn-outline { color: #fff !important; border-color: #fff !important; } /* ========================================================================== # Info box style - end ========================================================================== */ /* line 3, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table { table-layout: fixed; width: 100%; /* must have this set */ } /* line 7, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table thead tr { border: 1px solid #f0eeed; } /* line 10, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table thead th { font-size: 16px; font-weight: 600; color: #202020; border-right: 1px solid #f0eeed; padding: 21px 27px; } /* line 16, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table thead th:first-child { text-align: left; width: 50%; background-color: #fcfbfc; } /* line 21, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table thead th:nth-child(2n + 3) { background-color: #fafcff; } /* line 24, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table thead th:last-child { border-right: 0; } /* line 30, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table tbody tr { border: 1px solid #f0eeed; } /* line 33, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table tbody td { vertical-align: middle; border-right: 1px solid #f0eeed; padding: 12px 27px 7px; font-size: 13px; } /* line 38, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table tbody td:first-child { background-color: #fcfbfc; text-align: left; width: 50%; } /* line 43, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table tbody td:nth-child(2n + 3) { background-color: #fafcff; } /* line 46, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table tbody td:last-child { border-right: 0; } /* line 50, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table tbody td .qodef-mark { font-size: 26px; color: #f0eeed; } /* line 53, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table table tbody td .qodef-mark.qodef-checked { color: #253D4C; } /* line 65, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table.qodef-cols-1 table thead th:first-child { width: 66.66%; } /* line 72, scss/modules/shortcodes/_service-table.scss */ .qodef-service-table.qodef-cols-1 table tbody td:first-child { width: 66.66%; } /* ========================================================================== # 3d Mobile Showcase Style - begin ========================================================================== */ /* line 6, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper { position: relative; margin: 0; width: 100%; /* Screens */ } /* line 11, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-mobile-preview-image { display: none; text-align: center; } /* line 16, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-perspective { position: relative; margin: 0px auto; width: 240px; height: 550px; -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; -webkit-perspective-origin: 50% 0%; -moz-perspective-origin: 50% 0%; perspective-origin: 50% 0%; } /* line 29, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-device { position: absolute; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; -webkit-transform: rotateY(17deg) rotateX(10deg); -moz-transform: rotateY(17deg) rotateX(10deg); transform: rotateY(17deg) rotateX(10deg); } /* line 41, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-device, .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object, .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object > div, .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* line 50, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object { position: absolute; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } /* line 58, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object > div { position: absolute; display: block; background: #181818; } /* line 64, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-front, .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-back { width: 239.99952px; height: 508px; border-radius: 34px; } /* line 71, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-top, .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-bottom { width: 30px; height: 179.99952px; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } /* line 80, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-left, .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-right { width: 30px; height: 448px; } /* line 86, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-front { background: #181818 url(img/iPhone5_front.png) no-repeat top left; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; -webkit-transform: rotateY(0deg) translateZ(15px); -moz-transform: rotateY(0deg) translateZ(15px); transform: rotateY(0deg) translateZ(15px); } /* line 96, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-back { -webkit-transform: rotateX(180deg) translateZ(15px); -moz-transform: rotateX(180deg) translateZ(15px); transform: rotateX(180deg) translateZ(15px); } /* line 102, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-right { -webkit-transform: translateY(30px) rotateY(90deg) translateZ(224.99952px); -moz-transform: translateY(30px) rotateY(90deg) translateZ(224.99952px); transform: translateY(30px) rotateY(90deg) translateZ(224.99952px); } /* line 108, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-left { -webkit-transform: translateY(30px) rotateY(-90deg) translateZ(15px); -moz-transform: translateY(30px) rotateY(-90deg) translateZ(15px); transform: translateY(30px) rotateY(-90deg) translateZ(15px); } /* line 114, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-top { -webkit-transform: rotateZ(-90deg) translateY(15px) rotateY(90deg); -moz-transform: rotateZ(-90deg) translateY(15px) rotateY(90deg); transform: rotateZ(-90deg) translateY(15px) rotateY(90deg); } /* line 120, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-bottom { -webkit-transform: rotateZ(-90deg) translateY(15px) rotateY(-90deg) translateZ(508px); -moz-transform: rotateZ(-90deg) translateY(15px) rotateY(-90deg) translateZ(508px); transform: rotateZ(-90deg) translateY(15px) rotateY(-90deg) translateZ(508px); } /* line 126, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-side:before, .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-side:after { position: absolute; top: -25px; left: 0; width: 30px; height: 23px; background: #181818; background: -webkitlinear-gradient(bottom, #181818 0%, #333333 100%); background: -moz-linear-gradient(bottom, #181818 0%, #333333 100%); background: linear-gradient(to top, #181818 0%, #333333 100%); content: ""; -webkit-transform: rotateX(22.5deg) translateZ(-7px); -moz-transform: rotateX(22.5deg) translateZ(-7px); transform: rotateX(22.5deg) translateZ(-7px); } /* line 143, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-side:after { top: 100%; background: -webkit-linear-gradient(top, #181818 0%, #333333 100%); background: -moz-linear-gradient(top, #181818 0%, #333333 100%); background: linear-gradient(to bottom, #181818 0%, #333333 100%); -webkit-transform: rotateX(-22.5deg) translateZ(-7px); -moz-transform: rotateX(-22.5deg) translateZ(-7px); transform: rotateX(-22.5deg) translateZ(-7px); } /* line 158, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; display: none; } /* line 165, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(1), .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(2), .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(3), .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(4), .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(5) { display: block; } /* line 173, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens > .qodef-screen { position: absolute; width: 203.99959px; height: 362.0008px; top: 72.9996px; left: 17.99996px; outline: none; cursor: pointer; opacity: 1; -webkit-transition: -webkit-transform 0.7s, opacity 0.4s; transition: -moz-transform 0.7s, opacity 0.4s; transition: transform 0.7s, opacity 0.4s; -webkit-transform: translateZ(16px); -moz-transform: translateZ(16px); transform: translateZ(16px); } /* line 190, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens > .qodef-screen::after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } /* line 202, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label { border: 1px solid #797979; color: #797979; position: absolute; left: 100%; margin-left: 18px; width: 200px; padding: 10px; font-size: 15px; line-height: 20px; opacity: 0; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; -moz-transition: opacity 0.7s, -moz-transform 0.7s; transition: opacity 0.7s, transform 0.7s; } /* line 221, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens > .qodef-screen:hover .qodef-label { border-color: #253D4C; color: #253D4C; } /* line 226, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::after { right: 100%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-right-color: #797979; border-width: 13px; top: 50%; margin-top: -13px; } /* line 241, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::after, .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* line 252, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::after { border-color: transparent; border-right-color: #fff; border-width: 13px; top: 50%; margin-top: -13px; } /* line 260, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::before { border-color: transparent; border-right-color: #797979; border-width: 14px; top: 50%; margin-top: -14px; } /* line 268, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens > .qodef-screen:hover .qodef-label::before { border-right-color: #253D4C; } /* line 278, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-label { opacity: 1; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); } /* line 285, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(1) { -webkit-transform: translateZ(65px); -moz-transform: translateZ(65px); transform: translateZ(65px); -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; opacity: 0.9; } /* line 294, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(1) .qodef-label { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s; } /* line 301, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(2) { -webkit-transform: translateZ(115px); -moz-transform: translateZ(115px); transform: translateZ(115px); -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; opacity: 0.9; } /* line 310, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(2) .qodef-label { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; } /* line 317, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(3) { -webkit-transform: translateZ(165px); -moz-transform: translateZ(165px); transform: translateZ(165px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; opacity: 0.9; } /* line 326, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(3) .qodef-label { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; } /* line 333, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(4) { -webkit-transform: translateZ(215px); -moz-transform: translateZ(215px); transform: translateZ(215px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 0.9; } /* line 342, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(4) .qodef-label { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; } /* line 349, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(5) { -webkit-transform: translateZ(265px); -moz-transform: translateZ(265px); transform: translateZ(265px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; opacity: 0.9; } /* line 358, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(5) .qodef-label { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; } /* line 365, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens > .qodef-screen:hover::after { opacity: 1; } /* line 372, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-device { -webkit-transform: rotateY(-30deg) rotateX(90deg) translateZ(-15px) translateZ(-97px); -moz-transform: rotateY(-30deg) rotateX(90deg) translateZ(-15px) translateZ(-97px); transform: rotateY(-30deg) rotateX(90deg) translateZ(-15px) translateZ(-97px); } /* line 385, scss/modules/shortcodes/_mobile-showcase.scss */ .touch .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-mobile-preview-image { display: block; } /* line 389, scss/modules/shortcodes/_mobile-showcase.scss */ .touch .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-perspective { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ /* line 401, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-mobile-preview-image { display: block; margin-top: 135px; } /* line 406, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-perspective { display: none; } } @-moz-document url-prefix() { /* Mozila CSS styles go here */ /* line 419, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-mobile-preview-image { display: block; margin-top: 135px; } /* line 424, scss/modules/shortcodes/_mobile-showcase.scss */ .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-perspective { display: none; } } /* ========================================================================== # 3d Mobile Showcase Style - end ========================================================================== */ /* ========================================================================== # Clients style - begin ========================================================================== */ /* line 6, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder { float: left; text-align: inherit; margin-bottom: 0; } /* line 11, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder .qodef-client-holder-inner { position: relative; margin: 0; } /* line 15, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder a, .qodef-clients .qodef-client-holder .qodef-client-image-nolink { display: inline-block; vertical-align: middle; max-width: 100%; line-height: 0; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; position: relative; overflow: hidden; } /* line 26, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder.qodef-hover-opacity a:hover { opacity: 0.4; } /* line 29, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder .qodef-client-image { position: relative; display: block; } /* line 33, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder .qodef-client-hover-image { position: absolute; top: 0; left: 0; display: block; } /* line 41, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-hover-image, .qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-image { -webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease; } /* line 46, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-hover-image { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /* line 49, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder.qodef-clients-roll-over a:hover .qodef-client-hover-image, .qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-image-nolink:hover .qodef-client-hover-image { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); } /* line 55, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder.qodef-clients-roll-over a:hover .qodef-client-image, .qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-image-nolink:hover .qodef-client-image { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93); } /* line 64, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-hover-image, .qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-image { -webkit-transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93); transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93); } /* line 68, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-hover-image { opacity: 0; } /* line 71, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder.qodef-clients-fade a:hover .qodef-client-hover-image, .qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-image-nolink:hover .qodef-client-hover-image { opacity: 1; } /* line 75, scss/modules/shortcodes/_clients.scss */ .qodef-clients .qodef-client-holder.qodef-clients-fade a:hover .qodef-client-image, .qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-image-nolink:hover .qodef-client-image { opacity: 0; } /* line 83, scss/modules/shortcodes/_clients.scss */ .qodef-clients.qodef-clients-two-columns .qodef-client-holder { width: 50%; } /* line 88, scss/modules/shortcodes/_clients.scss */ .qodef-clients.qodef-clients-three-columns .qodef-client-holder { width: 33.33%; } /* line 94, scss/modules/shortcodes/_clients.scss */ .qodef-clients.qodef-clients-four-columns .qodef-client-holder { width: 25%; } /* line 99, scss/modules/shortcodes/_clients.scss */ .qodef-clients.qodef-clients-five-columns .qodef-client-holder { width: 20%; } /* line 105, scss/modules/shortcodes/_clients.scss */ .qodef-clients.qodef-clients-six-columns .qodef-client-holder { width: 16.66%; } /* ========================================================================== # Clients style - end ========================================================================== */ /* ========================================================================== #Twitter feed ========================================================================== */ /* line 4, scss/modules/widgets/_twitter.scss */ .qodef_twitter_widget li { margin-bottom: 13px; position: relative; box-sizing: border-box; } /* line 10, scss/modules/widgets/_twitter.scss */ .qodef_twitter_widget li .tweet_icon_holder { position: absolute; top: 5px; } /* line 15, scss/modules/widgets/_twitter.scss */ .qodef_twitter_widget li .tweet_icon_holder .social_twitter { font-size: 18px; color: #253D4C; font-family: 'ElegantIcons'; } /* line 21, scss/modules/widgets/_twitter.scss */ .qodef_twitter_widget li .tweet_content_holder { font-size: 14px; padding-left: 33px; color: #a2a2a2; } /* ========================================================================== Widgets general start styles ========================================================================== */ /* line 4, scss/modules/widgets/_widgets.scss */ .qodef-sidebar, .qodef-side-menu { margin-bottom: 50px; } /* line 9, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget, .qodef-side-menu .widget { margin-top: 30px; } /* line 12, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget h4, .qodef-side-menu .widget h4 { margin-bottom: 15px; position: relative; padding-left: 18px; display: inline-block; font-size: 17px; font-weight: 700; color: #212121; } /* line 22, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget h4:before, .qodef-side-menu .widget h4:before { position: absolute; content: ""; width: 12px; height: 12px; display: inline-block; background-color: #253D4C; left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* line 35, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget label, .qodef-side-menu .widget label { display: block; padding-bottom: 5px; } /* line 40, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget ul, .qodef-side-menu .widget ul { list-style: none; } /* line 44, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget ul > li, .qodef-side-menu .widget ul > li { padding: 10px 0; border-bottom: 1px dotted #dfdfdf; color: #acacac; } /* line 50, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget a, .qodef-side-menu .widget a { color: #acacac; } /* line 54, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget a:hover, .qodef-side-menu .widget a:hover { color: #253D4C; } /* line 58, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget ul > li ul > li, .qodef-side-menu .widget ul > li ul > li { border-bottom: 0; } /* line 63, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget:first-child, .qodef-side-menu .widget:first-child { margin-top: 0; } /* line 67, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget.widget_archive select, .qodef-sidebar .widget.widget_archive select option, .qodef-sidebar .widget.widget_categories select, .qodef-sidebar .widget.widget_text select, .qodef-side-menu .widget.widget_archive select, .qodef-side-menu .widget.widget_archive select option, .qodef-side-menu .widget.widget_categories select, .qodef-side-menu .widget.widget_text select { width: 100%; overflow: hidden; border: 1px solid #e9e9e9; font-size: 13px; background-color: #f6f6f5; outline: 0; color: #7f8385; font-family: inherit; padding: 9px 12px; height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 84, scss/modules/widgets/_widgets.scss */ .qodef-sidebar #searchform, .qodef-side-menu #searchform { width: 100%; box-sizing: border-box; display: inline-block; overflow: hidden; background-color: transparent; border: 2px solid #eaeaea; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; } /* line 95, scss/modules/widgets/_widgets.scss */ .qodef-sidebar #searchform label, .qodef-side-menu #searchform label { display: none; } /* line 99, scss/modules/widgets/_widgets.scss */ .qodef-sidebar #searchform input[type="text"], .qodef-side-menu #searchform input[type="text"] { display: inline-block; text-decoration: none; border: 0; outline: 0; color: #8d8d8d; background-color: transparent; font-family: inherit; margin: 0; padding: 0 12px; width: 77%; height: 44px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 115, scss/modules/widgets/_widgets.scss */ .qodef-sidebar #searchform input[type="submit"], .qodef-side-menu #searchform input[type="submit"] { width: 13%; height: 44px; line-height: 44px; display: inline-block; margin: 0; padding: 0 4%; outline: 0; border: 0; box-sizing: initial; text-decoration: none; background-color: transparent; color: #8d8d8d; font-family: 'FontAwesome',sans-serif; font-weight: normal; text-align: center; cursor: pointer; white-space: nowrap; float: right; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; font-size: 16px; } /* line 139, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .tagcloud a, .qodef-side-menu .tagcloud a { text-transform: capitalize; position: relative; letter-spacing: 0.4px; font-size: 14px !important; } /* line 146, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .tagcloud a:first-child, .qodef-side-menu .tagcloud a:first-child { margin-left: 0; } /* line 150, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .tagcloud a:after, .qodef-side-menu .tagcloud a:after { content: ''; width: 100%; border-bottom: 1px solid #acacac; position: absolute; left: 0; bottom: 0; -webkit-transition: border-color 0.2s ease-out, color 0.2s ease-out; transition: border-color 0.2s ease-out, color 0.2s ease-out; } /* line 160, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .tagcloud a:hover:after, .qodef-side-menu .tagcloud a:hover:after { border-color: #253D4C; } /* line 164, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget.widget_recent_comments a, .qodef-side-menu .widget.widget_recent_comments a { color: #253D4C; } /* line 168, scss/modules/widgets/_widgets.scss */ .qodef-sidebar .widget.widget_recent_comments a:hover, .qodef-side-menu .widget.widget_recent_comments a:hover { color: #535353; } /* line 175, scss/modules/widgets/_widgets.scss */ .qodef-header-overlapping .qodef-overlapping-top-container .widget_text { float: left; padding: 0 20px 0 0; margin: 0 20px 0 0; border-right: 1px solid #dbdbdb; } /* line 181, scss/modules/widgets/_widgets.scss */ .qodef-header-overlapping .qodef-overlapping-top-container .widget_text:last-child { margin: 0; padding: 0; border: none; } /* line 188, scss/modules/widgets/_widgets.scss */ .qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-content-holder, .qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-icon-holder { width: auto; } /* line 193, scss/modules/widgets/_widgets.scss */ .qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt .qodef-iwt-title-holder h6 { line-height: 17px; font-size: 13px; } /* line 198, scss/modules/widgets/_widgets.scss */ .qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt .qodef-iwt-text-holder { font-size: 13px; line-height: 21px; } /* line 203, scss/modules/widgets/_widgets.scss */ .qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt:not(.qodef-iwt-left-from-title) .qodef-iwt-title-holder { margin: 0; } /* line 211, scss/modules/widgets/_widgets.scss */ .qodef-top-bar .widget { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } /* line 219, scss/modules/widgets/_widgets.scss */ .qodef-top-bar .qodef-position-right .widget:last-child { margin: 0; } /* Live search style start */ /* line 230, scss/modules/widgets/_widgets.scss */ .qodef-search-element #searchform { width: 100%; box-sizing: border-box; display: inline-block; overflow: hidden; padding: 5px; background: rgba(255, 255, 255, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; position: relative; } /* line 242, scss/modules/widgets/_widgets.scss */ .qodef-search-element #searchform label { display: none; } /* line 246, scss/modules/widgets/_widgets.scss */ .qodef-search-element #searchform input[type="text"] { display: inline-block; text-decoration: none; border: 0; outline: 0; color: #8d8d8d; background-color: #fff; font-family: inherit; margin: 0; width: 100%; height: 65px; float: left; font-size: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 65px 0 30px; } /* line 264, scss/modules/widgets/_widgets.scss */ .qodef-search-element #searchform input[type="submit"] { width: 65px; height: 65px; line-height: 65px; display: inline-block; margin: 0; padding: 0; outline: 0; border: 0; box-sizing: initial; text-decoration: none; background-color: transparent; color: #8d8d8d; font-family: 'FontAwesome', sans-serif; font-weight: normal; text-align: center; cursor: pointer; white-space: nowrap; float: right; -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out; transition: color 0.2s ease-out, background-color 0.2s ease-out; font-size: 25px; position: absolute; right: 5px; top: 5px; } /* line 289, scss/modules/widgets/_widgets.scss */ .qodef-search-element #searchform input[type="submit"]:hover { background-color: #202020; color: #fff; } /* line 298, scss/modules/widgets/_widgets.scss */ .qodef-search-element.qodef-live-search-enabled #searchform i { position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 28px; } /* line 309, scss/modules/widgets/_widgets.scss */ .dwls_search_results { display: block; padding: 0 27px 0 27px; max-height: 500px; position: absolute; left: 0; overflow: auto; z-index: 9999; list-style-type: none; list-style-image: none; list-style-position: inside; border-radius: 0 0 2px 2px; border: 1px solid #dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } @media only screen and (max-width: 1024px) { /* line 309, scss/modules/widgets/_widgets.scss */ .dwls_search_results { margin: 0; } } /* line 330, scss/modules/widgets/_widgets.scss */ .admin-bar .dwls_search_results { margin-top: -32px; } /* line 335, scss/modules/widgets/_widgets.scss */ .qodef-header-vertical .dwls_search_results { /*margin: 0 0 0 0; @include ipad-landscape { margin: 0; }*/ } /* line 342, scss/modules/widgets/_widgets.scss */ .dwls_search_results li { display: block; border-bottom: 1px solid #dadada; margin: 0 0 0 0; text-align: left; text-decoration: none; } /* line 349, scss/modules/widgets/_widgets.scss */ .dwls_search_results li p { margin: 5px 0 0 0; } /* line 353, scss/modules/widgets/_widgets.scss */ .dwls_search_results li a, .dwls_search_results li a:visited { display: block; margin-left: 0; padding: 18px 0; text-decoration: none; color: #797979; } /* line 362, scss/modules/widgets/_widgets.scss */ .dwls_search_results li a:hover, .dwls_search_results li a:visited { color: #253D4C; } /* line 369, scss/modules/widgets/_widgets.scss */ .dwls_search_results .daves-wordpress-live-search_title span { display: block; } /* line 372, scss/modules/widgets/_widgets.scss */ .dwls_search_results .daves-wordpress-live-search_title .search-category { font-size: 90%; } /* line 375, scss/modules/widgets/_widgets.scss */ .dwls_search_results .daves-wordpress-live-search_title .daves-wordpress-live-search_title, .dwls_search_results .daves-wordpress-live-search_title .daves-wordpress-live-search_title span { display: block; } /* line 380, scss/modules/widgets/_widgets.scss */ .dwls_search_results .daves-wordpress-live-search_author { margin: 5px 0 0 0; font-size: 90%; } /* line 384, scss/modules/widgets/_widgets.scss */ .dwls_search_results .daves-wordpress-live-search_date { margin: 0; font-size: 90%; } /* line 388, scss/modules/widgets/_widgets.scss */ .dwls_search_results .excerpt, .dwls_search_results .meta { width: 100%; } /* line 393, scss/modules/widgets/_widgets.scss */ .dwls_search_results .search_footer a { display: block; margin-left: 0; padding: 18px 0; text-decoration: none; color: #797979; } /* line 399, scss/modules/widgets/_widgets.scss */ .dwls_search_results .search_footer a:hover, .dwls_search_results .search_footer a:visited { color: #253D4C; } /* line 405, scss/modules/widgets/_widgets.scss */ .dwls_search_results .clearfix { float: none !important; clear: both !important; } /* line 411, scss/modules/widgets/_widgets.scss */ #search_results_activity_indicator { width: 30px; height: 30px; } /* line 414, scss/modules/widgets/_widgets.scss */ #search_results_activity_indicator canvas { width: 30px; height: 30px; position: absolute; top: 17px; left: 30px; background: #fff; } /* line 422, scss/modules/widgets/_widgets.scss */ .admin-bar #search_results_activity_indicator canvas { top: -13px; } /* Live search style end */ /* ========================================================================== Widgets general end styles ========================================================================== */ /* ========================================================================== Sticky Sidebar widget start styles ========================================================================== */ /* line 5, scss/modules/widgets/_sticky-sidebar.scss */ .qodef-widget-sticky-sidebar { position: relative; width: 100%; height: 0px; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; } /* ========================================================================== Sticky Sidebar widget end styles ========================================================================== */ /*# sourceMappingURL=modules.css.map */