/* Theme Name: Ekko Theme URI: http://www.ekko-wp.com/ Author: Key-Design Author URI: http://themeforest.net/user/Key-Design Description: Multi-Purpose WordPress Theme with Block Builder Version: 1.3 Text Domain: ekko Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready License: GNU General Public License License URI: license.txt /* 1. GLOBAL STYLES 2. TYPOGRAPHY 2.1 FONTS 2.2 HEADINGS 3. LAYOUT 3.1 GENERAL 3.2 PRELOADER 3.3 LOGO 3.4 CAROUSELS 4. MENU 5. HEADER 6. SECTIONS 7. FOOTER 8. ICONS 9. BLOG 10.404 PAGE 11.PORTFOLIO 12.CONTACT 13.BBPRESS 14.SIDE PANEL 15.RESPONSIVE 16.CUSTOMIZER -------------------------------------- 1. GLOBAL STYLES -----------------------------------------*/ html { font-size: 100%; background-color: #fff; } body { overflow-x: hidden; font-weight: normal; padding: 0; color: #6d6d6d; font-family: 'Open Sans'; line-height: 24px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .scrollLock { position: fixed; width: 100%; left: 0px; top: 0px; overflow-y: scroll; } .navbar.navbar-default .navbar-nav a { color: #6d6d6d; } @media (min-width: 1560px) { body.boxed { -webkit-box-shadow: 0px 2px 40px 0px hsla(240, 0%, 6%, 0.05); box-shadow: 0px 2px 40px 0px hsla(240, 0%, 6%, 0.05); width: 1560px; margin: 0 auto; } } body.modal-open.boxed { padding-right: 0!important; } @media (min-width: 1560px) { .boxed #footer.fixed, .boxed .navbar.navbar-default { left: 50%; margin-left: -780px; max-width: 1560px; } } .vc_empty_space { clear: both; } #wrapper #signup-content { display: flex; justify-content: center; flex-direction: column; text-align: center; height: 100vh; } .post-link, #comments .reply a, .author-desc-wrapper a { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } a, a:hover, a:focus, a:active, a.active { outline: 0; text-decoration: none; } .btn:focus, .btn:active, .btn.active, .btn:active:focus { outline: 0; } p { margin-bottom: 0; line-height: 1.8; } ::-moz-selection { text-shadow: none; color: #fff; } ::selection { text-shadow: none; color: #fff; } img::-moz-selection { background: 0 0; } .vc_row { margin-left: 0 !important; margin-right: 0 !important; position: relative; } .vc_row.vc_row-fixed-bg { background-attachment: fixed !important; } .vc_row-bottom-rounded-corners { border-bottom-left-radius: 50% 10%; border-bottom-right-radius: 50% 10%; } .vc_row-top-rounded-corners { border-top-left-radius: 50% 10%; border-top-right-radius: 50% 10%; } .vc_empty-placeholder { margin-bottom: 0 !important; } .vc_section { padding: 0!important; overflow: hidden; margin: 0!important; } .boxed-column { overflow: hidden; } #wrapper { position: relative; z-index: 10; background-color: #fff; padding-bottom: 0; } .page-template-default #wrapper { padding-bottom: 0; } .page-template-default #primary { padding-bottom: 40px; } .home.page-template-default #wrapper { min-height: calc(100vh - 108px); } @media (min-width: 1560px) { body.boxed #wrapper { overflow: hidden; } } .vc_row.outer-margin { margin-left: -15px !important; margin-right: -15px !important; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 30px auto 30px auto; } .alignright { float: right; margin: 0px 0 40px 40px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background-color: #fff; border: none; max-width: 100%; padding: 0; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } #wrapper .wpb_single_image .vc_single_image-wrapper.vc_box_shadow img { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } .wpb_raw_html table { font-weight: bold; border: 1px solid #e5e7f2; width: 100%;} .wpb_raw_html table td { border: 1px solid #e5e7f2; padding: 15px 30px; } .wpb_raw_html table td:first-child { color: #1f1f1f} #wrapper .wpb_single_image .vc_single_image-wrapper.vc_box_shadow { box-shadow: none; background: none; } #commentform #submit, #single-page .bbp-login-form .user-submit, .woocommerce .woocommerce-form-login .button, .woocommerce .checkout_coupon .button, .content-area .vc_grid .vc_gitem-zone-c .vc_general, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce-cart #single-page table.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, #single-page .return-to-shop a, .woocommerce-account #single-page .woocommerce-Button, .keydesign-cart .buttons .btn, .woocommerce #review_form #respond .form-submit input, .woocommerce div.product form.cart .button, .tt_button { text-align: center; font-weight: 700; color: #fff; padding: 0 40px; margin: auto; box-sizing: border-box; outline: none; cursor: pointer; border-radius: 0px; min-height: 48px; display: flex; align-items: center; justify-content: center; width: -moz-max-content; width: max-content; overflow: hidden; -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; } #single-page .bbp-login-form .bbp-submit-wrapper { width: 100%; } .woocommerce .woocommerce-form-login .button { margin: 0; margin-top: 34px; } .vc_parallax .vc_parallax-inner { background-image: inherit!important; } .kd_vc_parallax .parallax-overlay { position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; backface-visibility: hidden; background-image: inherit; background-size: cover; } .woocommerce .checkout_coupon .button:hover, .content-area .vc_grid .vc_gitem-link:hover, .woocommerce-page #payment #place_order:hover, .woocommerce-cart #single-page table.cart .button[name="update_cart"]:hover, .woocommerce-cart #single-page table.cart .button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, #single-page .return-to-shop a:hover, .woocommerce-account #single-page .woocommerce-Button:hover, .woocommerce #review_form #respond .form-submit input:hover, .tt_button.btn_secondary_color:hover, .tt_button:hover { background-color: transparent; } .btn-hover-1 .woocommerce ul.products li.product .added_to_cart:hover, .btn-hover-1 .woocommerce ul.products li.product .button:hover, .btn-hover-1 .woocommerce div.product form.cart .button:hover, .btn-hover-1 .tt_button:hover, .btn-hover-1 .content-area .vc_grid .vc_gitem-zone-c .vc_general:hover, .btn-hover-1 .tt_button.modal-menu-item:hover, .btn-hover-1 .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container a:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16)!important; -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } .tt_button:hover .iconita.fa, .btn-hover-1 .tt_button:hover .iconita.fa, .btn-hover-1 .tt_button .iconita.fa { color: #fff; } .btn-hover-2 .tt_button:hover, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .added_to_cart:hover, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .button:hover, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .added_to_cart:hover, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .button:hover { background: none !important; } .btn-hover-2 .tt_button::before, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .added_to_cart::before, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .button::before, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .added_to_cart::before, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .button::before { content: ""; display: block; width: 100%; height: 100%; margin: auto; position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -o-transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .btn-hover-2 .tt_button:hover::before, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .added_to_cart:hover::before, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .button:hover::before, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .added_to_cart:hover::before, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .button:hover::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .btn-hover-2 .tt_button:hover .iconita, .btn-hover-2 .wpcf7 .wpcf7-submit:hover, .btn-hover-2 #commentform #submit:hover { color: #fff !important; } #single-page .bbp-login-form .user-submit:hover, .woocommerce .woocommerce-form-login .button:hover, #posts-content .blog-social-sharing .tt_button:hover, .post .blog-social-sharing .tt_button:hover, .tt_button:hover { background-color: transparent; } #wrapper .pr0 {padding-right: 0;} .wp-caption p.wp-caption-text { font-size: 14px; line-height: 17px; margin: 10px 0; padding: 0 4px 5px; } .bypostauthor { display: block; } .gallery-caption { display: block; } .container .font-weight100 {font-weight: 100;} .container .font-weight300 {font-weight: 300;} .container .font-weight500 {font-weight: 500;} .container .font-weight700 {font-weight: 700;} /* -------------------------------------- 2. TYPOGRAPHY -----------------------------------------*/ h1, h2, h3, h4, h5, .container h1, .container h2, .container h3, .container h4, .container h5 { letter-spacing: -0.03em; line-height: 1.3; margin:0; font-weight: 600; margin-bottom: 20px; } .container h1 {font-size: 48px;} .container h2 {font-size: 32px;} .container h3 { font-size: 28px} .container h4 { font-size: 23px} .container h5 { font-size: 20px; font-weight: 400; line-height: 1.6} .container h6 {font-size: 18px; font-weight: 400;} .container h6 { line-height: 1.5; font-weight: 400; margin:0; color: inherit; margin-bottom: 20px; } .container h6 a {font-weight: 700;transition: 0.25s;} .single-post section h1.section-heading { text-align: left; max-width: 100%; padding-left: 15px; margin: 0; } .heading-separator { width: 45px; height: 2px; display: block; margin: auto; border-radius: 0; } .with-overlay .heading-separator { background-color: #fff; opacity: 0.9; } .vc_separator.separator, .separator { margin-bottom: 25px; width: 50px; margin-top: -5px; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; display: none; } .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. */ } /* -------------------------------------- 3. LAYOUT -----------------------------------------*/ /* 3.1 GENERAL*/ section { padding: 0; position: relative; } .row { margin: 0; } .container { padding: 0; position: relative; } .container.fullwidth { width: 100%; } .vc_row.container { margin-left: auto !important; margin-right: auto !important; z-index: 10; } .outer-margin { margin: 0 -15px; } .bg-light-gray { background-color: #f7f7f7; } .btn-primary { text-transform: uppercase; font-weight: 700; color: #fff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { border-color: #f6bf01; color: #fff; background-color: #fec503; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-xl { height: 50px; border-radius: 2px; color: white; font-size: 0.875em; font-weight: 700; text-transform: uppercase; width: 100%; transition: 0.2s; } .btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active { color: #fff; } .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl { background-image: none; } body.modal-open { overflow: hidden; } .parallax { position: relative; overflow: hidden; } .parallax .parallax-overlay { position: absolute; width: 100%; height: 125%; top: 0; opacity: 1; background-position: bottom; background-repeat: no-repeat; } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .parallax.with-overlay:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; z-index: 1; display: block; content: "."; font-size: 0; } .parallax.with-overlay .container { z-index: 10; } } @supports (-ms-accelerator:true) { .parallax.with-overlay:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; z-index: 1; display: block; content: "."; font-size: 0; } .parallax.with-overlay .container { z-index: 10; } } .parallax .parallax-overlay, .with-overlay .parallax-overlay { background-size: cover !important; } .with-overlay .parallax-overlay { opacity: 0.4; height: 125%; } .with-overlay .section-subheading, .with-overlay .section-heading { color: #fff; } .gray-bg { background-color: #f8f8f8; } .header-buttons { margin: 60px auto 100px auto; } .main-nav-center #logo, .main-nav-center .header-bttn-wrapper { width: 21%; } .main-nav-left .header-bttn-wrapper, .main-nav-right .header-bttn-wrapper {display: flex; margin-left: 15px; margin-right: 15px;} .main-nav-center .header-bttn-wrapper {display: flex;margin-right: 15px;} .primary-button { min-width: 150px; padding: 0 20px; background-color: white; border-radius: 2px; display: inline-block; text-align: center; font-size: 0.875em; font-weight: 700; text-transform: uppercase; line-height: 36px; margin: 0 10px; border: 2px solid white; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .primary-button.button-inverse { color: #fff; margin: 0; } .primary-button.button-inverse:hover { background-color: transparent; } .secondary-button { display: inline-block; min-width: 150px; text-align: center; line-height: 36px; color: white; font-size: 0.875em; margin: 0 10px; font-weight: 700; text-transform: uppercase; border: 2px solid white; border-radius: 2px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .secondary-button-inverse { background-color: #fff } .secondary-button.secondary-button-inverse:hover { color: #fff; } .primary-button:hover { background: none; color: #fff; text-decoration: none; } .secondary-button:hover { background-color: #fff; text-decoration: none; } .kd-panel-subtitle ul li, .kd-panel-subtitle ol li, .tab-text-container ul li, .side-content-text ul li, .wpb_text_column ul li, .wpb_text_column ol li { line-height: 30px; margin-bottom: 10px; padding-left: 25px; position: relative; margin: 0; } .kd-panel-subtitle ul, .kd-panel-subtitle ol, .tab-text-container ul, .side-content-text ul, .wpb_text_column ol, .wpb_text_column ul {list-style-type: none;padding-left: 0;margin-bottom: 0;} .side-content-text ul, .wpb_text_column ul {padding-left: 0;margin-bottom: 25px;} .side-content-text ul {margin-bottom:0;margin-top: 25px;} .wpb_text_column ul ul { padding-left: 35px; margin-top: 10px; } .kd-panel-subtitle ol, .wpb_text_column ol {counter-reset: li;} .kd-panel-subtitle ol li { padding-left: 0; } .kd-panel-subtitle ol, .kd-panel-subtitle ul { margin-top: 20px; } .kd-panel-subtitle ol>li:before, .wpb_text_column ol>li:before { content: counter(li,decimal); counter-increment: li; padding-right: 20px; font-weight: bold; } .kd-panel-subtitle ul>li:before, .tab-text-container ul>li:before, .side-content-text ul>li:before, .wpb_text_column ul>li:before { padding-right: 10px; font-weight: inherit; font-family: FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 0; content: "\f00c"; } body.compose-mode .vc_vc_row>.vc_parallax, body.compose-mode .vc_vc_row>[data-vc-full-width=true], body.compose-mode .vc_vc_row_inner, body.compose-mode .vc_vc_section>.vc_parallax, body.compose-mode .vc_vc_section>[data-vc-full-width=true], body.compose-mode .vc_vc_video { padding-top: 0px; } body .vc_col-has-fill>.vc_column-inner, body .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, body .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, body .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, body .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, body .vc_row-has-fill>.vc_column_container>.vc_column-inner, body .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, body .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, body .vc_section.vc_section-has-fill, body .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, body .vc_section.vc_section-has-fill+.vc_section { padding-top: 0px; } body.compose-mode .vc_row[data-vc-full-width] { overflow: visible; } body.compose-mode .vc_row[data-vc-full-width].vc_parallax { overflow: hidden; } body.compose-mode .vc_empty-shortcode-element, body.compose-mode .vc_templatera, body.compose-mode .vc_vc_column_text, body.compose-mode .vc_vc_widget_sidebar { min-height: 0; } /*3.2 LOGO*/ #logo { display: flex; align-items: center; } #logo .logo { font-weight: 700; font-size: 22px; margin: 0; display: block; float: left; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; } .navbar .container #logo .logo {margin-left: 15px;margin-right: 15px;} .navbar.fullwidth .container #logo .logo {margin-left: 0;} .navbar.fullwidth .container .modal-menu-item {margin-right: 0;} .single-portfolio .navbar.fullwidth .container #logo .logo { margin-left: 15px; } .topbar { border-bottom: 1px solid rgba(132, 132, 132, 0.15); background-color: #fff; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; -ms-transition: background 0.25s ease-in-out; transition: 0.25s ease-in-out; } .topbar .container { display: flex; } .topbar.tb-default-design .topbar-extra-content{ margin-right: 15px; } .topbar-left-content, .topbar-right-content, .topbar-extra-content { line-height: 1; } .topbar-left-content .topbar-menu { margin-left: 15px; } .topbar-right-content { margin-left: auto; } .topbar-phone, .topbar-email, .topbar-opening-hours { line-height: 45px; float: left; font-size: 13px; letter-spacing: 0; } .topbar-opening-hours { padding-right: 20px; } .tb-border-design .topbar-phone, .tb-border-design .topbar-email, .tb-border-design .topbar-opening-hours { border-right: 1px solid rgba(132, 132, 132, 0.15); margin-right: 20px; } .tb-border-design .topbar-socials { margin: 0 -5px; } .tb-border-design .topbar-socials a { border-right: 1px solid rgba(132, 132, 132, 0.15); width: 46px; text-align: center; } .tb-border-design .topbar-socials li:last-child a { border-right: none; } .tb-border-design .topbar-extra-content { border-left: 1px solid rgba(132, 132, 132, 0.15); border-right: 1px solid rgba(132, 132, 132, 0.15); margin-right: 15px; padding-left: 10px; padding-right: 10px; margin-left: 5px; } .tb-border-design .topbar-right-content { padding-left: 5px; border-left: 1px solid rgba(132, 132, 132, 0.15); } .tb-border-design .topbar-left-content { border-left: 1px solid rgba(132, 132, 132, 0.15); border-right: 1px solid rgba(132, 132, 132, 0.15); margin-left: 15px; padding: 0 5px; } .tb-border-design .topbar-right-content.content-empty, .tb-border-design .topbar-left-content.content-empty { border: none; } .tb-border-design .topbar-right-content .topbar-menu { margin-left: 15px; } .tb-border-design .topbar-contact span:last-child { border: none; margin: 0; } .tb-border-design .topbar-left-content .topbar-contact .topbar-opening-hours { padding-right: 0; } .topbar-phone a , .topbar-email a { transition: 0.25s; color: inherit; margin-right: 10px; padding-right: 10px; } .topbar-phone a:hover , .topbar-email a:hover { opacity:1; } .topbar-contact {margin: 0 15px;} .topbar-right-content .topbar-contact {margin-right: -5px;} .topbar-contact .fa { font-size: 16px; margin-right: 10px; margin-top: 0; display: block; float: left; line-height: 46px; max-height: 45px; } .topbar-contact .fa.fa-envelope-o { font-weight: 600; font-size: 15px; } .topbar-phone .iconsmind-Telephone , .topbar-email .iconsmind-Mail { font-size: 16px; display: block; float: left; line-height: 45px; margin-right: 5px; } .topbar-socials { float: right; height: 45px; margin: 0 3px; } ul.redux-social-media-list { padding: 0; } .topbar-socials a { color: inherit; padding: 0 12px; line-height: 28px; display: block; float: left; margin-top: 10px; transition: 0.25s; font-size: 13px; } .blog_widget ul.redux-social-media-list li a:hover, .topbar-socials a:hover { opacity: 0.8; -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); } .topbar.second-template .topbar-socials { float: left; } .topbar.second-template .topbar-contact { float: right; } .topbar.second-template .redux-social-media-list { padding-left: 0; } .topbar.second-template .topbar-contact {margin-right: 5px;} .topbar-socials a .fa {transition: 0.25s;font-size: 15px;} @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .logo img { height: auto; } .nav-logo { display: none; } .transparent-navigation .nav-secondary-logo.navbar-shrink.nav-transparent-secondary-logo .nav-logo, .transparent-navigation .nav-transparent-secondary-logo.navbar-shrink .fixed-logo, .transparent-navigation .nav-transparent-secondary-logo .nav-logo, .nav-secondary-logo.navbar-shrink .nav-logo { display: inline-block; } .transparent-navigation .nav-secondary-logo.navbar-shrink.nav-transparent-secondary-logo .fixed-logo, .transparent-navigation .nav-transparent-secondary-logo.navbar-shrink .nav-logo, .transparent-navigation .nav-transparent-secondary-logo .fixed-logo, .nav-secondary-logo.navbar-shrink .fixed-logo { display: none; } @media (max-width: 960px) { .transparent-navigation .nav-transparent-secondary-logo .nav-logo { display: none; } .transparent-navigation .nav-transparent-secondary-logo .fixed-logo { display: block; } .home .nav-transparent-secondary-logo .nav-logo { display: none; } .home .nav-transparent-secondary-logo .fixed-logo { display: block; } } /*3.3 PRELOADER*/ #preloader { position: fixed; left: 0; top: 0; z-index: 999999999; width: 100%; background-color: #fff; height: 100%; overflow: visible; } .spinner { height: 5px; width: 100%; position: relative; overflow: hidden; background-color: #f8f8f8; } .spinner:before{ display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 5px; animation: loading 2s linear infinite; } @keyframes loading { from {left: -200px; width: 30%;} 50% {width: 30%;} 70% {width: 70%;} 80% { left: 50%;} 95% {left: 120%;} to {left: 100%;} } .loading-effect { opacity: 1; transition: 0.7s opacity; } .loading-effect.fade-in { opacity: 0; transition: none; } .loading-effect.fade-out { -webkit-transition: opacity 0.7s; transition: opacity 0.7s; opacity: 0; } /*3.4 CAROUSELS*/ .with-overlay .owl-dot span { background-color: #fff; } .with-overlay .owl-dot:hover span, .with-overlay .owl-dot.active span { border: 2px solid #fff; } .owl-nav div { display: inline-block; zoom: 1; margin: 0; width: 30px; height: 30px; font-size: 0; filter: Alpha(Opacity=30); opacity: 1; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; border-radius: 0px; } .owl-nav div:before { content: "\ebf9"; display: block; font-size: 18px; line-height: 26px; font-family: 'iconsmind'; box-sizing: border-box; font-weight: bold; transition: 0.2s; } .owl-nav div:hover { } .owl-nav div.owl-prev { right: auto; left: 0; } .owl-nav div.owl-next { right: 0; left: auto; } .owl-nav div.owl-prev:before { content: "\ea26"; } .clickable .owl-nav div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } /* Dot move */ .owl-dots { position: relative; display: table; margin: auto; padding: 0; list-style: none; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; justify-content: center; margin-top: 40px; } .owl-dots .owl-dot { position: relative; display: block; float: left; margin: 0 5px; width: 10px; height: 10px; cursor: pointer; } .owl-dots .owl-dot span { top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); text-indent: -999em; cursor: pointer; position: absolute; border: none!important; } .owl-dots .owl-dot.active span { background-color: #1f1f1f; } .owl-dots .owl-dot span:focus { outline: none; } .owl-dots .owl-dot a { -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .owl-dots .owl-dot a:hover, .owl-dots .owl-dot a:focus { background-color: #fff; } .owl-item.loading { min-height: 150px; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { position: relative; width: 100%; -ms-touch-action: pan-y; touch-action: manipulation; } .owl-carousel .owl-wrapper { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; z-index: 2; width: 100%; } .owlslider-related-posts.owl-carousel .owl-wrapper-outer { overflow: visible; } rs-module-wrap { z-index: 0!important; } .owlslider-related-posts.owl-carousel .owl-nav { margin: 0; position: absolute; top: 50%; height: 40px; z-index: 10; width: 100%; margin-top: -45px; overflow: visible; pointer-events: none; } .owlslider-related-posts.owl-carousel .owl-nav div.owl-prev { left: -85px; } .owlslider-related-posts.owl-carousel .owl-nav div.owl-next { right: -85px; } .owlslider-related-posts.owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .owlslider-related-posts.owl-carousel .owl-item.active { opacity: 1; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-dot, .owl-nav div { cursor: pointer; } .with-overlay .owl-nav div.owl-next, .with-overlay .owl-nav div.owl-prev { color: #fff; } .owl-nav { height: 30px; text-align: center; margin-top: 20px; } .owl-nav.disabled { display: none; } .owl-dots.disabled { display: none; } .grabbing { cursor: url(images/grabbing.png) 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* -------------------------------------- 4. MENU -----------------------------------------*/ .navbar-default { border-color: transparent; width: inherit; top: inherit; } .navbar-default.fullwidth .container { width: 100%; padding: 0 35px; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active { color: #fec503; } .navbar-default .navbar-collapse { border: none; box-shadow: none; } .navbar-default .navbar-toggle { border: none; margin-right: -10px; } .navbar-header { display: none; } @media (max-width: 960px) { .navbar-header { display: block; } } .navbar-default .navbar-toggle .icon-bar { background-color: #1f1f1f; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none; } .navbar-default .nav li a { opacity: 1; margin: 0; padding: 0 15px; line-height: 1; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-weight: 400; } .navbar-default .nav:hover li a { opacity: 0.3; } .navbar-default .nav:hover li.dropdown:hover a, .navbar-nav .nav:hover li.dropdown .dropdown-menu li a, .navbar-nav li.dropdown .dropdown-menu:hover li a:hover, .navbar-default .nav:hover li a:hover { opacity: 1; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 100%; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus { outline: 0; background: none; opacity: 1; } #single-page .bbp-login-form .user-submit, .tt_button.modal-menu-item { border-radius: 0; box-sizing: border-box; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; cursor: pointer; min-width: auto; display: inline-flex; margin-left: 10px; margin-right: 0; } .tt_button.modal-menu-item:first-child { margin-left: auto; } #single-page .bbp-login-form .user-submit { width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; margin-bottom: 30px; margin-top: 20px; } #single-page .right-sidebar .bbp-login-form .user-submit { margin:0; } .modal-content-inner .wpcf7-submit:hover, .keydesign-cart .buttons .btn:hover { color: #fff!important; } .navbar.navbar-default .menubar { -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; -ms-transition: background 0.25s ease-in-out; transition: 0.25s ease-in-out; } .navbar.navbar-default .menubar.main-nav-center .container::after, .navbar.navbar-default .menubar.main-nav-center .container::before { display: none; } .navbar.navbar-default .menubar .container { display: flex; justify-content: space-between; } .navbar.navbar-default .menubar.main-nav-right .navbar-collapse { margin-left: auto; } .navbar.navbar-default .menubar.main-nav-left .navbar-collapse { margin-right: auto; } .navbar.navbar-default .menubar .keydesign-cart { margin-top: 18px; margin-right: 5px; } .navbar-default.navbar-shrink .nav li a:hover, .navbar-default.navbar-shrink .nav li a:focus { outline: 0; background: none; } .navbar-default.navbar-shrink .navbar-nav>.active>a:focus, .navbar-default.navbar-shrink .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a { border-radius: 0; background: none; opacity: 1; } .navbar-default.navbar-shrink.with-topbar { margin-top: -47px; } .navbar-default.navbar-shrink.with-topbar.with-topbar-sticky { margin-top: 0px; } .wpb_revslider_element.wpb_content_element { margin-bottom: 0; } #kd-slider .bullet-bar.tparrows { width: 50px; height: 50px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #kd-slider .bullet-bar.tparrows:before { line-height: 50px; } #kd-slider .secondary_slider { background-color: #fff; border: 2px solid #fff; } #kd-slider .secondary_slider:hover { color: #fff; background-color: transparent; } @media(min-width:960px) { .under-menu { margin-top: 80px; } .under-menu-topbar { margin-top: 125px; } .navbar.navbar-default { padding: 0 0; border: 0; background-color: transparent; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: 0.25s ease-in-out; z-index: 1090; } .navbar-default, .navbar-default.fullwidth { padding: 0; } } /* -------------------------------------- 5. HEADER -----------------------------------------*/ header { position: relative; text-align: center; } .custom.tparrows.tparrows { background: none !important; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .custom.tparrows.tparrows:hover { opacity: 0.7 !important; } .custom.tparrows:before { font-size: 18px !important; } .header-full-height { height: 100vh; height: 100%; } .big-custom-heading { margin: 0; letter-spacing: -3px; } #wrapper .erinyen .tp-thumb { opacity: 1; border-radius: 0px; overflow: hidden; } #wrapper .erinyen .tp-thumb .tp-thumb-over {border-radius: 3px} #wrapper .erinyen .tp-thumb-title { font-weight: 700; font-family: inherit; font-size: 12px; text-transform: uppercase; } #wrapper .erinyen .tp-thumb-mask {overflow: visible!important;margin-top: -20px;} #wrapper .erinyen .tp-thumb.selected { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } .erinyen .tp-thumb .tp-thumb-title {display: none;} .erinyen .tp-thumb.selected .tp-thumb-title, .erinyen .tp-thumb:hover .tp-thumb-title { display: block; } .slider-scroll-down { width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -35px; margin-top: -35px; } .slider-scroll-down a { width: 70px; height: 70px; border: 2px solid white; display: block; z-index: 99; border-radius: 90px; background-image: url('images/arrow-down.png'); background-repeat: no-repeat; background-position: center 26px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .slider-scroll-down a:hover { background-position: center 30px; } body.maintenance-mode { overflow: hidden; height: 100vh !important; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; background-size: cover; } body.maintenance-mode .container { background-color: transparent; padding: 0; flex-shrink: 0; } body.maintenance-mode .container .wpcf7 {width: 50%;margin: auto;margin-top: 90px;} body.maintenance-mode .container h2 { font-size: 42px; margin-bottom: 0; } body.maintenance-mode .maintenance-content { font-weight:600; } body.maintenance-mode .countdown { margin-top: 55px } body.maintenance-mode .wpcf7-submit {margin-top: 0;} body.maintenance-mode .wpcf7-submit:hover { background-color: transparent; -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.15); box-shadow: 0 8px 25px rgba(0,0,0,.15); } @media (max-width: 960px) { body.maintenance-mode .container {flex-shrink: inherit;} body.maintenance-mode .container .wpcf7 { width: 90%; margin: auto; margin-top: 40px; } body.maintenance-mode .countdown { margin-top: 30px; } body.maintenance-mode .inline-cf .wpcf7 .wpcf7-submit { width: 100%; } body.maintenance-mode .container h2 {font-size: 36px; line-height: 1.3} } #main-menu .navbar-nav .menu-item-has-children .dropdown-menu { -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; display: block; opacity: 0; visibility: hidden; border: none!important; border-top-style: solid; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); pointer-events: none; padding: 20px; border-radius: 3px; } .navbar-nav.no-transition .menu-item-has-children .dropdown-menu { -webkit-transition: 0s!important; -moz-transition: 0s!important; -o-transition: 0s!important; transition: 0s!important; } .navbar-nav .menu-item-has-children .dropdown-menu::after { display: none; position: absolute; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; border-color: transparent transparent #fff; border-width: 12px; top: -24px; z-index: 100; margin-left: -12px; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu { opacity: 1; visibility: visible; pointer-events: initial; } .menubar #main-menu .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu .dropdown-menu { opacity: 1; top: 0; left: inherit; margin-left: 0; -webkit-transform: none; -ms-transform: none; transform: none; pointer-events: none; position: relative; box-shadow: none; padding: 0; display: block; margin: 0; padding-right: 30px; width: 100%; } .align-menu-right { left: -100%!important; margin-left: -40px!important; } .menubar #main-menu .navbar-nav .mega-menu .dropdown-menu .dropdown-menu .menu-item { width:100%; } .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children:hover .dropdown-menu .dropdown:before { display:none } .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown > a { pointer-events: none; margin-bottom: 5px; font-weight: 700; } #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu a:hover { color: #fff !important; } #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu .dropdown:hover:before { color: #fff !important; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown-menu { opacity:0; top: -22px; left: 100%; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); pointer-events: none; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown:hover .dropdown-menu { opacity:1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); pointer-events: inherit; } @media (min-width:961px) { #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown > a:before { margin-right: 10px; color: inherit; content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 10px; right: 15px; font-weight: bold; margin: 0; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-size: 12px; } #main-menu.underline-effect .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown > a:before { right: -15px; } #main-menu.underline-effect .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown a:hover:before { right: -20px; } } #main-menu .navbar-nav .mega-menu .dropdown-menu .dropdown > a:before { display:none; } #main-menu .navbar-nav > .menu-item-has-children > a:after { margin-right: 10px; color: inherit; content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-weight: bold; margin: 0; font-size: 11px; display: inline-block; background: none; margin-left: 5px; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown a:hover:before { right: 10px; } .logged-in #main-menu .navbar-nav a, #main-menu .navbar-nav .menu-item a {padding-top: 32px;padding-bottom: 32px;} #main-menu .navbar-nav .menu-item .dropdown-menu .menu-item a {padding: 6px 10px;} #main-menu .navbar-nav .dropdown-menu { padding: 0; border: none; border-radius: 0; box-shadow: none; min-width: 240px; left: -10px; top: auto; overflow: visible; right: auto; } #main-menu .navbar-nav .dropdown-menu a { margin: 0; padding: 5px 10px; line-height: 18px; -webkit-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; transition: 0s ease-in-out; background-color: transparent; white-space: inherit; } #main-menu .navbar-nav .mega-menu {position: static;} #main-menu .navbar-nav .mega-menu .dropdown-menu { left: 0; right: 0; padding: 40px 0; margin: 0px 5px; display: flex; justify-content: space-between; margin-right: -15px; box-shadow: none; flex-wrap: wrap; } #main-menu .navbar-nav .mega-menu > .dropdown-menu { overflow: visible; } #main-menu .navbar-nav .mega-menu > .dropdown-menu:before { content: ''; display: block; position: absolute; width: 100vw; height: 100%; top: 0; background-color: #fff; left: calc(615px - 50vw); border-top: 1px solid rgba(132, 132, 132, 0.15)!important; box-shadow: 0 40px 80px 0 rgba(0,0,0,0.05); } body.boxed #main-menu .navbar-nav .mega-menu > .dropdown-menu:before { width: 1560px; left: -165px; } #main-menu .navbar-nav .mega-menu.demos-menu .dropdown-menu { left:auto; right:auto; } #main-menu .navbar-nav .mega-menu.demos-menu .dropdown-menu .menu-item { width:50% } .full-width #main-menu .navbar-nav .mega-menu .dropdown-menu { margin: 0; border-radius: 0!important; padding-left: 20px; padding-right: 20px; } .full-width #main-menu .navbar-nav .mega-menu > .dropdown-menu { border-top: 1px solid rgba(132, 132, 132, 0.15)!important; margin-top: -1px; } .full-width #main-menu .navbar-nav .mega-menu > .dropdown-menu:before { display:none; } #main-menu .navbar-nav .mega-menu .dropdown-menu .menu-item {margin-right: 0;min-width: 4%;flex-shrink: 0;flex-grow: 1;z-index: 10;flex: 1;} #main-menu .navbar-nav .mega-menu .dropdown-menu .menu-item:nth-child(5n) {border:none;} #main-menu .navbar-nav .mega-menu .dropdown-menu .menu-item a {width: auto;padding: 6px 10px;} #main-menu .navbar-nav .wpglobus-selector-link .dropdown-menu { min-width: 100px; } .topbar-menu { margin-right: 0; } #menu-topbar-menu, .navbar-topbar { padding:0; margin:0; list-style-type:none; } #menu-topbar-menu li, .navbar-topbar li { display: block; float: left; font-size: 13px; letter-spacing: 0; line-height: 45px; } #menu-topbar-menu li a, .navbar-topbar li a { transition: 0.25s; color: inherit; margin-right: 15px; } .topbar-search { display: inline-block; position: relative; margin-top: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; z-index: 100; } .fa.toggle-search { text-align: center; font-size: 14px; position: relative; color: #1f1f1f; cursor: pointer; float: left; padding: 0; width: 35px; height: 34px; z-index: 10; line-height: 36px; } .topbar-contact .fa, .topbar-opening-hours, .topbar-phone a, .topbar-email a, #menu-topbar-menu li a, .navbar-topbar li a, .fa.toggle-search { -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .topbar-phone a:hover, .topbar-email a:hover, #menu-topbar-menu li a:hover, .navbar-topbar li a:hover, .fa.toggle-search:hover { opacity: 1; } .topbar-search .search-form .search-submit { height: 40px; width: 40px; bottom: 10px; right: 0; font-size: 14px; display: block; color: #1f1f1f; } .transparent-navigation .topbar-search { background-color: transparent; } .topbar-search .search-form label { margin-bottom:0; } .topbar-search .search-form .search-field { background-color: #f5f5f5; border: none; border-radius: 3px; line-height: 40px; height: 40px; margin: 0; font-size: 13px; padding: 0 15px; font-weight: 400; width: 200px; float: left; } .topbar-search-container { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); position: absolute; background-color: #fff; padding: 10px; border-radius: 3px; z-index: 9; right: 0; top: 0; padding-top: 36px; opacity: 0; visibility: hidden; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .topbar-search-container form {height: 40px;position: relative;} .topbar-search-container.active { opacity: 1; visibility: visible; } .topbar-search .search-form.active .search-field { width: 250px; opacity: 1; } .topbar-lang-switcher { float: right; min-width: 72px; min-height: 10px; position: relative; margin-right: -5px; } .topbar-lang-switcher .lang-switcher-wpml { width: 110px; } .topbar-lang-switcher ul, .topbar-lang-switcher ul li { list-style-type: none; padding: 0; margin: 0; } .topbar-lang-switcher ul li.wpml-ls-item, .topbar-lang-switcher ul li { display:none; float: left; max-height: 13px; line-height: 12px; margin-bottom: 15px; } .topbar-lang-switcher ul li.wpml-ls-item .wpml-ls-display { display: none; } .topbar-lang-switcher ul li.wpml-ls-item.wpml-ls-current-language, .topbar-lang-switcher ul li.wpml-ls-item, .topbar-lang-switcher ul:hover li, .topbar-lang-switcher ul li.current-lang { display: block; } .topbar-lang-switcher .wpml-ls-legacy-list-vertical .wpml-ls-flag+span, .topbar-lang-switcher .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span { margin-top: 2px; } .footer_widget .wpml-ls-legacy-list-horizontal, .footer_widget .wpml-ls-legacy-list-vertical { padding:0; } .footer_widget .wpml-ls-legacy-list-horizontal a, .footer_widget .wpml-ls-legacy-list-vertical a { padding-left: 0; margin-right: 20px; } .topbar-lang-switcher ul, .topbar-lang-switcher ul li a { color:#1f1f1f; } .topbar-lang-switcher ul { margin-top: 5px!important; max-height: 30px; overflow: hidden; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; position: absolute!important; padding: 15px; z-index: 99; border-radius: 3px!important; padding-bottom: 2px!important; padding-top: 11px; } .topbar-lang-switcher .wpml-ls-legacy-list-vertical>ul { margin-top: 3px!important; border: none; } .topbar-lang-switcher .wpml-ls-legacy-list-horizontal>ul, .topbar-lang-switcher .wpml-ls-legacy-list-vertical>ul { padding-top: 5px; } .topbar-lang-switcher .wpml-ls-legacy-list-horizontal { padding-top: 3px; } .topbar-lang-switcher ul:hover { max-height: 150px; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); background-color: #fff !important; } .topbar-lang-switcher ul:hover a { color: #1f1f1f!important; } .topbar-lang-switcher ul li span { margin-left: 7px!important; font-size: 13px; text-transform: capitalize; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; display: inline-flex; font-weight: 500; float: right; max-width: 19px; } .topbar-lang-switcher img { display: inline-block; margin-top: -2px; } /* -------------------------------------- 6. SECTIONS -----------------------------------------*/ /*6.9 SUBSCRIBE*/ .wpcf7-form { text-align: left; position: relative; } .wpcf7-form label { font-weight: 400; width: 100%; line-height: 1.6; font-size: 14px; margin-bottom: 10px; } .wpcf7 br { display: none; } .wpcf7-form-control-wrap { position: relative; margin-right: 40px; width: 100%; display: inline-block; } .wpcf7 span.wpcf7-list-item { margin: 0 1em; } .wpcf7-form .label { text-transform: uppercase; font-weight: bold; text-align: left; color: #bbb; padding-left: 33px; font-size: 12px; letter-spacing: 0; margin-bottom: 10px; display: block; margin-top: 25px; } #single-page #comments { clear: both; margin-top: 50px; } #single-page p {margin-bottom: 20px;} #single-page .wpcf7 p {margin-bottom: 0;} #single-page .wpcf7 .label {margin-bottom: 10px;} .page-links { display: block; position: relative; clear: both; } .light-font { font-weight: 100; } .contact-map-container .toggle-map:hover, .wpcf7 .wpcf7-submit:hover { background-color: #fff; } #single-page #comments input[type="text"], #single-page #comments input[type="email"], #comments input[type="text"], #comments input[type="email"], #comments input[type="url"] { width: 100%; height: 50px; background-color: transparent; outline: none; display: inline-block; padding: 0 20px; font-size: 12px; text-transform: capitalize; font-weight: 700; text-shadow: none; letter-spacing: 1px; border-radius: 0px; } .register-form .wpcf7 .wpcf7-submit, .register-form .wpcf7-form-control-wrap { width: 22.5%!important; margin-left: 1%; margin-right: 1%; display: inline-block; } .register-form .wpcf7 .wpcf7-submit { float: right; margin-top: 0; } .register-form .wpcf7 .wpcf7-submit:hover { background-color: transparent !important; } .register-form .wpcf7 .ajax-loader { display: none; } .wpcf7-select { display: block; cursor: pointer; position: relative; } .woocommerce .woocommerce-ordering:after, .menu-31:after { display: block; content: "\f107"; font-family: FontAwesome; padding: 8px; position: absolute; right: 20px; top: 17px; z-index: 10; width: 10px; font-weight: bold; line-height: 10%; height: 10px; color: #333; font-size: 12px; } .woocommerce .woocommerce-ordering:after {right: 5px;top: 2px;} .register-form .wpcf7 .wpcf7-text, .register-form .wpcf7 .wpcf7-email, .register-form .wpcf7 .wpcf7-select { min-width: 100%; width: 100%; } .register-form div.wpcf7 img.ajax-loader { display: none; } #single-page #comments input[type="text"], #single-page #comments input[type="email"], #comments input[type="text"], #comments input[type="email"], #comments input[type="url"] { min-width: 100px; box-shadow: none; width: calc(100% - 20px); margin-bottom: 25px; border: none; background-color: #f5f5f5; border-radius: 5px; } .blog-header-form .wpcf7-validation-errors, .section .wpcf7-validation-errors, .kd-side-panel .wpcf7-validation-errors { display: none !important; } .blog-header-form .wpcf7-not-valid-tip, .blog-header-form .wpcf7-mail-sent-ok, .modal-content-inner .wpcf7-not-valid-tip, .section .wpcf7-mail-sent-ok, .section .wpcf7-not-valid-tip, .kd-side-panel .wpcf7-not-valid-tip { position: absolute; top: 0px; height: 50px; margin: 0; line-height: 50px; width: 100%; color: #fff; padding: 0; z-index: 10; text-align: left; padding-left: 20px; background-color: transparent; cursor: pointer; font-weight: 700; border-radius: 0px; } .blog-header-form .wpcf7-not-valid-tip { border-bottom-right-radius: 0; border-top-right-radius: 0; } .blog-header-form .wpcf7-mail-sent-ok, .section .wpcf7-mail-sent-ok { right: 0; margin-left: 0; top: inherit; position: relative; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; border-radius: 0px; float: left; } .blog-header-form .wpcf7-not-valid-tip:before, .blog-header-form .wpcf7-mail-sent-ok:before, .modal-content-inner .wpcf7-not-valid-tip:before, .section .wpcf7-mail-sent-ok:before, .section .wpcf7-not-valid-tip:before, .kd-side-panel .wpcf7-not-valid-tip:before { font: normal normal normal 17px/1 FontAwesome; content: "\f00d"; position: absolute; right: 19px; top: 17px; color: #fff; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .section .wpcf7-mail-sent-ok:before { color: #6dab3c!important; } .footer-newsletter-form .wpcf7-response-output { position: absolute; width: 100%; color: #fff; font-weight: bold; line-height: 46px; margin: 0; padding: 0 20px; margin-top: 20px; } .footer-newsletter-form span.wpcf7-not-valid-tip { display: none; } .modal-content-inner .wpcf7-response-output { margin: 0px auto 0 auto; padding: 0; border: none !important; text-align: center; font-weight: bold; color: #ffffff; margin-top: 20px; max-width: 100%; line-height: 1.4; display: block; float: left; } .blog-header-form .wpcf7-not-valid-tip:hover:before, .modal-content-inner .wpcf7-not-valid-tip:hover:before, .section .wpcf7-not-valid-tip:hover:before, .kd-side-panel .wpcf7-not-valid-tip:hover:before { opacity: 0.65; } /* -------------------------------------- 7.FOOTER -----------------------------------------*/ .vc_row.vc_row-has-fill { background-repeat: no-repeat; background-position: top; position: relative; } .vc_parallax.vc_row .wpb_column.vc_column_container:first-child { position:relative; } .container .phone-number { font-weight: 700; } #footer { display: block; width: 100%; visibility: visible; opacity: 1; } #footer.fixed { position: fixed; bottom: 0; left: 0; right: 0; } #footer.classic { position: relative; } .lower-footer span, .lower-footer a { opacity: 1; margin-right: 25px; line-height: 25px; } .footer-widget-area { padding-top: 60px; } .lower-footer a { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .lower-footer a:hover { opacity: 1; text-decoration: none; } .lower-footer .pull-right a { margin: 0; padding: 0; display: block; margin-left: 15px; background: none; } .lower-footer .fa { margin: 0; opacity: 1; font-family: FontAwesome; font-size: 20px; font-weight: 400; float: left; margin-right: 0; } .lower-footer { margin-top: 0px; padding: 22px 0 22px 0; width: 100%; border-top: 1px solid rgba(132, 132, 132, 0.17); } .lower-footer .container { padding: 0 15px; text-align: center; } .upper-footer { padding: 0; border-top: 1px solid rgba(132, 132, 132, 0.17); } .upper-footer .search-form .search-field, .upper-footer .footer_widget select { color: #838383; background: #f4f4f4; } .footer_widget .search-submit { right: 15px; } .footer-bar { border-bottom: 1px solid rgba(132, 132, 132, 0.17); margin: 0 15px; margin-bottom: 60px; float: left; width: calc(100% - 30px); padding: 21px 0px 22px 0; } .footer-bar .footer-nav-menu { float:left; } .footer-bar .footer-nav-menu ul { padding:0; } .footer-bar .footer-nav-menu ul li a { display: inline-block; margin-left: 0; margin-right: 30px; transition: 0.2s; } .footer-socials-bar { float:right; } .footer-socials-bar ul { margin-bottom:0; margin-top: 0; padding: 4px 0; } .footer-business-info { padding: 40px; margin: 0 0 80px 0; border-top: 1px solid #e5e7f2; border-bottom: 1px solid #e5e7f2; } .footer-business-info.footer-socials a { display: block; float: left; width: 40px; height: 40px; text-align: center; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; line-height: 40px; margin-right: 20px; } .footer-social-text { font-weight: bold; text-transform: uppercase; color: aliceblue; float: left; display: block; line-height: 40px; margin-right: 30px; } .container.footer-business-wrapper { max-width: 100%; } .footer-newsletter-form { float: right; } .footer-newsletter-form .wpcf7-form .wpcf7-email { height: 40px; line-height: 40px; margin: 0; font-weight: bold; } .footer-newsletter-form .wpcf7-form-control-wrap { width: auto; margin: 0; } .footer-newsletter-form .wpcf7 .wpcf7-submit { float: right; display: block; width: auto; margin: 0; height: 40px; line-height: 40px; border: none!important; font-weight: 900; } .footer-newsletter-form .wpcf7-form .wpcf7-email {color: #fff;} .footer-newsletter-form .wpcf7-form .wpcf7-email::-webkit-input-placeholder { color: rgb(130, 130, 130) } .footer-newsletter-form .wpcf7-form .wpcf7-email::-moz-placeholder { color: rgb(130, 130, 130) } .footer-newsletter-form .wpcf7-form .wpcf7-email:-ms-input-placeholder { color: rgb(130, 130, 130) } .footer-newsletter-form .wpcf7-form .wpcf7-email:-moz-placeholder { color: rgb(130, 130, 130) } #commentform textarea::-webkit-input-placeholder {color:#9e9e9e;} #commentform textarea::-moz-placeholder {color:#9e9e9e;} #commentform textarea:-ms-input-placeholder {color: #9e9e9e;} .footer-business-info.footer-socials a .fa { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .footer-business-info.footer-socials a:hover .fa { color: #fff; } .footer-business-info.footer-socials a .fa { color: inherit; } .footer-business-address, .footer-business-phone, .footer-business-email { width: 33%; display: block; position: relative; float: left; } .footer-nav { float: left; max-width: 280px; padding: 0; margin: 0; margin-top: 5px; } .upper-footer .col-lg-4 { padding: 0; } .footer-business-info [class^="iconsmind-"], .footer-business-info [class*=" iconsmind-"] { display: block; float: left; font-size: 20px; font-weight: 700; color: #8f8f8f; } .footer-business-content a { color: inherit; transition: 0.25s; } .footer-business-phone:after, .footer-business-address:after { content: ""; display: block; width: 2px; height: 30px; background-color: rgba(255, 255, 255, 0.13); position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .footer-business-title { font-weight: 700; display: block; margin-left: 20px; float: left; } .portfolio-template-default #comments { margin-bottom: 60px; padding: 0 15px; } .portfolio-template-default #comments input[type="submit"] { width: auto; } .footer-business-content { display: block; float: left; margin-left: 10px; } .footer_widget { max-width: 300px; margin: auto; margin-bottom: 30px; } .upper-footer .footer_widget p { text-transform: inherit; } .first-widget-area .footer_widget { max-width: 100%; margin-left: 0; } .third-widget-area .footer_widget { margin-right: 0; } .footer_widget ul { padding: 0; list-style-type: none; } .footer_widget .menu { list-style-type: none; padding-left: 0; margin-top: 10px; margin-bottom: 0; width: 100%; padding-bottom: 25px; } .footer_widget .menu li { width: 100%; } .footer_widget ul li span { font-size: 13px; font-weight: 400; line-height: 25px; } .footer_widget ul li span.post-date { white-space: nowrap; width: 10px; display: inline-block; } .footer_widget ul a, .footer_widget .menu li a { line-height: 28px; color: inherit; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .footer_widget ul a { text-transform: initial; } .footer_widget .post-date:before { content: "-"; margin: 0 5px; } .upper-footer .textwidget { border: none; margin-bottom: 30px; } .textwidget img { max-width: 100%; } .textwidget select { max-width: 100%; } .upper-footer .textwidget img { margin-bottom: 27px; } .upper-footer .textwidget span { float: left; width: 90%; margin-top: 10px; } .upper-footer .textwidget .address-overflow { padding-left: 0; margin-bottom: 0; line-height: 1.9; margin-top: -3px; } .upper-footer .textwidget a { color: inherit; font-weight: bold; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .upper-footer .widget-title { font-size: 16px; font-weight: 700; margin-bottom: 10px; letter-spacing: 0; } .upper-footer p { } .modal-content-contact .redux-social-media-list i, .upper-footer i { color: inherit; margin-right: 0; float: left; margin-left: 30px; font-size: 18px; transition: 0.2s; } .modal-content-contact .redux-social-media-list { padding-left: 0; margin-top: 45px; } .modal-content-contact .redux-social-media-list i { margin-right: 20px; margin-left: 0; font-size: 18px; color: #1a1a1a; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -o-transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.25s; } .modal-content-contact .redux-social-media-list i:hover { transform: translateY(-3px); } .upper-footer i { color: #b1b1b1; } .upper-footer .modal-menu-item { width: 100%; text-align: center; float: left; margin: 0; margin-top: 40px; opacity: 1; } .upper-footer .modal-menu-item:hover { color: #fff; } .socials-widget { padding-top: 0; border-top: none; max-width: 240px; margin-top: 25px; } .socials-widget a { font-size: 15px; border-radius: 90px; margin-right: 25px; display: inline-block; text-align: center; transition: 0.25s; margin: 0 20px 0 0px; } .footer_widget .socials-widget a .fa, .footer_widget .socials-widget a {color: inherit;opacity: 0.85;} .footer_widget .socials-widget a:hover .fa, .footer_widget .socials-widget:hover a {color: inherit;opacity: 1;} .footer_widget .search-form {position: relative;} .footer_widget .search-form label {width: 100%;} .socials-widget a:hover .fa, .socials-widget a:hover { opacity: 1; color: #fff; } .socials-widget a .fa { transition: 0.25s; } .socials-widget a:last-child { margin-right: 0; } .navbar-footer li { display: inline-block; } .navbar-footer li a { color: inherit; margin: 0; margin-left: 25px; } .navbar-footer li a:hover { background: none; } .lower-footer a { color: inherit; margin: 0; } .lower-footer .pull-left a { font-weight: bold; } .back-to-top { position: fixed; z-index: 100; bottom: 40px; right: -50px; text-decoration: none; background-color: #fff; font-size: 14px; -webkit-border-radius: 0; -moz-border-radius: 0; width: 50px; height: 50px; cursor: pointer; text-align: center; line-height: 51px; border-radius: 50%; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.045); } .back-to-top:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .back-to-top.active { right: 25px; } .back-to-top .fa { color: inherit; font-size: 18px; } /*-----------------------------------------------------------------*/ /* 8. ICONS /*-----------------------------------------------------------------*/ #wrapper [class^="iconsmind-"], #wrapper [class*=" iconsmind-"], [class^="iconsmind-"], [class*=" iconsmind-"] { font-family: 'iconsmind'!important; } .iconspage header { text-align: center; padding: 120px 0 0; } .iconspage header h1 { font-size: 2rem; } .iconspage header p { font-size: 1.4rem; margin-top: .6em; } .iconspage header a:hover { text-decoration: underline; } .iconspage section { width: 90%; max-width: 1200px; margin: 50px auto; } .iconspage section h2 { border-bottom: 1px solid #e2e2e2; padding: 0 0 1em .2em; margin-bottom: 1em; } .iconspage ul::after { clear: both; content: ""; display: table; } .iconspage ul li { width: 25%; float: left; padding: 16px 0; text-align: center; border-radius: .25em; cursor: pointer; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; } .iconspage ul li:hover { background-color: #dbdbdb; } .iconspage ul p { display: inline-block; font-size: 1rem; margin-top: 10px; color: #999999; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; white-space: nowrap; width: 100%; padding: 10px; overflow: hidden; text-overflow: ellipsis; } /*-----------------------------------------------------------------*/ /* 9. BLOG /*-----------------------------------------------------------------*/ .vc_grid-item-mini .vc_gitem-zone { background-color: white; border-radius: 0; } .vc_gitem-animate .vc_gitem-zone-b { z-index: 199; background-color: inherit!important; } .vc_grid-item-mini .vc_gitem-zone img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 10; position: relative; } .vc_grid-item-mini .vc_gitem-zone-a .vc_gitem-row-position-top, .vc_grid-item-mini .vc_gitem-zone-b .vc_gitem-row-position-top { position: relative; left: 0; right: 0; top: 0; } .vc_grid-item-mini .wpb_single_image.vc_align_center { margin-bottom: 0!important; } .vc_grid-item-mini .vc_gitem-zone-b .vc_custom_heading { margin-bottom: 0; position: absolute; top: 50%; width: 100%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } .content-area .vc_grid-item-mini .vc_gitem-zone-c .vc_gitem_row .vc_gitem-col h4 { margin-bottom: 0; text-align: left!important; font-size: 20px; } .content-area .vc_grid-item-mini .vc_gitem-zone-c .vc_custom_heading { margin-bottom: 0; } .content-area .vc_grid-item-mini .vc_gitem-zone-c p { margin-bottom: 0!important; } .vc_grid-item-mini .vc_custom_heading h5 { letter-spacing: -0.02em; } .vc_grid-item-mini .vc_gitem-post-data div { font-family: inherit !important; font-weight: 400 !important; font-size: 42px !important; letter-spacing: -0.03em; padding: 0 80px; } .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date { position: absolute; padding-right: 0; margin-right: 0; line-height: 1.3; bottom: 25px; width: 100%; text-align: center; top: inherit; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: none; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date { display: block; float: left; position: relative; bottom: inherit; margin: 0; width: auto; margin-right: 20px; } .vc_col-sm-3 .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date { width: 100%; } .vc_col-sm-3 .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p { margin-bottom: 0!important; } .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_author div { line-height:1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p:before, .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date div:before, .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_author a:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f11c"; display:inline-block; margin-right:8px; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p:before, .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date div:before { content: "\f017"; } .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date div { font-family:inherit!important; font-size: 14px!important; margin-bottom: 5px; color: #fff!important; letter-spacing: 0; font-weight: 700!important; margin: 0; } .vc_grid-item-mini .vc_gitem_row .vc_gitem-col { padding: 0; } .vc_grid-item-mini .vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_grid-item-mini .vc_gitem-zone-b .vc_gitem-row-position-bottom { position: relative; } .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 { margin: 0; letter-spacing: 0; font-size: 16px; line-height: 1.4; } .vc_grid-item-mini .vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle { position: relative; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 0; text-align: center; border: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-radius: 10px; padding-top: 0; top: 0; } .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom { text-align: center; height: 44px; border: none; border-radius: 0; min-width: 160px; font-size: 12px; font-weight: 900; color: #fff; padding: 0 25px; margin: auto; display: table; text-transform: uppercase; box-sizing: border-box; line-height: 46px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; background-color: transparent; cursor: pointer; } .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom:hover { color: #fff; } .vc_grid-item-mini .vc_btn3-container.vc_btn3-center { text-align: center; margin-top: 30px; } .vc_grid-item-mini .vc_btn3-container.vc_btn3-center { margin-bottom: 0; } .vc_grid-item-mini .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right:not(.vc_btn3-o-empty) { padding-right: 30px; } .vc_grid-item-mini .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right:hover { padding-right: 34px; } .entry-header { padding-top: 168px; text-align: left; margin-bottom: 50px; padding-bottom: 100px; overflow: hidden; background-color: #f5f5f5; } .portfolio-template-default .entry-header { background-color: transparent; padding-bottom: 0; margin-bottom: 0; } .portfolio-template-default .entry-header .container { border-bottom: 1px solid rgba(132, 132, 132, 0.15); padding-bottom: 100px; padding-left: 0; padding-right: 0; max-width: 1210px; } .woocommerce-page .blog-header.entry-header, .woocommerce-page .blog-header.entry-header.with-topbar { background-color: #f5f5f5; padding-top: 200px; padding-bottom: 100px; } .woocommerce-page.post-type-archive-product .blog-header.entry-header, .woocommerce-page.post-type-archive-product .blog-header.entry-header.with-topbar { padding-top: 250px; padding-bottom: 150px; } body.woocommerce-page .entry-header .breadcrumbs { } .entry-header.blog-header { padding-bottom:70px; padding-top: 138px; margin-bottom: 10px; } .single-product .entry-header.blog-header { padding-bottom: 10px; } .blog-title-center {text-align: center;} .blog-title-center .breadcrumbs, .blog-title-center .section-subheading { float: none; margin-left: auto; margin-right: auto; text-align: center; } .blog-title-center .blog-header-form { margin-right:auto; margin-left:auto; } .blog-title-center .blog-header-form .wpcf7 { margin:auto; } .entry-header .container { padding: 0 15px; } .entry-header .section-heading { margin: 15px 0 0 0; } .entry-header.with-topbar { padding-top: 200px; } .blog-title-right .section-heading {text-align:right;} .blog-title-right .section-subheading, #single-page .blog-title-right .section-subheading { text-align: right;float: right; } .blog-title-right .breadcrumbs { margin-right: 0; max-width: 100%; text-align:right; } .entry-header.blog-header.with-topbar { padding-top: 183px; } .blog .entry-header.blog-header.with-topbar { padding-top: 240px; padding-bottom: 150px; } .single-post .entry-header.blog-header { background: none !important; padding-bottom: 2px; } .single-post #posts-content { padding-top:0; padding-bottom: 0; } .breadcrumbs .container { padding: 0 15px } .breadcrumbs { background-color: #f3f3f3; padding: 33px 15px; } .breadcrumbs a { font-weight: 700; font-size: inherit; margin-right: 5px; transition: 0.25s; opacity: 0.5; color: inherit; } .breadcrumbs a span { color:inherit; } .breadcrumbs a:hover { opacity:1 } .breadcrumbs .fa { margin-right: 5px; font-weight: 700; font-size: 12px; color: inherit; opacity:0.5 } .breadcrumbs .fa:nth-last-of-type(2) { opacity:1!important; } #single-page .header-overlay { position: absolute; width: 100%; height: 450px; top: 0; left: 0; background-repeat: no-repeat; background-size: 100%; } #single-page .single-page-heading { position: relative; overflow: hidden; margin-bottom: 60px; padding: 134px 0px 100px 0; background-color: #f3f3f3; } .breadcrumbs { background: none; font-weight: 700; z-index: 100; position: relative; padding: 0; margin-top: 10px; max-width: 66%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #single-page .with-overlay .parallax-overlay { opacity: 1; } .maintenance #single-page .single-page-heading { margin-top: 0; padding-top: 0; display: none; } .entry-header .header-overlay { position: absolute; width: 100%; height: 105%; top: 0; left: 0; background-size: cover; background-position: center; } .home.blog .entry-header .header-overlay { background-size: cover; } .entry-header .intro-text { position: relative; padding-top: 220px; width: 100%; padding-bottom: 0; } #posts-content { padding: 60px 0; padding-bottom: 100px; } .woocommerce-page #wrapper { padding: 0; padding-bottom: 40px; } .single-product #wrapper { padding-bottom:0; } .search #posts-content, .archive #posts-content, .search #posts-content, .blog #posts-content { padding-top: 90px; padding-bottom: 50px; } .single-product .entry-header .section-heading, .archive .entry-header .section-heading, .search .entry-header .section-heading { } .related-content .owl-dots { text-align: center; } .related-posts .post, .related-content .portfolio, #posts-content.blog-detailed-grid .post, #posts-content.blog-minimal-grid .post { width: calc(33.3333% - 30px); float: left; margin: 0 15px; border-radius: 5px; border: none; padding-bottom: 0px; margin-bottom:30px; -webkit-transition-duration: 800ms; transition-duration: 800ms; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); background-color: #fff; overflow: hidden; } .related-content .portfolio {margin-bottom: 0;} #posts-content .related-posts .post { border-radius: 5px; overflow: hidden; } .related-content .portfolio:hover, #posts-content .related-posts .post:hover { transform: translateY(-10px) } .owlslider-related-posts .portfolio, .owlslider-related-posts .post { width: calc(100% - 30px); } .owlslider-related-posts .owl-nav { margin-bottom: 17px; } .navbar-footer { margin:0; } .vc_grid-item-mini .blog-detailed-grid img { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; margin: 15px; margin-bottom: 0; max-width: calc(100% - 30px); -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } .vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item.vc_visible-item:hover, .vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item.vc_visible-item { z-index: 10; } .vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item.vc_visible-item:hover { z-index:1000!important; } .vc_grid-item-mini .blog-detailed-grid { -webkit-transition-duration: 800ms; transition-duration: 800ms; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); text-align: left; } .vc_grid-item-mini .blog-detailed-grid:hover { transform: translateY(-10px) } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data-source-post_excerpt { text-align: left; } .vc_grid-item-mini .blog-detailed-grid .vc_figure { overflow: hidden; } .vc_grid-item-mini .blog-detailed-grid:hover { } #posts-content.blog-detailed-grid.use-sidebar .post, #posts-content.blog-minimal-grid.use-sidebar .post { width: calc(50% - 30px); } #posts-content.blog-detailed-grid.use-sidebar .col-lg-8, #posts-content.blog-minimal-grid.use-sidebar .col-lg-8 { padding:0; } .related-posts .post img, .related-content .portfolio img, #posts-content.blog-img-left-list .entry-image, #posts-content.blog-img-left-list .post img, #posts-content.blog-detailed-grid .post img, #posts-content.blog-minimal-grid .post img { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; -webkit-transition-duration: 800ms; transition-duration: 800ms; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); max-width: 100%; margin-bottom: 0; border-radius: 5px; } #posts-content.blog-detailed-grid .post img, #posts-content.blog-minimal-grid .post img { margin: 15px; margin-bottom: 0; max-width: calc(100% - 30px); } #posts-content.blog-img-left-list .entry-image, #posts-content.blog-img-left-list .post img { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.075)!important; } .vc_custom_heading.post-link, .related-posts .post .entry-content, .related-content .portfolio .entry-content, #posts-content .post-link, #posts-content.blog-minimal-grid .post .entry-content{ line-height:1; font-weight:600; } .related-content .portfolio .post-link, .vc_custom_heading.post-link, #posts-content .post-link { margin-top: 0; display: block; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; float: left; transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -o-transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .related-posts .entry-image, .related-content .entry-image, .blog-img-left-list .entry-image, .blog-detailed-grid .entry-image, .blog-minimal-grid .entry-image { overflow: hidden; } .related-posts .entry-image, .related-content .entry-image, .blog-detailed-grid .entry-image, .blog-minimal-grid .entry-image { min-height:240px } .related-posts .entry-image { background-color: #fff; max-height: 350px; padding: 15px; padding-bottom: 0; } .woo-entry-wrapper, .related-posts .post .entry-wrapper, .related-content .portfolio .entry-wrapper, #posts-content.blog-detailed-grid .entry-wrapper, #wrapper .blog-detailed-grid .entry-wrapper, #posts-content.blog-minimal-grid .entry-wrapper { position: relative; overflow: hidden; background-color: #fff; padding: 30px; padding-top: 20px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; border: none; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .related-posts .post .entry-wrapper, .related-content .portfolio .entry-wrapper { padding-top: 30px; } #wrapper .blog-detailed-grid .vc_gitem-row-position-middle { padding:0; } .related-posts .post .entry-wrapper.without-image, .related-content .portfolio .entry-wrapper.without-image, #posts-content.blog-detailed-grid .entry-wrapper.without-image, #posts-content.blog-minimal-grid .entry-wrapper.without-image { border-radius:4px; border-top: 1px solid #e5e7f2; } #posts-content.blog-detailed-grid .entry-wrapper.without-image { min-height: auto; } .blog-minimal-grid .col-xs-12.col-sm-12.col-lg-8, .blog-detailed-grid .col-xs-12.col-sm-12.col-lg-8 { display: flex; flex-wrap: wrap; } .blog-minimal-grid .col-xs-12.col-sm-12.col-lg-8 .post, .blog-detailed-grid .col-xs-12.col-sm-12.col-lg-8 .post { max-height: max-content; } blockquote:before, #single-page blockquote:before, .format-quote .entry-wrapper:before { content: "''"; display: block; float: left; position: relative; font-size: 90px; font-weight: 700; margin-top: 20px; margin-bottom: 0px; line-height: 30px; margin-right: 25px; } .blockquote-reverse:before, #single-page .blockquote-reverse:before { float:right; margin-right:0; margin-left:25px; content: "''"; } #posts-content .post-meta-child {margin-bottom:5px;} #posts-content.blog-detailed-grid .entry-meta {margin-bottom: 27px;margin-top: 30px;} #posts-content.blog-detailed-grid .tt_button {margin-top:5px;} #posts-content.blog-detailed-grid .entry-meta a {font-weight: 500;} .home.blog #posts-content { min-height: calc(100vh - 74px); } #posts-content.blog-img-left-list .entry-image { } .blog-single-content .blog-content { font-size: 1.2em; } .format-gallery .blog-single-content .blog-content, .format-video .blog-single-content .blog-content, .format-audio .blog-single-content .blog-content { margin-top:0; } #posts-content.blog-img-left-list .entry-image:hover { } #posts-content.blog-img-left-list .wp-post-image { height: auto; width: 100%; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.075)!important; } #posts-content.blog-img-left-list .entry-image { float: left; max-width: 320px; width: 100%; margin-right: 50px; overflow: hidden; } #posts-content.blog-img-left-list .post:hover .entry-image img { transform: scale(1.07); } #posts-content.blog-img-left-list .entry-meta { width: 100%; margin-bottom: 20px; line-height: 1; margin-top: 5px; float: left; } #posts-content.blog-img-left-list .entry-wrapper { float: left; width: calc(100% - 390px); } #posts-content.blog-img-left-list .BlogFullWidth .entry-wrapper.without-image, #posts-content.blog-img-left-list .entry-wrapper.without-image { width: 100%; } #posts-content.blog-img-left-list .post { float: left; border: none; padding: 0; margin: 0; margin-bottom: 60px; display: flex; align-items: center; } #posts-content.blog-img-left-list .post p, #posts-content.blog-minimal-list .post p, #posts-content.blog-img-top-list .post p { font-size: 16px; margin-bottom: 20px; margin-top: 0; max-width: 90%; } #posts-content.blog-img-left-list .BlogFullWidth .post p { max-width: 100%; } #posts-content.blog-img-left-list .BlogFullWidth .tt_button { display: none; } #posts-content.blog-img-left-list .BlogFullWidth .entry-image { margin-right: 40px; } #posts-content.blog-img-left-list .BlogFullWidth .entry-wrapper { float: left; width: calc(100% - 320px); } #posts-content.blog-img-left-list .BlogFullWidth .post { width: 66%; margin: 0 17% 60px 17%; } #posts-content.blog-minimal-list .post { padding-bottom: 20px; margin-bottom: 35px; } #posts-content.blog-minimal-list .entry-meta { margin-bottom: 20px; } #posts-content .post .tt_button.tt_secondary_button:hover { color: #fff; } #posts-content.blog-img-top-list .blog-single-title { margin-bottom: 30px; } #posts-content .blog-single-title { -ms-word-wrap: break-word; word-wrap: break-word; } #posts-content.blog-img-left-list .tt_button.tt_secondary_button { margin-top: 13px; } #posts-content.blog-img-top-list .entry-meta { margin-bottom: 40px; } #posts-content.blog-img-left-list .blog-single-title a, #posts-content.blog-minimal-list .blog-single-title a { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; transition: .25s ease-in-out; } #posts-content.blog-img-top-list .post .page-content { margin-bottom: 30px; } #posts-content.blog-minimal-list .entry-meta .blog-label, #posts-content.blog-img-top-list .entry-meta .blog-label { position: relative; padding-right: 10px; } .single-post #posts-content .BlogFullWidth, #posts-content.blog-minimal-list .BlogFullWidth, #posts-content.blog-img-top-list .BlogFullWidth { width: 63%; padding: 0; } .single-post #posts-content .BlogFullWidth .entry-meta, .single-post #posts-content .BlogFullWidth .blog-single-title, #posts-content.blog-minimal-list .BlogFullWidth .entry-meta, #posts-content.blog-minimal-list .BlogFullWidth .blog-single-title, #posts-content.blog-img-top-list .BlogFullWidth .entry-meta, #posts-content.blog-img-top-list .BlogFullWidth .blog-single-title { text-align: center; margin-left: 10%; margin-right: 10%; } #posts-content.blog-img-top-list .BlogFullWidth .entry-meta { margin-right: 0; margin-left: 0; } #posts-content.blog-minimal-list .BlogFullWidth p, #posts-content.blog-img-top-list .BlogFullWidth p { max-width: 100%; text-align: left; } #posts-content.blog-minimal-list .BlogFullWidth p { text-align: center; } .woo-sidebar, .right-sidebar { padding: 0; border-radius: 0px; border: none; padding-bottom: 1px; width: calc(100% - 50px); } .post-sticky-sidebar { position: sticky; position: -webkit-sticky; top: 170px; margin-bottom: 50px; } .right-sidebar, .single-post .right-sidebar { margin-top: 0; float: right; } .single-post-layout-two .post-sticky-sidebar { top: 100px; } .single-post-layout-two .right-sidebar { margin-top: 70px; } .single-post-layout-two .blog-single-content { margin-top: 82px; } #posts-content .blog-separator { color: rgba(0, 0, 0, 0.2); padding: 0 10px; display: inline-block; margin: 0; } .related-posts .entry-meta, #posts-content .entry-meta { margin-bottom: 17px; line-height: 1.3; } #posts-content .more-button a { text-transform: uppercase; display: inline-block; font-weight: bold; margin-top: 15px; font-size: 14px; } #posts-content .type-portfolio, .search #posts-content .portfolio, .search #posts-content .product, .search #posts-content .page, #posts-content .type-attachment, #posts-content .post { margin-bottom: 69px; background: none; padding: 0; padding-bottom: 50px; border-radius: 0; font-size: inherit; border-bottom: none; } #posts-content .post.format-gallery .owl-dots { text-align:center; margin-top: 20px; margin-bottom: 20px; } .search #posts-content .product, .search #posts-content .portfolio, .search #posts-content .page, .search #posts-content .post { padding-bottom: 37px; margin-bottom: 29px; } .search #posts-content .entry-meta .published:before { display: none; } .search #posts-content .entry-meta { margin-bottom:25px; } #posts-content .post:last-child { border-bottom: none; } #posts-content .post.BlogMinimal .blog-single-title, #posts-content .post.BlogMinimal { text-align: left; min-height: auto; overflow: hidden; float: left; border: none; font-size: 18px; letter-spacing: -0.3px; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; } #posts-content .post.BlogMinimal img { margin: 0; } #posts-content .post.BlogMinimal .blog-image-container { display: block; overflow: hidden; margin-bottom: 25px; position: relative; } #posts-content .post.BlogMinimal .blog-image-container:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.1); opacity: 0; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; z-index: 100; } #posts-content .post.BlogMinimal .blog-image-container:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } #posts-content .post.BlogMinimal .blog-image-container:hover:before { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.25s ease; } #posts-content .post.BlogMinimal { width: calc(33.333% - 20px); margin-right: 30px; padding-bottom: 0; margin-bottom: 18px; } #posts-content .post.BlogMinimal:nth-child(3n) { margin-right: 0; } #posts-content .post.BlogMinimal .comment-count { float: none; } #posts-content .post.BlogMinimal .entry-content { max-height: 50px; overflow: visible; margin-bottom: 25px; float: left; text-align: left; display: block; } #posts-content .post.BlogMinimal .entry-meta .published:before { display: none; } #posts-content .format-status .entry-content p { font-size: 20px; font-style: italic; font-weight: 300; } .post_format-post-format-image .wp-post-image { display: none; } .single-post #posts-content .post { margin-bottom: 0; border: none; border-bottom: none; padding-bottom: 0; } #posts-content img { max-width: 100%; height: auto; margin-bottom: 0; } .related-content .portfolio img, .single-post #posts-content .related-posts img { max-width: calc(100% - 30px); border-radius: 5px; margin-bottom: 0px; max-width: 100%; height: auto; } #posts-content .blog_widget img { width: auto; margin: 0; } #posts-content .wp-post-image { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 200ms ease-in-out; margin-bottom: 50px; } #posts-content .entry-video, #posts-content .entry-audio { margin-bottom: 50px; } #posts-content.blog-img-top-list .wp-post-image { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.072); } .single-post .navigation.pagination { margin-top: 65px; float: none; } #posts-content .comment-count { margin-right: 5px; } #posts-content .comment-count span { margin-right: 0; } #posts-content .comment-count .fa { margin-right: 7px; } .entry-meta .fa { margin-right: 10px; font-size: 14px; } .entry-meta span { margin-right: 10px; } .topbar-phone a:before, .entry-meta .page-type:before, .entry-meta .published:before, .entry-meta .author:before { content: ''; width: 1px; height: 12px; background: none; position: absolute; right: 0; top: 2px; } .topbar-phone a, .entry-meta .page-type, .entry-meta .published, .entry-meta .author { padding-right: 10px; position: relative; } .entry-meta .fa-calendar-o { font-size: 11px; } #comments #respond #reply-title, .reply-title, .widget-title, #reply-title { font-size: 16px; font-family: inherit; text-align: left; font-weight: bold; margin: 0; letter-spacing: -0.3px; line-height: 40px; } .reply-title { border-bottom: 1px solid rgba(34, 35, 40, 0.13); padding-bottom: 30px; } .comment-notes { display: none; } #comments .children li:last-child, #comments .children li { border-top: none; margin-top: 30px; padding-bottom: 0; padding-top: 0; border-bottom: none; } .blog_widget { margin-bottom: 50px; padding-left: 0; } .blog_widget .ajax-loader { display: none!important; } #single-page .single-page-content .widget ul, .blog_widget ul { padding: 0; list-style-type: none; line-height: inherit; } .blog_widget ul.children { padding-left: 15px; } .blog_widget ul.sub-menu { padding-left: 15px; } #single-page .single-page-content .widget ul li, .blog_widget ul li { color: inherit; line-height: 2.1em; } #single-page .single-page-content .widget ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #single-page .single-page-content .widget ul li a { -webkit-transition: 0.2s ; -moz-transition: 0.2s ; -ms-transition: 0.2s ; -o-transition: 0.2s ; transition: 0.2s ; } #single-page .single-page-content .widget ul {margin-bottom: 40px;} #single-page .single-page-content .widget .widgettitle { padding: 30px 0; padding-top: 33px; margin: 0; border-top: 2px solid; line-height: 1; font-size: 18px; font-weight: bold; font-family: inherit; letter-spacing: -0.3px; } #single-page .single-page-content .widget.widget_nav_menu .widgettitle { border-top: none; padding-top: 0; } #single-page .vc_col-sm-3 .wpcf7 .wpcf7-submit { float: none; border:none!important; } #single-page .vc_col-sm-3 .wpb_content_element {margin-bottom: 0;} #single-page .vc_col-sm-3 .wpcf7 { padding: 20px; margin-bottom: 40px; background-color: rgba(0, 0, 0, 0.05); } .search .search-form .search-field, .blog_widget .search-form .search-field, .blog_widget .woocommerce-product-search .search-field, .blog-header-form .wpcf7 .wpcf7-text, .blog-header-form .wpcf7 .wpcf7-email { height: 50px; line-height: 50px; max-width: 100%; min-width: 100%; border: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; padding: 0 30px; } .blog-header-form .wpcf7 .wpcf7-text, .blog-header-form .wpcf7 .wpcf7-email{ border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; } .blog-page-heading .section-subheading { margin-top: 17px; } .search .search-form, .blog_widget .woocommerce-product-search, .blog_widget .search-form { position: relative; } .search-no-results #posts-content #posts-content .search-form {display:inline-block;margin-left: 0;min-width: 300px;} .search-no-results #posts-content #posts-content .search-form label {width:100%} .search .search-form .search-field, .blog_widget .woocommerce-product-search .search-field, .blog_widget .search-form .search-field { border-radius: 0px; border: 0; border-bottom-width: 2px; border-style: solid; padding: 0; } .blog_widget .woocommerce-product-search .search-field, .blog_widget .search-form .search-field { background-color: transparent; } .blog_widget .woocommerce-product-search label, .blog_widget .search-form label { width: 100%; position: relative; } .blog-header-form { display: block; float: left; width: 100%; margin-top: 30px; } .blog-header-form .wpcf7 { max-width: 520px; position:relative; width: 100%; } .blog-header-form .wpcf7-form-control-wrap { position: relative; margin-right: 0; width: calc(100% - 184px); display: block; float: left; } .blog-header-form .wpcf7 .wpcf7-submit { margin: 0; height: 50px; line-height: 48px; border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; z-index: 10; position: relative; width: auto; max-width: 184px; } .blog-header-form .wpcf7 .ajax-loader { display: none; } #wrapper .blog-header-form .wpcf7 .wpcf7-submit:hover { -webkit-transform: none; transform: none; } .blog_widget ul.sub-menu li, .blog_widget ul.children li { background: none; padding-bottom: 0; } .blog_widget ul.sub-menu li { padding-right: 0; } .blog_widget ul li a { color: inherit; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-weight: 700; } .blog_widget ul li a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: relative; font-weight: bold; margin: 0; -webkit-transition: .25s; -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s; transition: .25s; font-size: 12px; color: #828282!important; display: none; padding-right: 10px; } .blog_widget ul.redux-social-media-list li a:before { display: none; } .blog_widget ul.redux-social-media-list li a { margin-right: 20px; transition: 0.25s; display: block; } .blog_widget ul.redux-social-media-list li a .fa { font-size: 18px; } .blog_widget select { width: 100%; padding: 0 15px; background-color: #f4f4f4; outline: none; font-size: 14px; line-height: 50px; height: 50px; border: none; font-weight: bold; color: #2f2f2f; } .author-box-wrapper { position: relative; padding: 0; border: none; border-radius: 0px; margin-top: 43px; } .related-title h3, #comments .reply-title, #comments #respond #reply-title { margin-top: 0; margin-bottom: 35px; border-top: none; padding-top: 0; font-size: 24px; margin-right: 40px; line-height: 1; font-weight: inherit; padding-bottom: 0; border-bottom: none; letter-spacing: -0.03em; } #comments #respond #reply-title { margin-bottom: 20px; } .related-title h3 { margin-left:15px; } #posts-content .post blockquote { margin: 20px 0; font-size: inherit; font-style: normal; border-left-width: 2px; width: 100%; margin-top: 0; padding: 0; border: none; } #posts-content .post blockquote p { margin-bottom: 0; max-width: 100%; } #posts-content .post table { width: 100%; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-bottom: 25px; } #posts-content .post td, #posts-content .post th { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; padding: 10px } #posts-content .post dl { margin: 0; } #posts-content .post dd { margin: 0 0 20px; } #posts-content .post p { margin-bottom: 30px; } #posts-content .post ol, #posts-content .post ul { margin-bottom: 25px; } #posts-content .post ol ol, #posts-content .post ul ul { margin-bottom:0; } #posts-content .attachment .tt_button .fa, #posts-content .post .tt_button .fa { color: #fff; margin-left: 10px; font-size: 12px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .related-content .portfolio .post-link:after, .vc_custom_heading.post-link:after { content: "\ebf9"; display: inline-block; font-family: 'iconsmind'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; margin-right: 5px; font-size: 18px; margin-left: 7px; float: right; transition: -webkit- 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -o-transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } #posts-content .post-link:after, #posts-content .post .post-link:after { content: "\f054"; display: inline-block; font-family: 'FontAwesome'; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 10px; margin-left: 8px; margin-top: 5px; float: right; transition: -webkit- 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -o-transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .related-content .portfolio .post-link {display: inline-block;} .related-content .portfolio .post-link:hover:after, .vc_custom_heading.post-link:hover:after, #posts-content .post-link:hover:after, #posts-content .post .post-link:hover:after { margin-left: 12px; } #posts-content article p { margin-bottom: 20px; } #posts-content .blog-social-sharing .tt_button { display: inline-block; margin: 0; margin-right: 10px; padding: 0 20px; } #posts-content .post address { font-style: italic } #posts-content .post code, #posts-content .post kbd { background-color: #efefef; border: none; box-shadow: none; } #posts-content .post kbd { color: inherit; } #posts-content .post pre { background-color: #efefef; border: none; padding: 20px; border-radius: 3px; margin-bottom: 30px; white-space: pre-wrap; word-wrap: break-word; } #posts-content .post input { border: 1px solid #ccc; height: 40px; border-radius: 3px; line-height: 1; font-size: 14px; outline: none; padding: 0 15px; } #posts-content .post input[type="submit"] { border: none; border-radius: 2px; font-weight: bold; text-transform: uppercase; padding: 0 25px; color: #fff; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #posts-content .post_format-post-format-gallery br {display: none;} #posts-content .post .gallery-item { margin: 0; position: relative; margin-right: 0; margin-bottom: 0; overflow: hidden; } .attachment-template-default .breadcrumbs {max-width: 100%} .attachment-template-default #posts-content img {width: inherit;} .single-format-gallery #posts-content .gallery .owl-wrapper-outer, #posts-content .entry-gallery .owl-wrapper-outer { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } .feature-sections-wrapper .owl-wrapper-outer img { border-radius: 0px; } .single-format-gallery #posts-content .gallery .owl-nav, #posts-content .entry-gallery .owl-nav { margin-top: -45px; z-index:10; position:relative; margin-bottom: 55px; } .single-format-gallery #posts-content .gallery .owl-nav div, #posts-content .entry-gallery .owl-nav div { background-color: #fff; margin: 0 2px; border-radius: 0px; } .single-format-gallery #posts-content .gallery .owl-nav div:hover, #posts-content .entry-gallery .owl-nav div:hover { border: 2px solid #fff; } .gallery-item .gallery-caption, figcaption { background-color: rgba(51, 51, 51, 0.8); color: #fff; position: relative; width: 100%; font-size: 11px; transition: 0.25s; text-overflow: ellipsis; overflow: hidden; height: 40px; line-height: 30px; padding: 5px 10px; white-space: nowrap; } .single-format-gallery #posts-content .gallery .gallery-item img, #posts-content .post .gallery-item img { border: none; border-radius: 0px; width: 100%; height: auto; } #posts-content .post iframe { max-width: 100%; } #posts-content .post.format-aside .blog-single-title { display: none; } .page-template-default #comments { margin-top: 30px; } #single-page { padding: 0; } #single-page .single-page-content { padding: 0 15px; } .wpb-js-composer #single-page .single-page-content { padding: 0; } #posts-content .post .gallery { display: flex; flex-flow: row wrap; margin: -5px; } #posts-content .post .gallery-columns-1 figure { width: 100%; } #posts-content .post .gallery-columns-2 figure { flex: 0 1 50%; } #posts-content .post .gallery-columns-3 figure { flex: 0 1 33.33%; } #posts-content .post .gallery-columns-4 figure { flex: 0 1 25%; } #posts-content .post .gallery-columns-5 figure { flex: 0 1 20%; } #posts-content .post .gallery-columns-6 figure { flex: 0 1 16.66%; } #posts-content .post .gallery-columns-7 figure { flex: 0 1 14.28%; } #posts-content .post .gallery-columns-8 figure { flex: 0 1 12.5%; } #posts-content .post .gallery-columns-9 figure { flex: 0 1 11.11%; } #posts-content .post .gallery .gallery-item { padding: 5px; } #posts-content .post .gallery.post-gallery-carousel {display: block !important;margin-bottom: 50px;} #posts-content .post .gallery.post-gallery-carousel .gallery-item { margin: 0; } .entry-video.simple-video-iframe { display: block; border-radius: 0; box-shadow: none; } #posts-content .post .entry-video.simple-video-iframe iframe { position: relative; min-height: 440px; border-radius: 0; } @media (max-width: 960px) { #single-page { padding-top: 0!important } } .maintenance #single-page {padding-top: 0!important;min-height: inherit;} .section-subheading, #single-page .section-subheading { text-align: left; max-width: 500px; margin-top: 18px; margin-bottom: 20px; } #single-page blockquote { margin: 30px 0; background-color: #fff; transition: 0.25s; border: none; padding: 40px; padding-bottom: 20px; border-radius: 0px; font-size: 16px; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } #single-page blockquote p { margin-left: 60px; margin-right: 60px; } .container blog-single-title-meta-wrapper {text-align: center;} #single-page blockquote p { margin-bottom: 0; } blockquote cite { font-weight: 700; margin: 10px 0; display: block; } #wp-calendar, #single-page table { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } #wp-calendar { max-width: 320px; } #single-page table { margin-bottom: 25px; } #wp-calendar td, #wp-calendar th, #single-page td, #single-page th { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; padding: 10px } #single-page dl { margin: 0 20px; } #single-page dd { margin: 0 0 20px; } #single-page address { font-style: italic } #single-page code, #single-page kbd { background-color: #efefef; border: none; box-shadow: none; } #single-page kbd { color: inherit; } #single-page pre { background-color: #efefef; border: none; padding: 20px; border-radius: 3px; margin-bottom: 30px; } #single-page pre { background-color: #efefef; border: none; padding: 20px; border-radius: 3px; margin-bottom: 30px; } #single-page .gallery-item { width: 100%; margin: 0; margin-bottom: 20px; } #single-page .gallery-item img { border: none; } #single-page iframe { max-width: 100%; } #single-page.format-aside .blog-single-title { display: none; } .page img, .single-post img { max-width: 100%; height: auto; } #single-page #comments ul li:before { display: none; } #posts-content .fa-thumb-tack { margin-right: 5px; } #posts-content .blog-content ul li, #posts-content .page-content ul li { } #posts-content .blog-content ul li:before, #posts-content .page-content ul li:before { margin-left: -10px; } #posts-content ol ul ol li, #posts-content ol ul li, #posts-content ol li { list-style-type: decimal!important; } #posts-content ol ul ol li:before, #posts-content ol ul li:before, #posts-content ol li:before { display: none!important; } #posts-content ol ul li { list-style-type: none!important; } .blog_widget ul li a:hover:before { opacity: 1; } .navigation.pagination .next:after, #posts-content .more-button a:after { margin-left: 8px; margin-right: 0; line-height: 25px; } .pagination { margin: 10px 0 0 0; } .navigation.pagination { text-align: center; width: 100%; float: left; margin-top: 0px; padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .navigation.pagination .page-numbers { display: none } .navigation.pagination .screen-reader-text { display: none; } .navigation.pagination .next { float: right; } .navigation.pagination .prev { float: left; } .wpb_wrapper #loginform .button, #comments input[type="submit"], #single-page #comments input[type="submit"], .contact-map-container .toggle-map, .wpcf7 .wpcf7-submit, .navigation.pagination .next, .navigation.pagination .prev { -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; text-align: center; height: 46px; border-radius: 0; font-weight: 700; padding: 0; margin: auto; display: table; box-sizing: border-box; line-height: 46px; outline: none; cursor: pointer; background-color: transparent; width: auto; min-width: 150px; } .wpb_wrapper #loginform .button, .wpcf7 .wpcf7-submit { width: 100%; border: none; color: #fff; background-color: transparent; } .wpcf7 input[type="file"] { width: 100%; background-color: #f3f3f3; border: 1px solid #e5e7f2; color: inherit; border-radius: 0px; outline: none; padding: 13px 20px; -webkit-appearance: none; } .wpb_wrapper #loginform .button { float: left; width: auto; height: 50px; } .vc_col-sm-12 .wpcf7-form-control-wrap { margin-right: 10px; float: none; } .vc_col-sm-12 .wpcf7 .wpcf7-submit { margin-top: 0; } .row .vc_custom_heading a:hover { opacity: 1; } .wpcf7-form textarea:focus, .wpcf7 .wpcf7-text:focus { border-color: #ccc; } .wpcf7 .wpcf7-submit:hover { background-color: #fff; } #comments input[type="submit"], #single-page #comments input[type="submit"], .wpcf7 .wpcf7-submit { float: left; height: 50px; line-height: 24px; } .blog_widget .wpcf7 .wpcf7-submit { float: none; } .wpcf7 .wpcf7-submit { padding-top: 0!important; padding-bottom: 0!important; } .widget_text .wpcf7 .wpcf7-submit { float: none; } #comments input[type="submit"], #single-page #comments input[type="submit"] { display: inline-block!important; } #comments input[type="submit"] { float: none; display: inline-block; color: #fff; } #comments input[type="submit"]:hover { background-color: transparent; } .page #single-page #comments input[type="submit"]:hover, #comments input[type="submit"]:hover, #single-page #comments input[type="submit"]:hover, .contact-map-container .toggle-map:hover, .navigation.pagination .next:hover, .navigation.pagination .prev:hover { color: #fff; } .searchform { position: relative; } .woocommerce-ordering select, .searchform #s { width: 100%; padding: 0 20px; border: none; outline: none; font-size: inherit; line-height: 50px; height: 50px; margin-top: 0; border-radius: 0; background: none; } .woocommerce-product-search button[type="submit"], .woocommerce-product-search input[type="submit"], .search-submit { position: absolute; outline: none; background: none; margin-top: 0; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; border: none; top: 0; padding: 0; right: 0; height: 50px; width: 20px; font-family: FontAwesome; opacity: 1; } .woocommerce-product-search button[type="submit"] { font-size: 0; } .woocommerce-product-search button[type="submit"]:before { content: "\f002"; font-size: 13px; display: block; line-height: 50px; } #wrapper .tparrows { background: none; border-radius: 90px; width: 40px; height: 40px; line-height: 40px; opacity: 1; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; box-sizing: border-box; position: absolute; pointer-events: auto; background: none!important; font-family: 'iconsmind'; font-size: 0; color: #fff!important; border: 2px solid rgba(255, 255, 255, 0.25)!important; } #wrapper .tparrows:before { content: "\ebf9"!important; display: block; font-size: 18px; line-height: 36px; font-family: 'iconsmind'!important; box-sizing: border-box; font-weight: bold; transition: 0.2s; position: absolute; width: 36px; height: 36px; left: 0; top: 0; } #wrapper .tparrows.tp-leftarrow:before { content: "\ea26"!important; } #wrapper .tparrows:hover { opacity: 1; border: 2px solid rgba(255, 255, 255, 1)!important; } .wpb_revslider_element .hesperiden.tparrows.tp-leftarrow:before { margin-left: 0!important; } .wpb_revslider_element .hebe .tp-bullet-image { display: none!important } #wrapper .tparrows:hover:before { -webkit-transform: translateX(3px); transform: translateX(3px); } #wrapper .tparrows.tp-leftarrow:hover:before { -webkit-transform: translateX(-3px); transform: translateX(-3px); } #wrapper #dark-navigation .tparrows:before { color: #1a1a1a } #wrapper #dark-navigation .tparrows { color: #1a1a1a!important; border: 2px solid rgba(26, 26, 26, 0.25)!important; } #wrapper #dark-navigation .tparrows:hover { border: 2px solid #1a1a1a!important; } .woocommerce-product-search button[type="submit"]:hover, .woocommerce-product-search input[type="submit"]:hover, .search-submit:hover { opacity: 1; } .tags { margin-top: 0; margin-bottom: 30px; border-top: none; width: 100%; padding-top: 0; } .tags a, .tagcloud a, .tags-label { display: inline-block; margin-right: 10px; transition: 0.25s; font-size: 14px!important; color: inherit; position: relative; padding: 4px 10px 5px 10px; font-weight: 700; margin: 10px 8px 0px 0px; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); border-radius: 10px; z-index: 1; } .tags a:hover, .tagcloud a:hover { color:#fff!important; } .tags a:after, .tagcloud a:after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 25px; opacity: 0.1; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); z-index: -1; } .tags a:hover:after, .tagcloud a:hover:after { opacity:1; } .blog-single-content .btn-twitter { background-color: #00aced; border: 2px solid #00aced; color: #fff; } .blog-single-content .btn-facebook { background-color: #4267b2; border: 2px solid #4267b2; color: #fff; } .blog-single-content .tt_button.btn-facebook:hover .fa { color: #4267b2!important; } .blog-single-content .tt_button.btn-facebook:hover { color: #4267b2!important; border: 2px solid #4267b2!important; } .blog-single-content .btn-twitter:before, .blog-single-content .btn-facebook:before { display:none; } .blog-single-content .tt_button.btn-twitter:hover .fa { color: #00aced!important; } .blog-single-content .tt_button.btn-twitter:hover { color: #00aced!important; border: 2px solid #00aced!important; } .blog-social-sharing { margin-top: 55px; margin-bottom: 95px; } .blog-social-sharing .tt_button { height: 46px; line-height: 44px; padding: 0; } #posts-content .blog-social-sharing .tt_button .fa { font-size: 18px; margin: 0; margin-right: 15px; float: left; line-height: 44px; } .admin-image img { box-shadow: 0 0px 40px rgba(0, 0, 0, .07); border-top-left-radius: 4px; border-top-right-radius: 4px; } .blog-single-content .tags { padding-top: 50px; clear: both; } .tagcloud { margin-top: 0; width: 100%; } .blog-single-content { } .blog-content p { margin-bottom: 25px; } #recentcomments li { } #recentcomments li .comment-author-link { color: inherit; text-transform: capitalize; } #recentcomments li .comment-author-link:after { content: "-"; display: inline-block; margin-left: 4px; font-size: 16px; } #recentcomments a:before { display: none; } .comment-form-author, .comment-form-email, .comment-form-url { width: 33.333%; float: left; } #commentform input[type="text"], #commentform input[type="email"] { height: 50px; line-height: 50px; } #comments .comment-list { list-style-type: none; padding-left: 0; padding-right: 10px; margin-bottom: 70px; } #comments .comment { list-style-type: none; padding: 0; margin-bottom: 30px; border-bottom: 0; } .page #comments .comment { float: left; width: 100%; } #comments .comment:last-child { border: none; } .author-box-wrapper .author-avatar img, #comments .comment img { float: left; margin-right: 30px; width: 80px; height: 80px; border-radius: 50%; } .author-desc-wrapper .author-name { margin-top: 17px; display: inline-block; } #comments .says { display: none } .author-website, .author-box-wrapper .author-name h6, #comments .fn { font-weight: 700; font-size:inherit; transition: 0.25s; margin:0; } #comments .comment-meta { background: none; } #comments .comment-meta a { color: inherit; } #comments .reply { margin-top: 25px; margin-left: 110px; line-height: 1; } #comments .reply a { text-transform: capitalize; font-weight: 700; } .author-desc p, #comments .comment .comment-content { padding-left: 109px; margin-bottom: 0!important; } #comments .comment blockquote p { padding-left: 0px; } #comments .comment ul li, #comments .comment ol li { list-style-type: inherit; } #comments .comment ul.children li { list-style-type: none; } #respond {margin-top: 30px;} #comments { margin: 100px auto; margin-top: 70px; padding: 0 15px; } .single-post-layout-one #comments, .single-post-layout-two #comments { max-width: 60%; } .woocommerce-Reviews #comments { max-width: 100%; margin: 50px auto; } #comments label { display: inline-block; max-width: 100%; font-weight: 600; margin-bottom: 10px; line-height: 1; } #comments .comment #commentform p { padding-left: 0; } #comments .comment-notes { margin-bottom: 30px; font-size: 14px; } #comments .children { padding-left: 30px; } #cancel-comment-reply-link { font-size: 14px; opacity: 1; color: inherit; } #comments .logged-in-as { margin-bottom: 15px; } #comments .logged-in-as a { color: inherit; margin-bottom: 0; display: inline-block; opacity: 1; margin-top: 10px; } #comments p.logged-in-as, #single-page #comments p.logged-in-as { margin-top: -25px; margin-bottom: 25px; } #comments ul li:before, #single-page #comments ul li:before { display: none; } #comments h1, #single-page #comments h1 { text-align: left; font-size: 50px; line-height: 50px; margin-bottom: 25px; margin-top: 25px; } #comments h2, #single-page #comments h2 { text-align: left; font-size: 35px; line-height: 35px; margin-bottom: 25px; margin-top: 25px; } #comments h3, #single-page #comments h3 { text-align: left; font-size: 25px; line-height: 25px; margin-bottom: 25px; margin-top: 25px; } #comments blockquote, #single-page #comments blockquote { margin: 25px 0; font-style: italic; } #comments table, #single-page #comments table { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } #comments td, #comments th, #single-page #comments td, #single-page #comments th { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; padding: 10px } #comments dl, #single-page #comments dl { margin: 0 20px; } #comments dd, #single-page #comments dd { margin: 0 0 20px; } .author-desc p, #comments p, #single-page #comments p { margin-bottom: 0; font-size: inherit; margin-top: 20px; } #comments address, #single-page #comments address { font-style: italic } #comments code, #comments kbd, #single-page #comments code, #single-page #comments kbd { background-color: #efefef; border: none; box-shadow: none; } #comments kbd, #single-page #comments kbd { color: inherit; } #comments pre, #single-page #comments pre { background-color: #efefef; border: none; padding: 20px; border-radius: 3px; margin-bottom: 30px; } #comments .pingback, #single-page #comments .pingback { padding: 15px 0; border-bottom: 0; } #wp-comment-cookies-consent {margin-right: 10px;} #posts-content .mejs-container { margin-bottom: 25px; } #wp-calendar { width: 100%; } #wp-calendar caption { color: inherit; font-weight: bold; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } #wp-calendar td, #wp-calendar th { padding: 5px; text-align: center; } #wp-calendar td a { font-weight: bold; } .comment-body { position: relative; background: none; padding: 30px; border: none; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.075); border-radius: 5px; } #wrapper .widget-title { font-size: 18px; font-weight: 700; margin-bottom: 20px; line-height: 20px; letter-spacing: 0; } #wrapper .blog_widget:first-child .widget-title { border-top: none; padding-top: 0; } .blog .navbar-default.fullwidth .container { width: 100%; } .blog_widget ul li a:hover { opacity: 1; } .blog_widget { font-size: inherit; position: relative; } .author-desc { max-width: calc(100% - 100px); display: inline-block; } .blog_widget p { margin-bottom:20px; } .related-content .portfolio h5 a, #posts-content .post .blog-single-title a, #posts-content .post .blog-single-title { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } #posts-content.blog-img-left-list .blog-single-title {margin-bottom: 15px;} .blog-single-content .blog-single-title { margin:0; font-weight: 500; margin-bottom: 25px; } .related-posts .entry-meta a, #posts-content .entry-meta, #posts-content .entry-meta a { color: inherit; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; font-weight: inherit; font-weight: 400; } .blog-single-title-meta-wrapper { margin-bottom: 43px; padding: 0 15px; text-align: center; } .blog-single-title-meta-wrapper .col-lg-8 { float:none; margin:auto; padding: 0; } .use-sidebar .blog-single-title-meta-wrapper {text-align: left;} .use-sidebar .blog-single-title-meta-wrapper .col-lg-8 {margin:0; float:none;} .related-posts { background-color: #f5f5f5; padding-bottom: 100px; padding-top: 100px; overflow: hidden; } .comments-content { border-top: none; margin-top: 30px; } #posts-content .blog-single-content .entry-meta { margin-bottom: 70px; } .BlogFullWidth {margin:auto;float: none;width: 100%;padding: 0;} .entry-video { position: relative; margin-bottom: 0; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); border-radius: 0px; overflow: hidden; display: inline-block; } .single-post .entry-video { margin-bottom: 50px; } .entry-video p { margin-bottom:0!important; } .entry-video img { display: inline-block; opacity: 0; border-radius: 0px; } .entry-video iframe { height: 100%; position: absolute; top: 0; left: 0; z-index:10; border-radius: 6px; } .entry-video .background-video-image { position: relative; z-index: 11; border-radius: 0px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: inline-block; background-size: cover!important; } .entry-video .play-video { z-index: 12; } .entry-video .show-video .play-video, .entry-video .show-video .background-video-image { opacity:0; pointer-events: none; } .single-post-layout-two .blog-page-heading { display:none; } .single-post-layout-two .blog-single-header-wrapper.post-with-image:after { background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; content: ' '; z-index: 1; display: block; max-width: 200%; } .single-post-layout-two .blog-single-header-wrapper .entry-image img { max-width: 100%; width: 100%; } .single-post-layout-two .blog-single-header-wrapper { position: relative; align-items: center; background-color: #f5f5f5; width: 100%; padding-bottom: 140px; padding-top: 200px; margin-bottom: 30px; margin-top: -80px; background-size: cover; background-position: center; } .single-post-layout-two .blog-single-title-meta-wrapper { z-index:2; padding: 0 15px; } .single-post-layout-two .blog-single-header-wrapper.post-with-image .entry-meta span, .single-post-layout-two .blog-single-header-wrapper.post-with-image .blog-single-title { color: #fff!important; } .single-post-layout-two .blog-single-content .entry-meta { margin-bottom: 0!important } .blog-pagination { width:100%; } .blog-page-numbers li a, .blog-page-numbers li a:hover, .blog-page-numbers li.active a, .blog-page-numbers li.disabled { color: #fff; text-decoration:none; } .blog-page-numbers { padding:0; text-align: center; } .blog-minimal-grid .blog-page-numbers, .blog-detailed-grid .blog-page-numbers { margin-bottom: 0; margin-top: 65px; } .blog-img-left-list .blog-page-numbers { float: left; width: 100%; margin-bottom: 0; margin-top: 40px; } .blog-page-numbers li { display: inline-block; margin-bottom: 45px; } .blog-page-numbers li a, .blog-page-numbers li a:hover, .blog-page-numbers li.active a, .blog-page-numbers li.disabled { cursor: pointer; text-decoration: none; text-align: center; width: 34px; padding: 5px; margin-right: 0; transition: 0.3s; border-radius: 100%; display: block; font-weight: 700; margin: 0 5px; color: #1a1a1a; } .blog-page-numbers li.active a { color: #fff; } .blog-page-numbers li.prev-post-link a, .blog-page-numbers li.next-post-link a { font-size: 0; position: relative; } .blog-page-numbers li.next-post-link a:before, .blog-page-numbers li.prev-post-link a:before { margin-right: 10px; font-weight: bold; color: inherit; content: "\f105"; font: normal normal normal 14px/1 FontAwesome; margin: 0; font-size: 15px; width: 36px; line-height: 34px; } .blog-page-numbers li.prev-post-link a:before { content: "\f104"; } .blog-single-title a { -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } /*-----------------------------------------------------------------*/ /* 10. 404 PAGE /*-----------------------------------------------------------------*/ .error404 .navbar.navbar-default, .error404 .navbar-default.navbar-shrink { position: absolute; border: none; } .page-404 { height: 100vh; display: table; width: 100%; } .error404 .navbar.navbar-default { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .page-404 .container { display: table-cell; vertical-align: middle; width: 100%; } .page-404 { padding-top: 100px; height: calc(100vh - 200px); } .search-no-results #posts-content #posts-content { padding-top: 0; } .page-404 .secondary-button-inverse { background-color: transparent; color: #fff } .page-404 .section-subheading, .search-no-results #posts-content .section-subheading { margin-bottom: 50px; max-width: 420px; font-weight: 300; } .search-no-results #posts-content .section-subheading {float:none;} .page-404 .section-subheading { font-weight: 700; margin: auto; margin-bottom: 35px; float: none; text-align: center; } .search-no-results #searchform { width: 80%; max-width: 320px; margin: auto; } .page-404 .section-heading { font-size: 62px; line-height: 62px; margin-bottom: 25px; text-align: center; font-weight: 300; text-transform: inherit; } .page404-overlay { position: absolute; background-position: center; height: 100%; width: 100%; opacity: 0.2; top: 0; background-blend-mode: overlay; } /*-----------------------------------------------------------------*/ /* 11. PORTFOLIO /*-----------------------------------------------------------------*/ .portfolio-item {border-radius: 0; overflow: hidden; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;} .portfolio-item .tt_button { position: absolute; margin-left: -85px; right: 0; top: 50%; opacity: 0; margin-top: -50px; float: none; left: 50%; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .portfolio-item .portfolio-content { position: absolute; top: 0; height: 100%; width: 100%; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; visibility: hidden; opacity: 0; } .portfolio-item:hover .portfolio-content { visibility: visible; opacity: 1; background-color: rgba(0,0,0,.5); } .portfolio-item:hover .tt_button { opacity: 1; } .portfolio-item .portfolio-content .gradient-overlay { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0); } .portfolio-item .portfolio-inner-content { position: absolute; z-index: 10; width: 100%; top: 0; bottom: 0; } .portfolio-item .portfolio-inner-content h3 { color: #fff; font-size: 16px; margin: 0; font-weight: bold; letter-spacing: 0; line-height: 50px; position: absolute; bottom: 0; opacity: 0; -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 100%; background-color: #1f1f1f; } .portfolio-item .portfolio-content:hover h3 { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .portfolio-item .portfolio-inner-content p { font-size: 14px; font-style: normal; line-height: 25px; color: #fff; opacity: 0; text-align: center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .portfolio-item .portfolio-content:hover p { opacity: 1; } .portfolio-arrow { width: 55px; margin: auto; height: 18px; background: url(images/hover-arrow.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; margin-top: 40px; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); } .portfolio-item .portfolio-content:hover .portfolio-arrow { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #portfolio-items { background-color: transparent; width: 100%; margin-top: 0px; } #portfolio-items:after { content: ''; display: block; clear: both; } .portfolio-item.item-size-small { width: calc(33.3333333% - 25px); height: auto; margin: 12px; float: left; position: relative; max-height: 800px; overflow: hidden; } .portfolio-item.item-size-big { width: 40%; height: auto; } .portfolio-item img { width: 100%; } .woocommerce-page .navbar.navbar-default, .attachment .navbar.navbar-default, .single-post .navbar.navbar-default, .single-portfolio .navbar.navbar-default, .page-child .navbar.navbar-default { padding: 0; } .navbar.navbar-default { position: fixed; top: 0; left: 0; right: 0; border: 0; } .admin-bar .navbar.navbar-default { top: 32px; } .admin-bar .navbar.navbar-default.fixed-menu.panel-enabled { top: 0; } .navbar.navbar-default.navbar-shrink { box-shadow: 0px 2px 40px 0px hsla(240, 0%, 6%, 0.05); } .navbar.navbar-default.fixed-menu { position: absolute; } .navbar.navbar-default.full-width .container { width: 100%; padding: 0 15px; } .navbar.navbar-default.contained .topbar .topbar-socials { margin-right: -1px; } .navbar.navbar-default.contained .topbar .container { padding:0; } .single-portfolio #single-page { padding: 0; } @media (max-width: 960px) { .single-portfolio #single-page { padding-top: 0; } } .single-portfolio .navbar-default .container { padding: 0; width: 1240px; } .woocommerce-page .navbar-default .container, .single-post .navbar-default .container, .single-page .navbar-default .container { } .page-child .navbar-default .container { padding: 0; } .gallery-item-list { margin-bottom: 40px; } .portfolio-content .portfolio-block .portfolio-title { font-size: 28px; text-align: left; line-height: 40px; letter-spacing: -1px; margin-top: -5px; font-weight: 700; margin-bottom: 30px; } .portfolio-block strong { font-size: 13px; } .portfolio-block.full-width { margin-left: 0; } .portfolio-block .heading-separator { float: left; margin: 20px 0 22px 0; } .portfolio-content .portfolio-block p { margin-top: 0; padding-bottom: 0; } .portfolio-content .featured-image { margin-bottom: 40px; overflow: hidden; } #single-page .featured-image.single-image img { max-width: 100%; } .portfolio-meta-parent { width: 100%; float: left; padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 10px; } .portfolio-meta.share-meta .fa { font-size: 13px; margin-right: 20px; color: inherit; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .portfolio-meta.share-meta .fa:hover { opacity: 1; } .portfolio-content .portfolio-block.full-width p { border: none; } .portfolio-content .portfolio-sidebar { padding-right: 0; } .portfolio-block h4 { font-size: 13px; display: inline-block; min-width: 180px; margin-top: 0; margin-bottom: 0; } .portfolio-block { float: left; max-width: calc(100% - 50px); width: 100%; margin-left: 30px; } .portfolio-block .portfolio-meta span { font-size: 14px; display: inline-block; line-height: 1.2; } .pswp .pswp__caption__center { display: none; } .pswp .pswp__bg { background: #000; background: rgba(0, 0, 0, 0.75); } .pswp .pswp__ui--fit .pswp__top-bar, .pswp .pswp__ui--fit .pswp__caption, .pswp .pswp__button--arrow--left:before, .pswp .pswp__button--arrow--right:before, .pswp .pswp__caption { background-color: transparent; } .pswp[aria-hidden="true"] { display: none; } .portfolio-content .featured-gallery, #single-page .gallery-item-list img { max-width: 100%; height: auto; border-radius: 0; } .portfolio-content .featured-gallery.full-width { max-width: 100%; width: 100%; margin-bottom: 90px; } #single-page .featured-gallery.full-width img { width: 100%; } .portfolio-content .featured-gallery { margin-bottom: 40px; } .portfolio-sidebar.fixed-sidebar { left: 50%; position: fixed; margin-left: 104px; top: 170px; } .portfolio-sidebar.fixed-sidebar.absolute-sidebar { position: absolute; bottom: 35px; top: auto; } .portfolio-navigation-links { float: none; margin-top: 0; border-top: none; padding: 40px 0; background-color: transparent; } .portfolio-template-default #wrapper { padding-bottom: 0; } .portfolio-navigation-links a { font-weight: 700; transition: 0.25s; margin: 0 5px; min-width: 160px; } .portfolio-navigation-links .port-next { float: right; } .port-prev.tt_button { float: left; background-color: transparent; box-shadow: none; transition: 0.25s; } .port-next.tt_button { float: right; background-color: transparent; box-shadow: none; transition: 0.25s; } .port-prev.tt_button:hover, .port-next.tt_button:hover { color: #fff; } .port-next.tt_button .fa, .port-prev.tt_button .fa { font-weight: bold; } .featured-gallery.full-width , .portfolio-gallery-content { text-align: center; position: absolute; bottom: 30px; z-index: 99; width: 100%; } .portfolio-gallery-content .owl-nav div { background-color: #fff; border: 2px solid #fff; } .featured-gallery.full-width .owl-dot span, .portfolio-gallery-content .owl-dot span { margin: 0 7px; } .port-nav-prev { padding-left: 15px; } #portfolio-items .portfolio-item.align-right, #portfolio-items .portfolio-item.item-size-small:nth-child(5) { float: right; margin-right: 15px; } .content-area .vc_grid-filter.vc_grid-filter-bordered-rounded-less>.vc_grid-filter-item, .content-area .vc_grid-filter.vc_grid-filter-bordered-rounded>.vc_grid-filter-item, .content-area .vc_grid-filter.vc_grid-filter-bordered>.vc_grid-filter-item { margin: 0; border: none; border-collapse: collapse; } .content-area .vc_grid-filter>.vc_grid-filter-item.vc_active, .content-area .vc_grid-filter>.vc_grid-filter-item:hover { background-color: transparent; } .content-area .vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item { padding: 0; font-weight: 600; margin-right: 30px; } .content-area .vc_grid-filter { margin-bottom: 45px; text-align: left; max-width: 1210px; margin-left: auto; margin-right: auto; } .content-area .vc_grid-filter>.vc_grid-filter-item span { position: relative; padding-bottom: 6px; } #main-menu.underline-effect .navbar-nav .menu-item .dropdown-menu .menu-item a, #main-menu.underline-effect .navbar-nav .mega-menu .dropdown-menu .menu-item a { position: relative; padding-bottom: 6px; padding-left: 0; padding-right: 0; margin-left: 10px; display: inline-block; } footer.underline-effect .navbar-footer li a, footer.underline-effect .footer_widget .menu li a, footer.underline-effect .footer_widget ul li.cat-item a { position: relative; padding-bottom: 6px; } footer.underline-effect .navbar-footer li a { margin-bottom: -6px; } footer.underline-effect .navbar-footer li a:after, footer.underline-effect .footer_widget .menu li a:after, footer.underline-effect .footer_widget ul li.cat-item a:after, #main-menu.underline-effect .navbar-nav .menu-item .dropdown-menu .menu-item a:after, #main-menu.underline-effect .navbar-nav .mega-menu .dropdown-menu .menu-item a:after, .content-area .vc_grid-filter>.vc_grid-filter-item span:after { content: ""; transition: 0.2s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 50%; height: 2px; width: 0; bottom: 0px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ccc; } footer.underline-effect .navbar-footer li a:hover:after, footer.underline-effect .footer_widget .menu li a:hover:after, footer.underline-effect .footer_widget ul li.cat-item a:hover:after, #main-menu.underline-effect .navbar-nav .mega-menu .dropdown-menu .menu-item a:hover:after, #main-menu.underline-effect .navbar-nav .menu-item .dropdown-menu .menu-item a:hover:after, .content-area .vc_grid-filter>.vc_grid-filter-item span:hover:after { width: 100%; } .content-area .vc_gitem-animate-scaleRotateIn { -webkit-transition: opacity 0.2s cubic-bezier(0.2,0.58,0.55,1),-webkit-transform 0.2s cubic-bezier(0.2,0.58,0.55,1)!important; overflow: visible; } .content-area .vc_grid-gutter-30px .vc_gitem-animate-scaleRotateIn { border-radius: 0px; } .content-area .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-a { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -ms-transition: margin 0.3s cubic-bezier(0, 1, 0.5, 1); -webkit-transition: margin 0.3s cubic-bezier(0, 1, 0.5, 1); transition: margin 0.3s cubic-bezier(0, 1, 0.5, 1); background-color: transparent; } .content-area .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-a { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1); box-shadow: 0 30px 100px 0 #0000004d; border: none!important; margin-top: -25px; margin-left: -25px; margin-right: -25px; } .content-area .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-b { background: none; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; min-height: auto!important; background: hsl(0, 0%, 0%, 0.5)!important; margin: 0; transition: none; -ms-transition: margin 0.3s cubic-bezier(0, 1, 0.5, 1); -webkit-transition: 0.3s cubic-bezier(0, 1, 0.5, 1); transition: 0.3s cubic-bezier(0, 1, 0.5, 1); } .vc_is-hover .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-b { margin: 0 -25px; } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn .vc_gitem-col { -webkit-transition: 0.8s cubic-bezier(0, 1, 0.5, 1); -o-transition: 0.8s cubic-bezier(0, 1, 0.5, 1); transition: 0.8s cubic-bezier(0, 1, 0.5, 1); transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.8); height: 100%; } .content-area .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-scaleRotateIn .vc_gitem-col { transform: scale(1); -ms-transform: scale(1); } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c { background: none!important; border:none; } .content-area .vc_grid-item-mini { position: relative; } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c { display: flex; align-items: center; justify-content: center; background: none !important; border: none !important; position: absolute; top: 0; width: 100%; padding: 0; height: 100%; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; transform: scale(0.75); -webkit-transform: scale(0.75); -ms-transform: scale(0.75); opacity: 0; pointer-events:none; } .content-area .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); z-index: 999; } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c .vc_btn3-container { display: none; } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c h4 { color: #fff; margin:0; } .content-area .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 { letter-spacing: -0.03em; line-height: 1.3; margin: 0; margin-bottom: 20px; font-size: 24px; } .content-area .vc_grid-item-mini .vc_custom_heading.vc_gitem-post-data-source-post_excerpt { } .demos-section .kd-photobox .phb-content, .content-area .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-c { margin: -40px 25px 25px 25px; padding: 14px 25px 15px 25px; background-color: #fff !important; border-top: none; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); border-radius: 0; overflow: hidden; -webkit-transition: 0.2s cubic-bezier(0.3,0.58,0.55,1); transition: 0.2s cubic-bezier(0.3,0.58,0.55,1); } .demos-section .kd-photobox:hover .phb-content, .content-area .vc_grid-item-mini:hover .vc_gitem-zone.vc_gitem-zone-c { transform: translateY(-65px); } .content-area .vc_grid-gutter-30px .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-c { border: none; } .content-area .vc_grid-item-mini .vc_btn3-container { margin-bottom: 0; text-align: center; margin-top: 10px; display: flex; display: none; } .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container { float: left; display: flex; } .content-area .vc_grid-item-mini .vc_btn3-container a { padding:0; border:none; color: inherit; width: auto; min-width: auto; line-height: inherit; transform: none; } .content-area .vc_grid-item-mini .vc_btn3-container .tt_button:hover a { color: #fff; } .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container a { background: transparent!important; } .content-area .vc_grid.vc_row.vc_grid-gutter-30px .vc_gitem-zone.vc_gitem-zone-a { position: relative; border-radius: 0; } .content-area .vc_grid .vc-gitem-zone-height-mode-auto .vc_gitem-zone-img { height: auto; display: block!important; opacity: 0; } .content-area .vc_grid .vc_col-sm-3 .vc-gitem-zone-height-mode-auto .vc_gitem-zone-img { height: 320px; display: block!important; opacity: 0; } .content-area .vc_grid .vc_col-sm-6 .vc-gitem-zone-height-mode-auto .vc_gitem-zone-img { height: 680px; display: block!important; opacity: 0; } .content-area .vc_grid .vc_col-sm-3 .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 { font-size: 20px; } .content-area .vc_grid .vc_col-sm-6 .vc-gitem-zone-height-mode-auto.blog-detailed-grid { min-height: auto; } .content-area .vc_grid .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before, .content-area .vc_grid-item-mini .vc_gitem-animate-fadeIn .vc_gitem-zone.vc_gitem-zone-a:before { position: absolute; top: 15px; left:15px; opacity: 0; right: 15px; bottom: 15px; border-radius: 0px; -webkit-transition: opacity 0.2s cubic-bezier(0.3,0.58,0.55,1); transition: opacity 0.2s cubic-bezier(0.3,0.58,0.55,1); font-family: 'iconsmind'; content: '\e871'; font-size: 48px; font-weight: normal; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; display: none; } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before { display: none; } .content-area .vc_grid .vc_gitem-animated-block:hover .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before, .content-area .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-fadeIn:hover .vc_gitem-zone.vc_gitem-zone-a:before { opacity: 0.9; } .content-area .vc_grid-item-mini .vc_gitem-zone-c h4 { text-align: center!important; } .content-area .vc_grid .vc_gitem-zone-c .vc_general { background-color: transparent; } .content-area .vc_grid .vc_gitem-zone-c .vc_gitem-link:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .15); box-shadow: 0 8px 25px rgba(0, 0, 0, .15); } .content-area .vc_masonry_grid { min-height: 415px; } .content-area .vc_basic_grid .vc_grid .vc_col-sm-4 .vc-gitem-zone-height-mode-auto { min-height: 250px; } .content-area .vc_basic_grid .vc_grid .vc_col-sm-3 .vc-gitem-zone-height-mode-auto { min-height: 200px; } .content-area .vc_basic_grid .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 { text-align: left!important; } .content-area .vc_basic_grid .vc_grid .vc_gitem-zone-c .vc_gitem-link { margin-left: 0; } .content-area .vc_basic_grid .vc_grid-item-mini .vc_custom_heading.vc_gitem-post-data-source-post_excerpt { display: block; } .content-area .vc_basic_grid .vc_grid-item-mini .vc_custom_heading.vc_gitem-post-data-source-post_excerpt p { margin-bottom: 20px; } .blog-detailed-grid .vc_custom_heading.vc_gitem-post-data-source-post_excerpt { margin-top: 20px; } .content-area .vc_basic_grid .vc_grid .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before { content: "\e8a0"; } /*-----------------------------------------------------------------*/ /* 12. CONTACT /*-----------------------------------------------------------------*/ .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; -o-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity: 1; pointer-events: auto; } .modalDialog .modalContent { width: 600px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; background-color: #fff; } .closeModal { background-color: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .closeModal:hover { background-color: #00d9ff; } #popup-modal { z-index: 10001; background-color: rgba(245, 245, 245, 0.85); cursor: pointer; } #popup-modal.in { visibility: visible; align-items: center; } #popup-modal .close { position: absolute; background-color: #fff; right: 20px; top: 20px; z-index: 999; border-radius: 90px; height: 20px; width: 20px; outline: none; font-size: 15px; text-shadow: none; opacity: 1; color: #1f1f1f; text-align: center; transition: 0.25s; font-weight: bold; font-family: arial; } @media (max-width: 960px) { #popup-modal .close { font-size: 22px; top: 10px; right: 10px; } } #popup-modal.in .modal-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } #popup-modal .modal-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; overflow: hidden; transition: all 0.2s; width: 1100px; left: 50%; margin-left: -550px; position: fixed; border: none; box-shadow: none; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); border-radius: 7px; cursor: default; top: 50%; margin-top: -242px; } .modal-backdrop { z-index: 2000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background-color: #B7BBC5; display: none; } .modal-backdrop.in { opacity: 0.7; } #popup-modal .modal-content h2 { text-align: left; font-style: normal; margin-bottom: 25px; margin-top: 0; } .modal-subheading { margin-bottom: 38px; } .modal-content-inner { padding: 100px; padding-bottom: 55px; height: 100%; right: 0; background-size: cover; } .modal-content-inner p { font-size: 13px; text-align: center; font-weight: bold; color: #333; line-height: 1.6; margin: 0; } .upper-footer select, .wpb_wrapper #loginform .input, .woocommerce-product-search .search-field, .search-form .search-field, .wpcf7 input[type="date"], .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; width: 100%; box-sizing: border-box; min-width: 100%; border: none; margin-bottom: 10px; background-color: #fff; box-shadow: none; letter-spacing: 0; outline: none; line-height: 50px; height: 50px; padding: 0 30px; text-align: left; font-family: inherit; border-radius: 0px; } .footer_widget ul.sub-menu, .footer_widget ul.children { padding-left: 15px; } .wpcf7 .wpcf7-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(core/assets/images/icons/select-arrow.png) 95% center no-repeat!important; } .kd-contact-form.white-input-bg .wpcf7-select { background: #fff url(core/assets/images/icons/select-arrow.png) 95% center no-repeat!important; } div.wpcf7-mail-sent-ng { float: left; padding: 20px; color: #000; line-height: 1.4em; } .inline-cf .wpcf7-form p { display: flex; width: 100%; } .inline-cf .wpcf7-form-control-wrap { flex: 1 1 auto; display: inline-flex; width: auto; margin-right: 0; } .inline-cf label .wpcf7-form-control-wrap { display: block; width: auto; float: right; width: calc(100% - 200px); } .inline-cf .wpcf7 .wpcf7-submit { flex: 0 0 auto; width: auto; } @media (min-width: 960px) { .inline-cf .wpcf7 .wpcf7-submit { border-top-left-radius: 0; border-bottom-left-radius: 0; } .inline-cf .wpcf7-form-control-wrap input { margin-bottom:0; border-radius: 0; } } .wpcf7 .wpcf7-select, .wpcf7-form textarea, .wpb_wrapper #loginform .input, .wpcf7 input[type="date"], .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select, .modal-content-inner .wpcf7 .wpcf7-text, .modal-content-inner .wpcf7 .wpcf7-email { border: none; background-color: #f5f5f5; } .modal-content-inner .wpcf7-form-control-wrap textarea, .modal-content-inner .wpcf7 .wpcf7-text, .modal-content-inner .wpcf7 .wpcf7-email, .kd-contact-form.white-input-bg .wpcf7-form input[type="date"], .kd-contact-form.white-input-bg .wpcf7-form select, .kd-contact-form.white-input-bg .wpcf7-form textarea, .kd-contact-form.white-input-bg .wpcf7 .wpcf7-text, .kd-contact-form.white-input-bg .wpcf7 .wpcf7-email { background-color: #fff; } .modal-content-inner .wpcf7-form-control-wrap textarea, .modal-content-inner .wpcf7 .wpcf7-text, .modal-content-inner .wpcf7 .wpcf7-email, .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form textarea, .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form .wpcf7-submit, .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form input[type="date"], .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form select, .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form textarea, .kd-contact-form.white-input-bg.full-width-cf .wpcf7 .wpcf7-text, .kd-contact-form.white-input-bg.full-width-cf .wpcf7 .wpcf7-email { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.075); } .kd-contact-form.inline-cf.white-input-bg { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1) } .wpb_wrapper #loginform p { margin-bottom: 0; } .wpb_wrapper #loginform label { font-weight: 400; margin: 20px 0; } .wpb_wrapper #loginform .login-username label, .wpb_wrapper #loginform .login-password label { display: none; } .wpcf7 input[type="date"] { line-height: 48px; } .modal-content-inner .wpcf7-form-control-wrap { margin: 0; width: 100%; } .modal-content-inner { position: relative; } .modal-content-inner .wpcf7 { position: relative; z-index: 10; width: 100%; } .modal-content-inner::after { display: block; content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(37, 37, 37, 0.6); top: 0; left: 0; } .wpcf7 input[type="date"]::-webkit-inner-spin-button { display: none; -webkit-appearance: none; } .wpcf7-form textarea, #commentform textarea, #single-page .wpcf7-form-control-wrap textarea { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; letter-spacing: 0; box-shadow: none; outline: none; display: block; padding: 0 30px; text-shadow: none; resize: none; max-height: 100px; width: 100%; margin: 0; text-align: left; padding-top: 15px; min-width: auto; margin-bottom: 10px; } .wpcf7-form textarea { margin-bottom: 3px; } .kd-contact-form.white-label-color .wpcf7-list-item-label { color: white; } #commentform textarea { margin-bottom: 0; height: 100px; margin-right: 0; display: block; max-width: calc(100% - 20px); padding: 20px; background-color: #f5f5f5; border: none; border-radius: 5px; } .modal-content-inner .wpcf7-form-control-wrap { width: 100%; margin: 0; margin-bottom: 0; } .modal-content-inner .wpcf7-form-control-wrap textarea:focus, .modal-content-inner .wpcf7 .wpcf7-text:focus, .modal-content-inner .wpcf7 .wpcf7-email:focus { background-color: #fff; } .modal-content-inner .wpcf7-submit { margin-bottom: 0; display: block; border: none; width: 100%; } .modal-content-inner div.wpcf7 img.ajax-loader { display: none; } .modal-content-inner:before { width: 0px; content: '-'; text-indent: -9999px; display: block; height: 0px; position: absolute; z-index: 9999; top: 50%; margin-top: -6px; left: -12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; display: none; } .modal-content-contact { padding: 90px 100px 0px 100px; } .modal-content-contact h2 { margin-top: 0; } .modal-content-contact p{ margin-bottom: 35px; font-size: 16px; } .modal-content-contact .key-icon-box.cont-left { margin-top: 20px; } .modal-content-contact .key-icon-box.icon-left.icon-default .fa { float: left; margin-right: 15px; margin-bottom: 0; font-size: 18px; font-weight: 700; color: inherit; } .modal-content-contact .key-icon-box .service-heading { text-transform: lowercase; font-size: 16px; } .modal-content-contact .key-icon-box .service-heading a { transition: 0.25s; } /*-----------------------------------------------------------------*/ /* 13. BBPRESS /*-----------------------------------------------------------------*/ #single-page .bbp-login-form { padding: 30px; border-radius: 0px; border: 1px solid #eaeaea; padding-bottom: 0; background-color: #f5f5f5; margin: 0 15px; margin-top: 50px; margin-bottom: 10px; } #single-page .right-sidebar .bbp-login-form {padding: 0;border: none;margin: 0;} #single-page .bbp-login-form .bbp-template-notice { border-width: 1px; border-style: solid; padding: 10px; margin: 5px 0 15px; border-radius: 3px; background-color: #ffffe0; border-color: #e6db55; color: #000; clear: both; text-align: center; } #single-page .bbp-login-form .bbp-username input, #single-page .bbp-login-form .bbp-email input { border: 1px solid #eaeaea; margin-bottom: 0; background-color: #fff; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; } /*-----------------------------------------------------------------*/ /* 14. SIDE PANEL /*-----------------------------------------------------------------*/ .panel-screen-overlay { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.2); z-index: 1100; } .panel-screen-overlay.active { display: block; } .kd-side-panel { z-index: 1200; } .kd-panel-header .kd-panel-title { margin: 0; padding: 30px 50px; border-bottom: solid 1px rgba(151,151,151,0.3); font-size: 21px; } .kd-panel-header .kd-panel-subtitle { position: relative; margin: 0; padding: 40px 50px; padding-bottom: 36px; } .kd-panel-header .key-icon-box.icon-left.icon-default { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; } .kd-panel-header .key-icon-box.icon-left.icon-default h4 { margin: 0; } .kd-panel-header .kd-panel-phone-email { padding-left: 50px; padding-bottom: 40px; } .kd-panel-header .kd-panel-email { padding-top: 0; } .kd-panel-header .key-icon-box.icon-left.icon-default .fa { margin-bottom: 0; margin-right: 20px; font-size: 28px; } .kd-side-panel .kd-panel-wrapper { -ms-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -ms-transform: translateX(101%); -webkit-transform: translateX(101%); transform: translateX(101%); position: fixed; max-width: 100vw; width: 470px; left: auto; right: 0; bottom: 0; top: 0; background-color: #f7f7f7; overflow: auto; z-index: 100000; } .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-text, .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-text, .kd-side-panel .kd-panel-wrapper .wpcf7 textarea, .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-select { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); background-color: #fff !important; } .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-submit { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } .kd-side-panel.active .kd-panel-wrapper { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .kd-side-panel .kd-panel-contact { position: relative; padding: 0 50px 22px 50px; } .kd-side-panel .kd-panel-contact .wpcf7-form-control-wrap { margin: 0; } .kd-side-panel.btn-hover-1 .kd-panel-contact .wpcf7 .wpcf7-submit:hover { background-color: transparent; } .kd-panel-social-list { position: relative; width: 100%; margin: 20px 0; padding: 0; } .kd-panel-social-list .redux-social-media-list a { color: inherit; position: relative; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; margin-right: 10px; opacity: 1; transition: background 0.4s cubic-bezier(0.25, 1, 0.2, 1); } .kd-panel-phone:after, .kd-panel-email:after, .kd-panel-social-list .redux-social-media-list a:after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 25px; opacity: 0.15; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); z-index: -1; } .kd-panel-social-list .redux-social-media-list .fa { margin: auto; font-size: 14px; -webkit-transition: color 0.3s cubic-bezier(0.25, 1, 0.2, 1); -moz-transition: color 0.3s cubic-bezier(0.25, 1, 0.2, 1); -o-transition: color 0.3s cubic-bezier(0.25, 1, 0.2, 1); transition: color 0.3s cubic-bezier(0.25, 1, 0.2, 1); } .kd-panel-phone, .kd-panel-email { font-size: 13px; line-height: 30px; border-radius: 25px; padding: 0 15px; display: inline-block; position: relative; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); } .kd-panel-phone { margin-right: 6px; } .kd-panel-phone .fa, .kd-panel-email .fa { font-size: 14px; margin-right: 10px; line-height: 30px; float: left; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); } .kd-panel-phone a, .kd-panel-email a { -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); } .kd-panel-phone:hover .fa, .kd-panel-email:hover .fa, .kd-panel-phone:hover a, .kd-panel-email:hover a, .kd-panel-social-list .redux-social-media-list a:hover .fa { color: #fff!important; } .kd-panel-phone:hover:after, .kd-panel-email:hover:after, .kd-panel-social-list .redux-social-media-list a:hover:after { opacity: 1; } .kd-panel-social-list .redux-social-media-list { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } .kd-side-panel .panel-close { position: absolute; right: 50px; top: 30px; background-color: transparent; border: 0; font-size: 22px; color: #1f1f1f; transition: 0.25s; } .kd-side-panel .panel-close:hover { opacity: 0.6; } .kd-side-panel .panel-close:focus { outline: 0; } /*-----------------------------------------------------------------*/ /* 15. RESPONSIVE /*-----------------------------------------------------------------*/ @media (max-width:959px) { .entry-header .blog-title-left .section-subheading { text-align:left; margin-left:0; } .single-post-layout-two .blog-single-content { margin-top: 30px; } .single-post-layout-one #comments, .single-post-layout-two #comments { max-width: 100%; } .author-desc p, #comments .comment .comment-content { padding-left: 0; } .navbar.navbar-default .menubar .keydesign-cart { margin-top: 6px; } .author-box-wrapper .author-desc {margin-bottom: 20px;} .kd_vc_parallax .parallax-overlay {background-size: cover!important;} .kd-calltoaction .cta-text p br, .vc_custom_heading br {display: none;} .main-nav-center #logo { width: auto!important; } .admin-bar .navbar.navbar-default { top: 46px; } .hide-on-mobile { display: none; } .container .vc_row-has-padding-top { padding-top: 50px!important; } .container .vc_row-has-padding-bottom { padding-bottom: 50px!important; } .container .vc_row-has-padding-left { padding-left: 15px!important; } .container .vc_row-has-padding-right { padding-right: 15px!important; } #primary .hide-bg-on-mobile, #primary .hide-bg-on-mobile.wpb_column .vc_column-inner, .hide-bg-on-mobile { background-image: none!important; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p { margin-bottom: 0 !important; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date { width: auto !important; } .content-area .vc_grid-item-mini .vc_gitem-zone-c .vc_gitem_row .vc_gitem-col h4 { text-align: center !important; } .modal-content-inner .wpcf7-response-output { display: none; } .modal-content-contact { padding: 20px; } .related-posts .post .entry-wrapper, #posts-content.blog-detailed-grid .entry-wrapper, #wrapper .blog-detailed-grid .entry-wrapper, #posts-content.blog-minimal-grid .entry-wrapper { margin-left: 15px; margin-right: 15px; } #posts-content.blog-minimal-grid .entry-wrapper { padding-left:15px; padding-right: 15px; padding-top: 30px; } #wrapper .blog-detailed-grid .entry-wrapper {margin: 0;} .blog #wrapper .blog-detailed-grid .entry-wrapper {margin: 0 15px;padding-left: 15px;padding-right: 15px;} .related-posts .post .entry-wrapper {margin-left:0; margin-right:0;} #posts-content.blog-detailed-grid .post img, #posts-content.blog-minimal-grid .post img { margin-bottom:0; margin-left:15px; margin-right:15px; max-width: calc(100% - 30px) } #posts-content.blog-img-left-list .post, #posts-content.blog-img-left-list .BlogFullWidth .post { width: calc(100% - 30px); margin: 0 15px; margin-bottom: 20px; border-bottom: none; padding-bottom: 50px; display: block; } #posts-content.blog-img-left-list .entry-image, #posts-content.blog-img-left-list .BlogFullWidth .entry-image { max-width: 100%; margin-right: 0; } #posts-content.blog-img-left-list .entry-wrapper, #posts-content.blog-img-left-list .BlogFullWidth .entry-wrapper { float: left; width: 100%; } #posts-content.blog-img-left-list .post p, #posts-content.blog-minimal-list .post p, #posts-content.blog-img-top-list .post p { text-align:left; max-width:100%; } .blog-header-form .wpcf7 .wpcf7-submit { margin: 0; height: 50px; line-height: 48px; margin-left: 0; z-index: 10; position: relative; width: auto; width: 100%; } #posts-content.blog-img-top-list .post .page-content { margin-bottom: 25px; margin-top: 15px; } .blog-header-form .wpcf7 { width:100%; max-width: 400px; } .single-post #posts-content .BlogFullWidth, #posts-content.blog-minimal-list .BlogFullWidth, #posts-content.blog-img-top-list .BlogFullWidth { width:100%; } .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date div { text-align: center!important; } .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container { float: none; } .wpb_wrapper .vc_grid-item-mini .blog-detailed-grid img {margin-bottom: 0;} #posts-content .blog-single-title, .container h1 { font-size: 32px; line-height: 1.3; } .single-post #posts-content .post .mg-gallery { margin-top: -50px; } .blog-single-title-meta-wrapper { text-align: left; margin-bottom: 20px; } @media (min-width: 1560px) { .boxed #footer.fixed, .boxed .navbar.navbar-default { left: inherit; margin-left: 0; max-width: 100%; } body.boxed { width: 100%; } } #contact-form-box .vc_column-inner { padding: 30px!important; margin-bottom: 20px; background-color: #fff; } .content-area .vc_basic_grid .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 { text-align: center!important; } .content-area .vc_basic_grid .vc_grid .vc_gitem-zone-c .vc_gitem-link { margin: auto; } .container h2 { font-size: 28px; } .container h3 { font-size: 21px; } .wpb_wrapper #loginform .button { margin:auto; float:none; } .container h6 { font-size: 16px; } .single-post-layout-two .blog-single-header-wrapper, .blog .entry-header.blog-header.with-topbar, .woocommerce-page .blog-header.entry-header, .woocommerce-page .blog-header.entry-header.with-topbar, .woocommerce-page.post-type-archive-product .blog-header.entry-header, .woocommerce-page.post-type-archive-product .blog-header.entry-header.with-topbar, .woocommerce-page .entry-header, .woocommerce-page .entry-header.with-topbar, .entry-header.blog-header.with-topbar, .entry-header.blog-header, .entry-header.with-topbar { padding-top: 80px; padding-bottom: 80px; } .single-post-layout-two .blog-single-header-wrapper { padding-bottom: 40px; margin-top: -60px; } .single-post .entry-header.blog-header { padding-bottom: 0; padding-top: 40px; } .woocommerce-account.woocommerce-page .entry-header, .woocommerce-checkout.woocommerce-page .entry-header, .woocommerce-cart.woocommerce-page .entry-header, .page-template-default .entry-header { padding-bottom: 80px; } .vc_row.wpb_row.vc_inner { padding-left: 20px!important; padding-right: 20px!important; margin: 0!important; /* padding-top: 0!important; padding-bottom: 0px!important;*/ } .vc_column-inner:has(> .wpb_wrapper:empty) { display: none; } .vc_row.wpb_row.vc_inner .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; padding-top: 25px!important; padding-bottom: 25px!important; } .vc_col-sm-12 .wpcf7 .wpcf7-submit { margin-top: 0; width: 100%; flex: none; display: block; } #kd-slider .tp-caption.NotGeneric-Title { font-size: 22px!important; line-height: 25px!important; width: 100%!important; } #kd-slider .tt_button { zoom: 0.9; min-width: inherit; } .footer-business-info.footer-socials a { margin-bottom: 20px; } .wpb_text_column ul li, .wpb_text_column ol li { line-height: 30px; margin-bottom: 5px; } .footer_widget ul li span.post-date { white-space: inherit; width: auto; display: inline-block; } .footer-social-text { width: 100%; margin: 0; } .footer-newsletter-form .wpcf7 .wpcf7-submit { width: 100%; } .footer-newsletter-form { float: right; margin-top: 15px; width: 100%; } .navbar .topbar { display: none; } .clients-content:after, .kd_counter_number:after { display: none; } .navbar.navbar-default.full-width .container, .navbar.navbar-default .container, .navbar.navbar-default.contained .container { padding: 8px 15px; } .navbar.navbar-default .menubar .container { display: block; } .blog #posts-content { padding-top: 20px; padding-bottom: 20px; } #posts-content .post.BlogMinimal { width: 100%; padding-bottom: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; } .navbar-default { box-shadow: 0 0px 20px rgba(0, 0, 0, .05); } .navbar-default.navbar-shrink.with-topbar { margin-top: 0; } .single-post.page .breadcrumbs { background: none; z-index: 1000; position: relative; padding-bottom: 0; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .entry-header { padding-top: 0; margin-bottom: 0; } .side-content-text ul li, .wpb_text_column ul li, .wpb_text_column ol li { text-align: left; } .wpb_text_column ol li { padding-left: 0; } .side-content-text ul, .wpb_text_column ul , .wpb_text_column ol { display: flex; flex-direction: column; } .wpcf7-form textarea { min-width: 100%; max-width: 100%; } #single-page .header-overlay { background-size: cover; } #single-page .woocommerce ul.products li.product h3, .woocommerce ul.products li.product h3 { white-space: nowrap; max-width: 160px; padding-left: 0; padding-right: 0; overflow: hidden; text-overflow: ellipsis; } .woocommerce #wrapper .pr0 { padding-right: 15px; } .woocommerce-page #wrapper { padding-top: 66px; } .portfolio-block { float: left; max-width: 100%; width: 100%; margin-left: 0; } #posts-content .post.BlogMinimal .entry-content { max-height: 100%; } .big-custom-heading { line-height: 65px!important; font-size: 50px!important; } #portfolio-items .portfolio-item.item-size-small:nth-child(5), .portfolio-item.item-size-small { width: calc(33.3333333% - 25px); height: auto; margin: 0; margin-bottom: 20px; } .wpcf7-form .label { margin-top: 15px; } .upper-footer .textwidget span { width: 100%; } .upper-footer .textwidget i { display: none; } #logo { float: left; } .navbar .container #logo .logo { margin-left: 0; line-height: 47px; font-size: 18px; } .woocommerce-page .navbar-default .container, .single-post .navbar-default .container, .single-page .navbar-default .container { width: 100%; } .modal-content-inner .modal-subheading {display: none;} .section.with-overlay .parallax-overlay { background-size: cover !important; } .error404 #wrapper {padding-top: 0;} .error404 .navbar-default.fullwidth .container {padding-left: 20px; padding-right: 20px;} .navbar-nav { margin: 0; margin-top: 15px; margin-bottom: 15px; text-align: left; max-height: calc(100vh - 210px); } .modal-menu-item, .modal-menu-item:focus { margin-top: 0; margin-bottom: 20px; width: 100%; text-align: center; float: none; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .row .vc_custom_1480365617320 { margin-top: 0 !important; } #main-menu .navbar-nav .dropdown-menu { padding: 0; border: none; border-radius: 0; box-shadow: none; min-width: 230px; left: auto; visibility: visible; float: none; opacity: 1; margin-bottom: 20px; width: 100%; top: auto; position: relative; } #main-menu .navbar-nav .mega-menu {position: relative;} #main-menu .navbar-nav .mega-menu.mobile-visible {position: relative;margin-bottom: 0;} #main-menu .navbar-nav .mega-menu.demos-menu .dropdown-menu .menu-item, #main-menu .navbar-nav .mega-menu .dropdown-menu .menu-item { width: 100%; display: inline-block; float: none; margin-right: 0; border-right: none; } #main-menu .navbar-nav .mega-menu > .dropdown-menu:before { display: none; } #main-menu .navbar-nav .mega-menu .dropdown-menu { left: auto; margin: 0; padding: 0; } #main-menu .navbar-nav .menu-item .dropdown-menu .menu-item a { padding: 7px 0!important; padding-left: 0; } .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children:hover .dropdown > a {margin-bottom:0;} #main-menu .navbar-nav .menu-item-has-children .dropdown-menu .menu-item-has-children .dropdown-menu, #main-menu .navbar-nav .menu-item-has-children .dropdown-menu {display: none;} .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown > a {margin-bottom: 0;padding: 10px 0!important;} #main-menu .navbar-nav .menu-item-has-children.mobile-visible .dropdown-menu .menu-item-has-children.mobile-visible .dropdown-menu, #main-menu .navbar-nav .menu-item-has-children.mobile-visible .dropdown-menu { display: block; position: relative; left: 0; top: 0; margin: 0; padding: 0; padding-left: 15px; box-shadow: none; opacity: 1; visibility: visible; transform: none; pointer-events: inherit; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown:before {display:none;} #main-menu .navbar-nav .menu-item-has-children a { width: calc( 100% - 40px );} #main-menu .navbar-nav .menu-item-has-children .mobile-dropdown { font: normal normal normal 14px/1 FontAwesome; font-size: 14px; text-rendering: auto; padding: 11px; top: 0; z-index: 99; right: -7px; position: absolute; -webkit-font-smoothing: antialiased;} #main-menu .navbar-nav .mega-menu .menu-item-has-children .mobile-dropdown {display:none;} #main-menu .navbar-nav .menu-item-has-children .dropdown-menu .menu-item-has-children .mobile-dropdown:before, #main-menu .navbar-nav .menu-item-has-children .mobile-dropdown:before { content: "\f078"; } #main-menu .navbar-nav .menu-item-has-children .dropdown-menu .menu-item-has-children.mobile-visible .mobile-dropdown:before, #main-menu .navbar-nav .menu-item-has-children.mobile-visible .mobile-dropdown:before { content: "\f077"; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { overflow-y: scroll; max-height: calc(100vh - 65px); margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; margin-bottom: 10px; } .kd-panel-header .kd-panel-subtitle {padding: 30px;} .kd-panel-header .kd-panel-phone-email { padding-left: 30px; padding-bottom: 30px; } .kd-side-panel .kd-panel-contact { position: relative; padding: 0 30px 12px 30px; } .kd-panel-header .kd-panel-title { padding: 30px; } .kd-side-panel .panel-close { right: 30px; } .navbar .modal-menu-item { margin: 0; box-sizing: border-box; margin-bottom: 10px; } .navbar-default .nav li a { margin-top: 15px; } #main-menu .navbar-nav .menu-item a { padding: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; opacity: 1; } #main-menu .navbar-nav .menu-item a:after { display:none; } .navbar-default.fullwidth .container { width: 100%; padding-left: 15px; padding-right: 15px; } .container { padding-right: 15px; padding-left: 15px; } .container.fullwidth { padding-right: 0; padding-left: 0; } header .header-dashboard .dashboard { max-width: 90%; } header .header-dashboard { background: none; } html { width: 100%; overflow-x: hidden; } .navbar-fixed-top, .navbar.navbar-default .menubar { padding: 0px; min-height: 65px; } .navbar-fixed-top .page-scroll { margin: 0; } .header-bttn-wrapper { width: 100%!important; display: none !important; } .navbar-fixed-top .navbar-collapse[aria-expanded="true"] + .header-bttn-wrapper { display: block !important; margin-left: 0; } .logo img { max-height: 47px; margin-top: 0px; width: auto; } .mobile-app .header-dashboard { text-align: center; float: none; max-width: 50%; } .mobile-app .header-buttons .primary-button { float: none; } .mobile-app .header-buttons { margin-bottom: 0; } .mobile-app .header-dashboard .dashboard { margin-top: 50px; margin-bottom: 0; max-width: 100%; float: none; margin-left: auto; margin-right: auto; } .mobile-app .intro-text .intro-lead-in, header .intro-text .intro-lead-in { font-size: 32px; letter-spacing: -1px; line-height: 35px; } .mobile-app .intro-text .intro-lead-in { text-align: center; } .mobile-app .intro-text .intro-heading { max-width: 100%; font-size: 15px; line-height: 21px; margin-top: 20px; } .mobile-app .intro-text { width: 100%; padding: 65px 20px 0 20px; text-align: center; } .subscribe-form .intro-text, header .intro-text { padding: 125px 20px 0 20px; } .subscribe-form .intro-text { padding-left: 0; padding-right: 0; } .subscribe-form header .wpcf7-text { width: 100%; border-right: 1px solid #fff; } .subscribe-form header .wpcf7-submit { width: 100%; margin-top: 20px; } .header-buttons { margin: 40px auto 40px auto; } header .intro-text .intro-heading { font-size: 15px; line-height: 21px; margin-top: 20px; } .container .portfolio-title, .row .contact h2, section h2.section-heading, section h1.section-heading { margin-top: 0; margin-bottom: 15px; font-size: 25px; letter-spacing: -0.3px; line-height: 30px; } .footer-business-info { padding: 40px 20px 20px 20px; margin: -70px 15px 20px 15px; } .footer-business-address, .footer-business-phone, .footer-business-email { width: 100%; display: block; position: relative; text-align: left; float: left; margin-left: 0; margin-bottom: 25px; } .footer-business-info [class^="iconsmind-"], .footer-business-info [class*=" iconsmind-"] { font-size: 25px; margin-top: 5px; } .footer-business-phone:after, .footer-business-address:after { display: none; } #contact { padding-top: 0; } .row .contact p, .row .contact h2 { text-align: center !important; width: 90%; margin: auto; } .row .contact p, section .section-subheading { margin-bottom: 30px; margin-top: 20px; font-size: 14px; line-height: 21px; } section .section-subheading { padding: 0 20px } p { font-size: 14px; margin-bottom: 20px; } .content-area .vc_grid-item-mini .vc_gitem-zone-c p {display:none} #posts-content .post p {text-align:left;} .modal-content-contact p { margin-bottom: 20px; } .service-heading { font-size: 18px; margin-bottom: 18px; } #services .col-md-3.last, #services .col-md-3 { padding: 0 30px; margin-bottom: 30px; } .video-socials .fa { margin: 0 15px; } .portfolio-item { position: relative !important; width: 100% !important; top: inherit !important; } #portfolio-items { height: auto !important; overflow: visible; } #comments input[type="text"], #comments input[type="url"], #comments input[type="email"], .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select { min-width: 100%; width: 100%; } #comments input[type="url"] {margin-bottom:20px;} section h2.section-heading { text-align: center; } .woo-sidebar, .right-sidebar, .single-post .right-sidebar {padding: 0;margin-top:0;margin-bottom: 0;width: 100%;} .video-modal .modal-content { width: 100%; margin: 0; top: 50%; left: 0; margin-top: -150px; height: 300px; max-height: 300px; } .video-modal iframe { width: 90%; height: 300px; } .chart-content { margin-top: -20px; margin-bottom: 50px; } .chart-content h4 { font-size: 15px; } .owl-carousel { width: 100%; margin: auto; } .rc-content.owl-carousel {width: 100%;} .container .chart { display: none; } .owl-nav div.owl-prev { margin-left: 0; } .owl-nav div.owl-next { margin-right: 0; } .subscribe .wpb_wrapper h3 { font-size: 28px; line-height: 28px; width: 100%; text-align: center !important; margin-bottom: 40px; } .subscribe .wpcf7-form { float: none; max-width: 80%; } .subscribe .wpcf7-form input { width: 100%; height: 40px; line-height: 40px; margin-bottom: 0px; } .subscribe .wpcf7-form .wpcf7-submit { border: none; margin: 0; } .subscribe .wpcf7-form button { width: 100%; height: 40px; } .wpcf7 .wpcf7-submit { width: 100%; } .subscribe .wpcf7-form-control-wrap { width: 100%; } .contact-map-container { position: relative; top: 0; min-width: 100%; margin-left: -15px; width: calc(100% + 30px); margin-bottom: 0px; height: auto!important; } #contact .contact-form-container { width: 100%; margin-top: 60px; } #contact .section-subheading { margin-top: 30px; line-height: 21px; text-align: center; margin: auto; width: 80%; margin-bottom: 50px; } #wpcf7-f319-o2 .wpcf7-form {max-width: 400px;} .wpcf7 .wpcf7-form { width: 100%; margin: auto; } .blog-header-form .wpcf7 .wpcf7-submit { margin: 0; height: 50px; line-height: 48px; margin-left: 0; z-index: 10; position: relative; width: auto; } .register-form .wpcf7 .wpcf7-submit, #single-page .wpcf7-form-control-wrap, .wpcf7 .wpcf7-form .wpcf7-form-control-wrap { width: 100%!important; margin: 0; flex: none; } .blog-header-form .wpcf7 .wpcf7-form .wpcf7-form-control-wrap { width: calc(100% - 150px)!important; } .modal-content-inner .wpcf7 .wpcf7-form .wpcf7-form-control-wrap {margin-bottom:0;} .inline-cf .wpcf7-form p { display:inherit; } .btn-xl, #contact .form-group input.form-control { height: 40px; } .lower-footer .pull-left { width: 100%; } .lower-footer .pull-right { width: 100%; margin-top: 3px; } .lower-footer .pull-right .navbar-footer, .lower-footer .pull-right .navbar-footer li { text-align: center; width: 100%; padding: 0; } .lower-footer span, .lower-footer a { width: 100%; display: block; } #upper-footer { padding-bottom: 0 !important; } #upper-footer img { margin: auto; } #upper-footer .wpb_single_image.vc_align_left { text-align: center; } #upper-footer .pull-left { width: 100%; margin-bottom: 40px; } #upper-footer p, #upper-footer .vc_custom_heading { text-align: center !important; width: 80%; margin: 0 auto; } #upper-footer .wpb_wrapper p { margin-bottom: 30px; } #upper-footer .pull-right { width: 100%; } .footer-secondary-nav { max-width: 100%; display: block; padding: 0; width: 100%; } .lower-footer { margin-top: 0; } .footer-secondary-nav a { margin: auto; display: block; float: none; } .footer-secondary-nav li { margin-bottom: 20px; } .entry-header .intro-text { padding-top: 70px; } .entry-header .section-subheading { margin-bottom: 0; margin-top: 15px; margin-left: auto; float: none; margin-right: auto; text-align: center; } .entry-header .section-heading { font-size: 36px; margin: 0; line-height: 1.3; } .breadcrumbs { width:100%; max-width:100%; } .portfolio-template-default .entry-header .container { padding-bottom: 80px; } .portfolio-template-default .entry-header { padding-bottom: 30px; } .search.search-results #posts-content article { float: left; width: 100%; border-bottom: 1px solid #eaeaea; } #posts-content .post .blog-single-title, #posts-content .blog-single-content .blog-single-title { margin-bottom: 20px; text-align: left; font-size: 28px; line-height: 1.3; } .single-post #posts-content .BlogFullWidth .entry-meta, .single-post #posts-content .BlogFullWidth .blog-single-title, #posts-content.blog-minimal-list .BlogFullWidth .entry-meta, #posts-content.blog-minimal-list .BlogFullWidth .blog-single-title, #posts-content.blog-img-top-list .BlogFullWidth .entry-meta, #posts-content.blog-img-top-list .BlogFullWidth .blog-single-title { text-align:left; } .single-post #posts-content .BlogFullWidth .entry-meta, .single-post #posts-content .BlogFullWidth .blog-single-title, #posts-content.blog-minimal-list .BlogFullWidth .entry-meta, #posts-content.blog-minimal-list .BlogFullWidth .blog-single-title, #posts-content.blog-img-top-list .BlogFullWidth .entry-meta, #posts-content.blog-img-top-list .BlogFullWidth .blog-single-title { margin-left: 0; margin-right: 0; } #posts-content.blog-img-left-list .entry-image, #posts-content .wp-post-image { margin-bottom: 30px; } .blog-single.use-sidebar .col-lg-8 { padding: 0; } .blog-single-content .blog-content { margin-top: 0; } #posts-content .entry-meta span { width: auto; float: left; line-height: 1; margin-bottom: 5px; } #posts-content .entry-meta .blog-separator { display: none; } #posts-content.blog-img-top-list .entry-meta, #posts-content .entry-meta { float: left; margin-bottom: 15px; width: 100%; } #posts-content.blog-detailed-grid .entry-meta { margin-top: 10px; width: 100%; margin-bottom: 20px; } #posts-content .blog-single-content .entry-meta { margin-bottom:20px; } #posts-content .more-button a { margin-top: 0; } .navigation.pagination .next, .navigation.pagination .prev { width: 100%; margin-bottom: 10px; } #posts-content .post { margin-bottom: 35px; border-radius: 0; margin-right: 15px; margin-left: 15px; padding-left: 0; padding-bottom: 25px; padding-right: 0; padding-top: 15px; } .blog_widget { padding-left: 0px; margin-bottom: 40px; margin-top: 10px; text-align: left; } #wrapper .widget-title {} .navigation.pagination { margin-bottom: 20px; padding: 0; } .blog-single-content { padding-bottom: 0; border-bottom: none; } .single-post #posts-content .post { padding-top: 5px; border: none; margin-bottom: 50px; } .single-post #posts-content .related-posts .post { padding-top: 0; margin: 0; margin-bottom: 20px; } #comments p { margin-bottom: 0; width: 100%; } #comments .logged-in-as { text-align:left; } .author-desc p, #comments .comment p { padding:0; text-align:left; } #comments .fn { width:100%; float:left} #comments .reply { margin-left:0; } #comments .comment-notes { margin-bottom: 20px; } #comments { margin-bottom: 50px; margin-top: 50px; padding: 0 15px; max-width: 100%; } #comments #respond #reply-title { margin-top: 20px; } #comments label { text-align:left; width: 100%; } .author-box-wrapper { margin-top:30px; } .author-box-wrapper .author-desc-wrapper, .author-box-wrapper .author-name, .author-box-wrapper .author-website, .author-box-wrapper .author-desc { max-width:100%; width:100%; text-align: left; } .author-box-wrapper .author-name h6 {text-align:left} #posts-content .author-box-wrapper .author-avatar img, #comments .comment img { float:none; margin-bottom:20px; } .comment-form-author, .comment-form-email { width: 100%; float: left; padding: 0 !important; } #posts-content #commentform textarea, #comments input { margin-bottom: 0; max-width: 100%; } #social-icons { display: block; width: 100%; text-align: center; } .lower-footer .pull-right a { margin: 0; width: auto; display: inline-block; float: none; } .lower-footer { border-top: none; text-align: center; padding: 20px 0 25px 0; } #footer.fixed, #footer { position: relative; z-index: 0; } #posts-content .post-sticky-sidebar { margin-bottom: 0; } #wrapper.hide-title-section, #wrapper { margin-bottom: 0 !important; padding-top: 65px; } .footer_widget .menu li, .footer_widget li { width: 100%; } .upper-footer .widget-title { margin-bottom: 20px; margin-top: 20px; } .upper-footer { padding: 50px 0 20px 0; background-color: #fafafa; } .footer-bar { margin-bottom: 0; border:none; margin: 0; padding-left: 15px; } .blog_widget ul.redux-social-media-list li a { margin: 0; } ul.redux-social-media-list li i { margin: 0; margin-right: 25px; } .footer-socials-bar { margin: auto; width: 100%; } .footer-socials-bar ul { width: 100%; } .navbar-footer li { width: 100%; text-align: left; } .footer-bar .footer-nav-menu ul li a { margin: 0; } footer.underline-effect .navbar-footer li a { margin-bottom: 0; } .footer-nav-menu { width: 100%; margin-bottom: 30px; } .socials-widget a { float: none; display: inline-block; } .contact-box .vc_column-inner { border: none !important; padding: 30px 0 0 0 !important; } .contact-box:last-child .vc_column-inner { padding-bottom: 30px !important } .contact-map .vc_column-inner { margin-top: 0 !important; } #popup-modal .modal-content { overflow: hidden; transition: all 0.2s; max-width: 90%; left: 0; margin-left: 5%; border-radius: 0; position: fixed; top: 5%; margin-top: 0; border: none; box-shadow: none; overflow-y: scroll; max-height: 90%; padding: 0; } .modal-content-inner .wpcf7-submit { float: none; } #popup-modal .modal-content h2 { font-size: 22px; line-height: 1.3; margin-top: 10px; } .modal-content-contact .key-icon-box.icon-left.icon-default .fa {display:none} .modal-content-inner p { font-size: 12px; margin-bottom: 20px; } .modal-content-inner { padding: 25px; padding-bottom: 10px; } .slider-scroll-down { display: none } #header.entry-header { padding-bottom: 0; } .search #posts-content, .archive #posts-content, .search #posts-content, .blog #posts-content, #posts-content { padding: 20px 0px 0px 0; } .blog-single-title-meta-wrapper .col-lg-8 { max-width: 100%; } .single-product .breadcrumbs, .single-post .breadcrumbs {padding-left: 0;overflow: visible;white-space: initial;} .single-product .breadcrumbs {padding-left: 0;} #comments .children { padding-left: 15px; } .reply-title { padding-bottom: 20px; } #comments input[type="submit"], .wpcf7 .wpcf7-submit { width: 100%; margin-bottom: 20px; } .related-posts {border:none;padding-top: 50px;padding-bottom: 50px;margin-top: 40px;} .portfolio-content .featured-gallery, #single-page .gallery-item-list img { max-width: 100%; height: auto; } .blog-single-content .tags { padding-top: 0; } .blog-social-sharing { margin-top: 0; margin-bottom: 0; } .portfolio-gallery { padding: 0; } .portfolio-content .portfolio-sidebar { padding-right: 0; padding-left: 0; width: 100% !important; position: relative !important; margin-left: 0 !important; left: 0 !important; top: inherit !important; } .portfolio-content .portfolio-block .portfolio-title { font-size: 25px; text-align: left; line-height: 40px; letter-spacing: -0.3px; margin-top: -10px; font-weight: 700; margin-bottom: 20px; } .portfolio-navigation-links { padding: 0; float: none; margin-top: 0; border-top: none; padding-bottom: 0; } .owlslider-portfolio { width: 100%; } .single-portfolio #single-page { padding-bottom: 0; } .port-prev.tt_button, .port-next.tt_button { width: auto; padding: 0; margin-top: 20px; margin-bottom: 20px; margin-left: 0; margin-right: 0; min-width: auto; border: none; } #single-page .featured-image.single-image img { max-width: 100%; } .footer_widget { max-width: 100%; margin: auto; } .upper-footer .textwidget { max-width: 100%; padding: 0; padding-bottom: 0; margin-bottom: 30px; } .socials-widget { margin: auto; margin-top: 50px; } .wpb_wrapper .wpb_single_image img { height: auto; float: none; text-align: center; display: block; } .parallax .parallax-overlay { background-size: cover; } .vc_custom_1464520550679, .vc_custom_1464520555118, .vc_custom_1464520560358, .vc_custom_1466613488090, .vc_custom_1466613538944, .vc_custom_1466613515458 { border: none !important; padding: 30px 0 !important; } .vc_column_container>.vc_column-inner { margin-right: 0!important; margin-left: 0!important; padding: 0!important; } .vc_row[data-vc-full-width], .vc_row.vc_row-has-fill { background-size: cover; /* padding-top: 25px!important; padding-bottom: 25px!important;*/ margin-top: 0!important; margin-bottom: 0!important; } #single-page .single-page-heading { padding-top: 60px; position: relative; padding-bottom: 35px; overflow: hidden; margin-bottom: 50px; } .vc_custom_1464451027902 { margin-bottom: 20px; } .register-form .wpcf7 .wpcf7-submit, .register-form .wpcf7-form-control-wrap { width: 100%; } .maintenance .section, .maintenance #wrapper { padding: 0 !important; } .maintenance .fa { display: none; } .back-to-top { z-index: 999; } .upper-footer .modal-menu-item { width: 100%; text-align: center; float: none; margin: auto; margin-top: 40px; opacity: 1; max-width: 200px; } .video-socials { display: none; } .related-posts .entry-image, .related-content .entry-image, .blog-detailed-grid .entry-image, .blog-minimal-grid .entry-image { min-height: auto; } } @media (min-width:400px) and (max-width:960px) { .container .wpb_single_image .vc_figure { display: block; text-align: center; } #customizer {display: none;} #posts-content.blog-detailed-grid.use-sidebar .post, #posts-content.blog-minimal-grid.use-sidebar .post, .related-posts .post, .related-content .portfolio, #posts-content.blog-detailed-grid .post, #posts-content.blog-minimal-grid .post { float: left; margin: 0; border-radius: 0px; border: none; padding-bottom: 0px; margin-bottom: 15px; width: calc(33.3% - 15px); margin-right: 15px; } .related-posts .post { width: calc(33.3% - 15px); margin-right: 15px; } .owlslider-related-posts .portfolio, .owlslider-related-posts .post { width:calc(100% - 15px); margin-right:10px; } } @media (min-width:960px) and (max-width:1180px) { .navbar .modal-menu-item { display: none !important; } } @media (min-width:300px) and (max-width:768px) { .vc_row[data-vc-full-width], .vc_row.vc_row-has-fill, .vc_row.wpb_row.vc_inner .vc_column-inner { /*border: none!important;*/ } } @media (max-width:720px) { .video-modal iframe { max-width:320px; max-height: 300px; } #primary .hide-bg-on-mobile-portrait, .hide-bg-on-mobile-portrait { background: none !important } } @media (max-width:720px) { #posts-content.blog-detailed-grid.use-sidebar .post, #posts-content.blog-minimal-grid.use-sidebar .post, .related-posts .post, .related-content .portfolio, #posts-content.blog-detailed-grid .post, #posts-content.blog-minimal-grid .post { width:100%; margin-left: 0; margin-right: 0; } } @media (min-width:767px) and (max-width:1024px) { .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date { width: 100%!important; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p { margin-bottom: 0 !important; } #wrapper .blog_widget p, .blog_widget, #wrapper .widget-title {text-align:left;} .related-posts .entry-image, .related-content .entry-image, .blog-detailed-grid .entry-image, .blog-minimal-grid .entry-image { min-height: auto; } #wrapper .blog_widget {width: 45%;margin-right: 5%;display: inline-grid;} .woocommerce #wrapper .blog_widget, .single-post #wrapper .blog_widget {width: 100%;margin-right: 0%;display: inline-grid;} .woo-sidebar, .right-sidebar { width: 100%; } .woocommerce #wrapper .blog_widget, .single-post #wrapper .blog_widget {width: 100%;margin-right: 0%;display: inline-grid;} .footer-social-text { width: auto; margin-right: 20px; } .navbar-footer li { width: auto; margin-right: 20px; } .upper-footer .col-md-3 { width:25%; } .upper-footer p {text-align:left} .upper-footer .widget-title, .footer_widget .menu li, .footer_widget li { text-align:left; } .wpb_column.vc_col-md-4 { width: 33.33333333%; } #posts-content .post.BlogMinimal { width: 50%; padding: 0 10px; } .register-form .wpcf7 .wpcf7-text { min-width: inherit; width: 100%;} .register-form .wpcf7 .wpcf7-submit {width: 100%!important; min-width: 360px;} .single-portfolio .navbar-default .container, .single-post .navbar-default .container { width: 100%; } #single-page .featured-image.single-image img, .portfolio-content .featured-gallery, #single-page .gallery-item-list img { max-width: 100%; } .page .navbar-default .container { width: 100%; } } @media (max-width:1365px) { .vc_row.vc_row-fixed-bg { background-attachment: scroll !important; } } /*-----------------------------------------------------------------*/ /* 14 CUSTOMIZER /*-----------------------------------------------------------------*/ #customizer { position: fixed; top: 0; padding: 20px 5px; background-color: #fff; width: 800px; right: -800px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; z-index: 99999; font-weight: 300; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; bottom: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); } #customizer.active { right: 0; } #customizer li { list-style-type: none; } #customizer .options { background-color: #fff; width: 45px; position: absolute; top: 250px; left: -45px; cursor: pointer; border-left: 0; border-radius: 0; -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.07); -moz-box-shadow: 0 5px 40px rgba(0,0,0,.07); box-shadow: 0 5px 40px rgba(0,0,0,.07); padding: 8px 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #customizer .options .fa { color: #1f1f1f; font-size: 23px; font-style: normal; margin: 0; margin-top: 0; width: 45px; text-align: center; height: 40px; line-height: 40px; } #customizer .options .nc-icon-outline-print { font-size: 22px; } #customizer .options .custom-tooltip { -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; position: relative; display: block; } #customizer .options .custom-tooltip i { font-size: 18px; font-weight: 700; text-align: center; display: block; height: 40px; line-height: 40px; color: #2f2f2f; transition: 0.25s; } #customizer .nav-logo { display: block; margin: auto; max-width: 160px; margin-top: 30px; margin-bottom: 40px; height: auto; } #customizer .tt_button { position: absolute; bottom: 50px; left: 50%; margin-left: -107px; } #customizer .tt_button .iconita { margin-right: 0; margin-left: 8px; } #customizer h3 { margin: 10px auto 0; text-align: center; line-height: 25px; font-weight: 700; font-style: normal; color: #333; font-size: 18px; letter-spacing: -0.2px; } #customizer p { font-size: 14px; font-weight: bold; line-height: 1.6; text-align: center; max-width: 400px; margin: auto; margin-top: 15px; color: #9e9e9e; } #customizer .customizer-logo { font-weight: bold; font-size: 26px; line-height: inherit; margin: 0; text-align: center; width: 100%; display: block; float: left; letter-spacing: -0.7px; margin-bottom: 25px; margin-top: 40px; color: #1f1f1f; } #customizer .screenshot { margin-top: 50px; } #customizer .screenshot a { display: block; float: left; margin: 8px; position: relative; overflow: hidden; background-color: #1f1f1f !important; } #customizer .screenshot a.first { } #customizer .screenshot img { width: 370px; height: auto; border: 1px solid #eaeaea; float: left; display: block; border-radius: 0; opacity: 1; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } #customizer .screenshot a:hover img { opacity: 0.3; } #customizer .screenshot a:hover span { opacity: 1; } #customizer .screenshot a span { color: #fff; font-size: 16px; opacity: 0; text-transform: uppercase; font-weight: bold; position: absolute; z-index: 99; display: block; text-align: center; line-height: 236px; width: 100%; left: 0; top: 0; margin-top: 0; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #customizer .ekko-tooltip { opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); position: absolute; line-height: 12px; background-color: #fff; font-size: 13px; margin: 0; padding: 15px 20px; font-family: inherit; font-weight: 900; width: auto; font-weight: 900; display: block; letter-spacing: .1px; right: 10px; top: 3px; white-space: nowrap; border-radius: 0; -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.07); -moz-box-shadow: 0 5px 40px rgba(0,0,0,.07); box-shadow: 0 5px 40px rgba(0,0,0,.07); -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #customizer .ekko-tooltip .trialngle-tooltip { display: block; position: absolute; right: -5px; top: 16px; width: 0; height: 0; border-left: 5px solid #fff; border-bottom: 5px solid transparent; border-top: 5px solid transparent; } #customizer .options .custom-tooltip:hover .ekko-tooltip { opacity: 1; right: 60px; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #demoselect { max-height: 780px; overflow: hidden; overflow-y: visible; width: 790px; } #demoselect::-webkit-scrollbar { width: 7px; cursor: pointer } #demoselect::-webkit-scrollbar-track { background-color: transparent; cursor: pointer } #demoselect::-webkit-scrollbar-thumb { background-color: #ddd; width: 7px; border-radius: 3px; bottom: 10px; cursor: pointer; z-index: 99; } #demoselect::-webkit-scrollbar-button { display: none } #demoselect::-webkit-scrollbar-corner { background-color: #000 } #demoselect::-moz-scrollbar { width: 7px } #customizer .colors-tooltip { width: 167px; text-align: center; padding: 18px;} #customizer .ekko-tooltip .tooltip-label {width: 100%; text-align: center; display: block;} #customizer .color-switcher {width: 20px; height: 20px; display: block; float: left; margin:3px; margin-top: 15px; margin-bottom: 0; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; border-radius: 90px;} #customizer .color-switcher.blue {background-color: #0030b8 } #customizer .color-switcher.teal {background-color: #00897b } #customizer .color-switcher.green {background-color: #64dd17 } #customizer .color-switcher.red {background-color: #c62828 } #customizer .color-switcher.orange {background-color: #fb8c00 } #customizer .color-switcher:hover { opacity: 0.6; } .with-triangle .vc_col-sm-5:before { width: 0px; content: '-'; text-indent: -9999px; display: block; height: 0px; position: absolute; z-index: 9999; top: 50%; margin-top: -8px; left: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid #f2f2f2; } .home .kd-photobox.demo-page-box { border: none; background: none; overflow: visible; } .home .kd-photobox.demo-page-box .phb-content { background: none; } .home .kd-photobox.demo-page-box .photobox-img { overflow: visible; } .home .kd-photobox.demo-page-box .photobox-img img { transition: 0.25s; cursor: pointer; } .home .kd-photobox.demo-page-box h4 { margin-bottom: 0; color: #fff!important; opacity: 1; font-size: 16px; } .home .kd-photobox.demo-page-box .phb-content .phb-btncontainer { margin-top: 20px; line-height: 1; display: none; overflow: visible; } .home .kd-photobox.demo-page-box .phb-content { padding: 25px; } .home .kd-photobox.demo-page-box:hover .photobox-img img { box-shadow: 0px 20px 60px 0px rgba(0,0,0,1); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .blog_widget ul li.wc-layered-nav-rating { line-height: 15px; margin-bottom: 18px; } .blog_widget .product_list_widget li a:before { display: none; } #commentform #submit:hover, .wp-block-button__link:hover, .subscribe-form header .wpcf7-submit:hover, #headerbackground, .contact .wpcf7-submit:hover, footer, #posts-content .post input[type="submit"]:hover, .navbar-default.navbar-shrink, .btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active { background-color: #fff; } @media (min-width: 960px) { .home.page-template-default .navbar.navbar-default.navbar-shrink, .single-portfolio .navbar.navbar-default.navbar-shrink, .single-portfolio .navbar.navbar-default.navbar-shrink, .single-post .navbar.navbar-default.navbar-shrink, .woocommerce-page .navbar.navbar-default.navbar-shrink, .page-template-default .navbar.navbar-default.navbar-shrink, .page-template-portfolio-php .navbar.navbar-default.navbar-shrink, .attachment .navbar.navbar-default.navbar-shrink { background-color: #fff; } } .subscribe-form header .wpcf7-response-output, .subscribe .wpcf7-not-valid-tip, .secondary-button:hover { color: #fff; } div.wpcf7 .wpcf7-form .ajax-loader { margin: 0; width: 28px; height: 7px; background-image: url(core/assets/images/contact-loader.svg)!important; background-size: 100%!important; border-radius: 0px; box-sizing: content-box; margin-top: 7px; } .inline-cf div.wpcf7 .wpcf7-form .ajax-loader { position: absolute; right: 0; margin: 0; top: 55px; } @media (max-width: 1360px) and (min-width: 960px) { #main-menu .navbar-nav .dropdown-menu { left: auto; right: 0; } } @media (max-width: 1270px) and (min-width: 960px) { .main-nav-center .header-bttn-wrapper {display: none;} #main-menu .navbar-nav .mega-menu > .dropdown-menu:before { display: none } #main-menu .navbar-nav .mega-menu > .dropdown-menu { margin: 0; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); border-top: 1px solid rgba(132, 132, 132, 0.15); border-radius: 0; padding-left: 5px; overflow: hidden; } #posts-content.blog-minimal-list .BlogFullWidth .entry-meta, #posts-content.blog-img-top-list .BlogFullWidth .entry-meta { margin-right: 0; margin-left: 0; } #posts-content.blog-img-left-list .BlogFullWidth .post { width: 90%; margin: 0 5% 60px 5%; } #posts-content.blog-detailed-grid .entry-meta a { font-weight: 400; font-size: 13px; } } .overflow-fix { overflow: visible; } /* Gutenberg optimization */ .wp-block-button__link { font-size: 14px; font-weight: 600; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .is-style-squared .wp-block-button__link { border-radius: 0; } #posts-content .post .wp-block-image figcaption, .wp-block-embed figcaption { color: #fff; } #posts-content .post .wp-block-column blockquote:before, #posts-content .post .wp-block-quote:before, .wp-block-pullquote blockquote:before { font-size: 50px; margin-top: 10px; margin-bottom: 0px; line-height: 20px; margin-right: 20px; } #posts-content .post .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; text-align: left; max-width: 60%; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { height: auto; line-height: 1.4em; white-space: initial; } .wp-block-archives, .wp-block-categories.wp-block-categories-list, .wp-block-categories.wp-block-categories-list ul.children { padding-left: 30px; list-style: disc; } #posts-content .post .wp-block-categories.wp-block-categories-list ul.children { margin-bottom: 10px; } .wp-block-archives li a, .wp-block-categories.wp-block-categories-list li a { color: inherit; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .wp-block-archives.wp-block-archives-dropdown { margin-bottom: 20px; font-size: 14px; } #posts-content .wp-block-latest-comments li { list-style-type: none !important; } .wp-block-latest-posts li { padding: 5px 0; } .page .gm-svpc img { max-width: inherit; }