/* WHITE COLOR */
body, a,
a:hover,
a:focus, .text-light a, .text-dark p, .text-light, .text-dark, .a-btn, .a-btn-2, .top-menu .logo span, .right-menu .logo span, .header_trans-fixed.header_top_bg .logo span, .header_trans-fixed.header_top_bg.open .logo span, #topmenu ul li a, .header_trans-fixed.header_top_bg #topmenu ul li a, .header_trans-fixed.header_top_bg.open #topmenu ul li a, .mob-nav, .header_trans-fixed .mob-nav i, .header_trans-fixed.open .mob-nav i, .napoli-top-social .social-icon, .header_trans-fixed .napoli-top-social .social-icon, .right-menu #topmenu .napoli-top-social .social li a, .header_trans-fixed .right-menu #topmenu .napoli-top-social .social li a, .top-banner .subtitle, .top-banner .title, .top-banner.center_content .title, .top-banner .descr, .banner-gallery .content-wrap .title, .about-section .title, .about-section .a-btn-2, .gallery-item .info-content h5, .modern .gallery-item .info-content h5, .fullwidth .gallery-item .info-content h5, .item-overlay > h5, .classic .item-overlay h5, .portfolio.classic.big .portfolio-title, .portfolio.big_gap .portfolio-title, .portfolio.masonry .item-portfolio-content .portfolio-title, .portfolio.grid .item-portfolio-content .portfolio-title, .single-proof_gallery .single-content > .title,
.single-proof_gallery .title, .single-proof_gallery .pixproof-data .grid__item .a-btn-2, .single-proof_gallery #pixproof_gallery .proof-photo .meta__action.select-action:before, .single-proof_gallery #pixproof_gallery .proof-photo .proof-photo__bg .proof-photo__id, .dgwt-jg-gallery.justified-gallery .dgwt-jg-caption span, .lg .lg-sub-html h4, .filter ul li.active, .team-member .social .wrap a, .team-member .info .title, .team-member.fullheight .info .title, .team-member.fullheight .info .description, .all-posts-descr h5, .post-box .text h6, .post-box .text span, .post_list .post-box .text .post-box-title, .simple .post-box .text .post-box-title, .services .content .title, .post-content h5, .post-content .date, .single-post .title, .single-post .single-content blockquote:not(.wp-block-quote) p, .recent-post-single .recent-title, .sm-wrap-post .content .title, .sm-wrap-post .content .post-date .date, .contact-info .details h5, .contact-form .title, .wpcf7 form input:focus,
form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus, .wpcf7 form input[type="submit"],
form.wpcf7-form #submit, #footer .copyright a, .widget_search input[type="text"], .sidebar-item ul li, .sidebar-item ul li a, .sidebar-item select, .protected-page .protected-title, .protected-page input[type="password"]:focus, .protected-page input[type="submit"], .banner-slider-wrap .title,
.banner-slider-wrap .subtitle, .banner-slider-wrap p, .banner-slider-wrap .swiper-arrow-right, .comments .comment-reply-title, .comments .content .comment-reply-link:hover, .comments .person .author, .comments-title,
.comments-title span, #contactform h3,
.comments-form h3, #contactform textarea:focus,
#contactform input:focus,
.comments-form textarea:focus,
.comments-form input:focus, #contactform #submit,
.comments-form #submit, .post-info span.author, .post-info span.author a, .about-details .content .title,
.simple-details .content .title, .about-details .content .text blockquote p, .titles .title, .insta-box .insta-box-follow, .insta-box .insta-box-follow a:hover, .post-nav a,
.pages,
.page-numbers:not(.next, .prev), .post-nav a:hover,
.post-nav a:focus,
.page-numbers:hover,
.page-numbers:focus, .next.page-numbers,
.prev.page-numbers, .next.page-numbers:hover,
.prev.page-numbers:hover, .post-nav .pages,
.post-nav .current,
.pager-pagination .pages,
.pager-pagination .current, .woocommerce .napoli_product_detail div.product p.price ins,
.woocommerce .single-product div.product p.price ins,
.woocommerce .napoli_product_detail div.product span.price ins,
.woocommerce .single-product div.product span.price ins,
.woocommerce ul.products.default li.product .price ins,
.napoli_cart.shop_table ul .cart_item ul .product-price ins,
.napoli_cart.shop_table ul .cart_item ul .product-subtotal ins,
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price ins,
.woocommerce table.shop_table .cart_item .product-total ins, .woocommerce-page.woocommerce-cart .woocommerce input.button,
.woocommerce-page.woocommerce-checkout .woocommerce input.button, .woocommerce-page.woocommerce-cart a.button,
.woocommerce-page.woocommerce-checkout a.button,
.woocommerce-page.woocommerce a.button,
.woocommerce-page.woocommerce button.button.alt,
.woocommerce button.button.alt,
a.button.checkout, .woocommerce ul.products li.product .napoli-prod-list-image .napoli-add-to-cart a,
.woocommerce-page.woocommerce .woocommerce-message a.button, .woocommerce .single-product .star-rating,
.woocommerce .napoli_product_detail .star-rating, .woocommerce .napoli_images span.onsale,
.woocommerce ul.products li.product .napoli-prod-list-image .onsale, .woocommerce .quantity .qty, .woocommerce .woocommerce-message .showcoupon,
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info .showcoupon,
.woocommerce .woocommerce-info .showlogin, .single-product .product .summary .product_title,
.napoli_product_detail .product .summary .product_title, .single-product .product .summary .cart .variations .label label,
.napoli_product_detail .product .summary .cart .variations .label label, .single-product .product .summary .cart .variations .value ul li label,
.napoli_product_detail .product .summary .cart .variations .value ul li label, .single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a,
.napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a, .single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel h2,
.napoli_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel h2, .single-product .product #reviews #comments .commentlist .comment .comment-text .meta,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .meta, .single-product .product .woocommerce-Reviews #review_form_wrapper .comment-reply-title,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-reply-title, .single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit, .single-product div.product .up-sells h2,
.napoli_product_detail div.product .up-sells h2,
.single-product .product .related.products h2,
.napoli_product_detail .product .related.products h2, .woocommerce ul.products li.product h3, .mini-cart-wrapper .napoli-shop-icon .cart-contents-count, #topmenu .napoli_mini_cart .product_list_widget .empty, #topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_name, .napoli_cart.shop_table .heading li, .napoli_cart.shop_table ul .cart_item ul .product-name a, .napoli_cart.shop_table ul .cart_item ul .product-name .variation dt, .napoli_cart.shop_table .complement-cart .coupon .input-text:focus, .napoli-cart-collaterals .cart_totals h2, .woocommerce form.checkout h3, .woocommerce form.login .form-row label,
.woocommerce form.checkout .form-row label, .woocommerce form.login .form-row input:focus,
.woocommerce form.login .form-row textarea:focus,
.woocommerce form.checkout .form-row input:focus,
.woocommerce form.checkout .form-row textarea:focus,
.woocommerce form.checkout_coupon .form-row input.input-text:focus, .woocommerce form.login .lost_password a, .select2-drop-active, .select2-results li.select2-highlighted, .woocommerce table.shop_table thead .product-name,
.woocommerce table.shop_table thead .product-total, .woocommerce table.shop_table .cart_item .product-name, .woocommerce table.shop_table .cart_item .product-name .variation dt, .woocommerce-checkout-review-order #payment div.payment_box, .napoli-sound-btn:before, .portfolio-single-content .portfolio-title, .portfolio-single-content .napoli-portfolio-footer-line .portfolio-client .client-title,
.portfolio-single-content .napoli-portfolio-footer-line .portfolio-jop-type .title-job-type,
.portfolio-single-content .napoli-portfolio-footer-line .title-date, .iframe-video-title, .pricing-info .title, .coming-page-wrapper .title, .swipe-btn:before, .scroll-btn:before, .skill-wrapper .main-title, .flipto:before, .simple-contacts .label, .simple-contacts .content .title, .portfolio-wrapper .pager-pagination a, .portfolio-wrapper .pager-pagination span, .main-header-testimonial.simpple .pagination span.swiper-active-switch, .main-header-testimonial.simpple .pagination span:hover, .news.type-1 .news-type, .news.type-1 .news-likes, .news.type-1 .news-likes a, .news h4 a, .news .news-date, .additional-content-wrap h1, .additional-content-wrap h2, .additional-content-wrap h3, .additional-content-wrap h4, .additional-content-wrap h5, .additional-content-wrap h6, .info-block-parallax-wrap .content-wrap h1, .info-block-parallax-wrap .content-wrap h2, .info-block-parallax-wrap .content-wrap h3, .info-block-parallax-wrap .content-wrap h4, .info-block-parallax-wrap .content-wrap h5, .info-block-parallax-wrap .content-wrap h6, .content-parallax h1, .content-parallax h2, .content-parallax h3, .content-parallax h4, .content-parallax h5, .content-parallax h6, .content__link {
color: #fff; }
.bottom-line:after, .black, .highlight, .a-btn:hover, .a-btn-2:hover, .single-proof_gallery .pixproof-data .grid__item .a-btn-2:hover, .wpcf7 form input[type="submit"]:hover,
form.wpcf7-form #submit:hover, .widget_search input[type="submit"], .protected-page input[type="submit"]:hover, #contactform #submit:hover,
.comments-form #submit:hover, .woocommerce-page.woocommerce-cart .woocommerce input.button:hover,
.woocommerce-page.woocommerce-checkout .woocommerce input.button:hover, .woocommerce-page.woocommerce-cart a.button:hover,
.woocommerce-page.woocommerce-checkout a.button:hover,
.woocommerce-page.woocommerce a.button:hover,
.woocommerce-page.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:hover,
a.button.checkout:hover, .woocommerce ul.products li.product .napoli-prod-list-image .napoli-add-to-cart a:hover,
.woocommerce-page.woocommerce .woocommerce-message a.button:hover, .single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit:hover,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit:hover, .content__link:hover {
background-color: #fff; }
.a-btn:hover, .a-btn-2:hover, .single-proof_gallery .pixproof-data .grid__item .a-btn-2:hover, .wpcf7 form input[type="submit"]:hover,
form.wpcf7-form #submit:hover, .widget_search input[type="text"], .widget_search input[type="submit"], .widget_tag_cloud .tagcloud a, .sidebar-item h5, .sidebar-item input, .protected-page input[type="submit"]:hover, #contactform #submit:hover,
.comments-form #submit:hover, .woocommerce-page.woocommerce-cart .woocommerce input.button:hover,
.woocommerce-page.woocommerce-checkout .woocommerce input.button:hover, .woocommerce-page.woocommerce-cart a.button:hover,
.woocommerce-page.woocommerce-checkout a.button:hover,
.woocommerce-page.woocommerce a.button:hover,
.woocommerce-page.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:hover,
a.button.checkout:hover, .woocommerce ul.products li.product .napoli-prod-list-image .napoli-add-to-cart a:hover,
.woocommerce-page.woocommerce .woocommerce-message a.button:hover, .single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit:hover,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit:hover, .content__link:hover {
border-color: #fff; }
/* LIGHT WHITE COLOR */
.a-btn, .a-btn-2, .single-proof_gallery .pixproof-data .grid__item .a-btn-2, .wpcf7 form input[type="submit"],
form.wpcf7-form #submit, .protected-page input[type="submit"], #contactform #submit,
.comments-form #submit, .woocommerce-page.woocommerce-cart .woocommerce input.button,
.woocommerce-page.woocommerce-checkout .woocommerce input.button, .woocommerce-page.woocommerce-cart a.button,
.woocommerce-page.woocommerce-checkout a.button,
.woocommerce-page.woocommerce a.button,
.woocommerce-page.woocommerce button.button.alt,
.woocommerce button.button.alt,
a.button.checkout, .woocommerce ul.products li.product .napoli-prod-list-image .napoli-add-to-cart a,
.woocommerce-page.woocommerce .woocommerce-message a.button, .single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit, .content__link {
border-color: rgba(255, 255, 255, 0.5); }
/* DARK COLOR */
.text-light p, .highlight, .a-btn:hover, .a-btn-2:hover, .about-section .a-btn-2:hover, .single-proof_gallery .pixproof-data .grid__item .a-btn-2:hover, .wpcf7 form input[type="submit"]:hover,
form.wpcf7-form #submit:hover, .widget_search input[type="submit"], .sidebar-item select option, .sidebar-item input, .protected-page input[type="submit"]:hover, #contactform #submit:hover,
.comments-form #submit:hover, .woocommerce-page.woocommerce-cart .woocommerce input.button:hover,
.woocommerce-page.woocommerce-checkout .woocommerce input.button:hover, .woocommerce-page.woocommerce-cart a.button:hover,
.woocommerce-page.woocommerce-checkout a.button:hover,
.woocommerce-page.woocommerce a.button:hover,
.woocommerce-page.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:hover,
a.button.checkout:hover, .woocommerce ul.products li.product .napoli-prod-list-image .napoli-add-to-cart a:hover,
.woocommerce-page.woocommerce .woocommerce-message a.button:hover, .single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit:hover,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit:hover, .content__link:hover {
color: #131313; }
.text-light .bottom-line:after, .white {
background-color: #131313; }
/* BLACK BACKGROUND-COLOR */
body, .header_top_bg, .header_trans-fixed.header_top_bg.open, #topmenu, .banner-gallery .content-wrap, .banner-list li, .about-details .content .text blockquote, .select2-drop-active, .pricing-item, .ms-section, .main-header-testimonial.simpple .swiper-slide .wrap, .news-entry .news, .iframe-video.audio {
background-color: #1b1b1b; }
/* GOLD COLOR */
.top-banner.left_content .subtitle, .top-banner.center_content .subtitle, .about-section .subtitle, .fullwidth .gallery-item .info-content .subtitle, .portfolio.classic.big .categories, .portfolio.grid .item-portfolio-content .category, .portfolio.grid .item-portfolio-content .category a, .single-proof_gallery .pixproof-data .grid__item .entry__meta-box .meta-box__title, .team-member .info .position, .all-posts-descr h6, .post_list .post-box .text .post-box-date, .simple .post-box .text .post-box-date, .single-post .date-post, .protected-page form, .comments .person .comment-date, .about-details .content .subtitle,
.simple-details .content .subtitle, .single-pagination > div a.content:hover, .single-pagination > div a.content i, .woocommerce .napoli_product_detail div.product p.price,
.woocommerce .single-product div.product p.price,
.woocommerce .napoli_product_detail div.product span.price,
.woocommerce .single-product div.product span.price,
.woocommerce ul.products.default li.product .price,
.napoli_cart.shop_table ul .cart_item ul .product-price,
.napoli_cart.shop_table ul .cart_item ul .product-subtotal,
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price,
.woocommerce table.shop_table .cart_item .product-total, .single-product .product .summary .product_meta a,
.napoli_product_detail .product .summary .product_meta a, .single-product .product #reviews #comments .commentlist .comment .comment-text .date_publish,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .date_publish, .single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form-rating label,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form-rating label, .woocommerce ul.products li.product .napoli-prod-list-image .napoli-link, .napoli-woocommerce-pagination .nav-links .nav-previous a:hover,
.napoli-woocommerce-pagination .nav-links .nav-next a:hover, .mini-cart-wrapper .napoli-shop-icon:before, .napoli-cart-collaterals .cart_totals .shop_table ul li span, .woocommerce table.shop_table .woocommerce-Price-amount, .portfolio-single-content .portfolio-categories a, .pricing-info .subtitle, .coming-soon-descr li, .swipe-btn:hover:before, .scroll-btn:hover:before, .skill-wrapper .skill .label-skill, .skill-wrapper .skill .value, .flipto:hover:before, .simple-contacts .content .text a:hover, .albums-left-filter .button-group button.is-checked, .portfolio-wrapper .pager-pagination .current {
color: #cfac7f; }
.single-proof_gallery #pixproof_gallery .proof-photo.selected .meta__action.select-action, .woocommerce .napoli_images span.onsale,
.woocommerce ul.products li.product .napoli-prod-list-image .onsale, .woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error, .single-product .product .summary .cart .variations .value ul li input:checked + label:before,
.napoli_product_detail .product .summary .cart .variations .value ul li input:checked + label:before, .woocommerce ul.products li.product .napoli_product_list_name .count, .woocommerce form.login .form-row input[type="checkbox"]:checked + label.checkbox:before,
.woocommerce form.checkout .form-row input[type="checkbox"]:checked + label.checkbox:before, .napoli-sound-btn, .iframe-video .video-content .play-button:hover {
background-color: #cfac7f; }
.single-proof_gallery #pixproof_gallery .proof-photo.selected .meta__action.select-action, .single-post .single-content blockquote:not(.wp-block-quote), .wpcf7 form input:focus,
form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus, .protected-page input[type="password"]:focus, #contactform textarea:focus,
#contactform input:focus,
.comments-form textarea:focus,
.comments-form input:focus, .single blockquote:not(.wp-block-quote),
.about-details .content blockquote:not(.wp-block-quote),
.about-section .content blockquote:not(.wp-block-quote),
.portfolio-single-content blockquote:not(.wp-block-quote), .about-details .content .text blockquote, .woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error, .single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li.active,
.napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li.active, .napoli_cart.shop_table .complement-cart .coupon .input-text:focus, .woocommerce form.login .form-row input:focus,
.woocommerce form.login .form-row textarea:focus,
.woocommerce form.checkout .form-row input:focus,
.woocommerce form.checkout .form-row textarea:focus,
.woocommerce form.checkout_coupon .form-row input.input-text:focus, .select2-drop-active {
border-color: #cfac7f; }
/* GREY COLOR */
.top-banner.center_content .descr, .banner-gallery .content-wrap .description, .about-section .descr,
.about-section p, .single-proof_gallery .pixproof-data .grid__item .entry__meta-box span, .lg .lg-sub-html .dgwt-jg-item-desc, .filter ul li, .all-posts-descr p, .simple .post-box .text .post-box-desc, .simple .post-box .text .post-box-desc p, .services .content .text, .single-post p, .contact-info, .contact-info .details a,
.contact-info .details h6, form.wpcf7-form input,
form.wpcf7-form textarea, #footer .copyright, #footer .social-links a, .protected-page input[type="password"], .comments .content .comment-reply-link, .comments .content .text, #contactform textarea,
#contactform input,
.comments-form textarea,
.comments-form input, blockquote cite, .about-details .content .text,
.simple-details .content .text, .titles .subtitle, .insta-box .insta-box-follow a, .single-pagination > div a.content, .woocommerce .napoli_product_detail div.product p.price del,
.woocommerce .single-product div.product p.price del,
.woocommerce .napoli_product_detail div.product span.price del,
.woocommerce .single-product div.product span.price del,
.woocommerce ul.products.default li.product .price del,
.napoli_cart.shop_table ul .cart_item ul .product-price del,
.napoli_cart.shop_table ul .cart_item ul .product-subtotal del,
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price del,
.woocommerce table.shop_table .cart_item .product-total del, .single-product .product .summary .woocommerce-product-rating .woocommerce-review-link,
.napoli_product_detail .product .summary .woocommerce-product-rating .woocommerce-review-link, .single-product .product .summary .product_desc p,
.napoli_product_detail .product .summary .product_desc p, .single-product .product .summary .cart .variations .value ul li p,
.napoli_product_detail .product .summary .cart .variations .value ul li p, .single-product .product .summary .product_meta,
.napoli_product_detail .product .summary .product_meta, .single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li a,
.napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li a, .single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel p,
.napoli_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel p, .single-product .product #reviews #comments .commentlist .comment .comment-text .description,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .description, .single-product .product .woocommerce-Reviews #review_form_wrapper input,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper input,
.single-product .product .woocommerce-Reviews #review_form_wrapper textarea,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper textarea, .woocommerce ul.products li.product, .woocommerce ul.products li.product .category-product a, .napoli-woocommerce-pagination .nav-links .nav-previous a,
.napoli-woocommerce-pagination .nav-links .nav-next a, #topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_quantity, .napoli_cart.shop_table ul .cart_item ul .product-name .variation dd p, .napoli_cart.shop_table .complement-cart .coupon .input-text, .napoli-cart-collaterals .cart_totals .shop_table ul li, .woocommerce form.checkout_coupon .form-row input.input-text, .woocommerce form.login .form-row input,
.woocommerce form.login .form-row textarea,
.woocommerce form.checkout .form-row input,
.woocommerce form.checkout .form-row textarea, .select2-container .select2-choice, .select2-search:after, .select2-search input, .select2-results li, .woocommerce table.shop_table .cart_item .product-name .variation dd p, .woocommerce table.shop_table .cart-subtotal th,
.woocommerce table.shop_table .order-total th, .woocommerce-checkout-review-order #payment .payment_methods.methods li, .woocommerce-checkout-review-order #payment .payment_methods.methods li label, .woocommerce-checkout-review-order #payment .payment_methods.methods li .about_paypal, .portfolio-single-content p, .portfolio-single-content .napoli-portfolio-footer-line .portfolio-client .client-value,
.portfolio-single-content .napoli-portfolio-footer-line .portfolio-jop-type .job-type-value,
.portfolio-single-content .napoli-portfolio-footer-line .date-value,
.portfolio-single-content .napoli-portfolio-footer-line .social-list a, .pricing-info .pricing-list ul li, .coming-page-wrapper .subtitle, .simple-contacts .content .text,
.simple-contacts .content .text p,
.simple-contacts .content .text a, .albums-left-filter .button-group button, .additional-content-wrap .text, .additional-content-wrap p {
color: #707070; }
.post-info span.author, .skill-wrapper .skill .line .active-line {
background-color: #707070; }
.top-banner.center_content, .woocommerce .quantity .qty, .single-product .product .summary .cart .variations .value fieldset,
.napoli_product_detail .product .summary .cart .variations .value fieldset, .woocommerce form.checkout_coupon,
.woocommerce form.login, .woocommerce form.checkout_coupon .form-row input.input-text, .woocommerce form.login .form-row input,
.woocommerce form.login .form-row textarea,
.woocommerce form.checkout .form-row input,
.woocommerce form.checkout .form-row textarea, .select2-search input, .portfolio-single-content .napoli-portfolio-footer-line {
border-color: #252525; }
/* DARK DARK BLCK */
.about-section, .services, .single-post .single-content blockquote:not(.wp-block-quote), .sm-wrap-post a, .contact-info, #footer, .single blockquote:not(.wp-block-quote),
.about-details .content blockquote:not(.wp-block-quote),
.about-section .content blockquote:not(.wp-block-quote),
.portfolio-single-content blockquote:not(.wp-block-quote), .about-details-section, .post-nav a,
.pages,
.page-numbers:not(.next, .prev), .napoli_mini_cart, .select2-results, .woocommerce-checkout-review-order #payment div.payment_box, .coming-soon-wrap .coming-soon-descr, .swipe-btn, .scroll-btn, .skill-wrapper .skill .line, .flipto {
background-color: #151515; }
.row.simple, form.wpcf7-form input,
form.wpcf7-form textarea, .protected-page input[type="password"], #contactform textarea,
#contactform input,
.comments-form textarea,
.comments-form input, .single-product .product .woocommerce-tabs .tabs.wc-tabs:before,
.napoli_product_detail .product .woocommerce-tabs .tabs.wc-tabs:before, .single-product .product .woocommerce-Reviews #review_form_wrapper input,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper input,
.single-product .product .woocommerce-Reviews #review_form_wrapper textarea,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper textarea, .napoli_cart.shop_table .heading, .napoli_cart.shop_table .complement-cart, .napoli_cart.shop_table .complement-cart .coupon .input-text, .select2-container.select2-dropdown-open.select2-drop-above .select2-choice, .woocommerce table.shop_table thead, .woocommerce table.shop_table tfoot {
border-color: #3a3a3a; }
.wpcf7 form input[type="submit"], form.wpcf7-form #submit {
color: #fff; }
.mini-cart-wrapper .napoli-shop-icon,
.header_trans-fixed .mini-cart-wrapper .napoli-shop-icon {
background-color: #202020; }
.napoli_product_detail .product .summary .cart .variations .value ul li label:before {
background-color: #505050; }
.napoli_product_detail .product .summary .cart .button:hover {
color: #131313 !important; }
.woocommerce form.login .form-row label.checkbox:before,
.woocommerce form.checkout .form-row label.checkbox:before {
background-color: #505050; }
.woocommerce-checkout-review-order #payment div.payment_box:before {
border-bottom-color: #151515; }
.coming-soon #coming-base {
fill: #151515; }
.widget_search input[type="text"],
.sidebar-item input {
background-color: transparent; }
.sidebar-item select {
background-color: transparent; }
.select2-container .select2-choice {
border-color: transparent;
border-bottom-color: #3a3a3a; }
.fullwidth .gallery-item .info-content {
background-color: rgba(0, 0, 0, 0.9); }
.portfolio.classic.big .item-overlay {
background-color: #000000; }
.pricing-item .mask-image .pricing_mask {
fill: #1b1b1b; }
.simple::-webkit-scrollbar-thumb {
background-color: #cfac7f; }
@media only screen and (max-width: 1199px) {
.right-menu #topmenu .napoli-top-social .social {
background-color: #1b1b1b; }
.header_trans-fixed .right-menu #topmenu .napoli-top-social .social {
background-color: transparent; } }
@media (min-width: 768px) {
#topmenu ul ul {
background-color: #151515; }
#topmenu > ul > li > ul:before {
border-bottom: 5px solid #151515; }
#topmenu ul ul li a {
color: #ffffff; }
#topmenu ul ul li.current-menu-item > a {
color: #cfac7f; }
.header_trans-fixed.header_top_bg #topmenu ul ul li.current-menu-item > a {
color: #cfac7f; } }
@media (max-width: 767px) {
.header_trans-fixed.open .right-menu #topmenu .napoli-top-social .social li a {
color: #ffffff; } }
/*------------------------------------------------------------------
Project: Napoli
Version: 1.0
[Table of contents]
01. MAIN STYLES
02. PRELOADER
03. HEADER
04. MENU
05. ARROW LINKS
06. HERO
07. HERO SLIDER
08. BANNER
09. BANNER WITH GALLERY
10. CALL TO ACTION
11. ABOUT SECTION
12. PORTFOLIO
13. PORTFOLIO FILTER
14. BLOCKQUOTE
15. TEAM
16. POSTS LIST
17. TOGGLES
18. SERVICES
19. IMAGE SLIDER
20. BLOG
21. GOOGLE MAP
22. CONTACT INFO
23. CONTACT FORM
24. PAGINATION
25. FOOTER
26. SIDEBAR
27. PROTECTED PAGE
28. SLIDER
29. COMMENTS
30. SIMPLE CONTACTS
31. GALLERY FULL WIDTH INFINITY SCROLL
32. VIDEO BANNER
33. ALBUMS LEFT FILTER
34. SLIDER KENBURNS
35. ALBUMS SLIDER MASONRY
36. ALBUMS SLIDER SIMPLE
/* 01. MAIN STYLES
---------------------------------- */
@font-face {
font-family: 'BebasNeueBook';
src: url("../fonts/BebasNeueBook.eot");
src: url("../fonts/BebasNeueBook.woff2") format("woff2"), url("../fonts/BebasNeueBook.woff") format("woff"), url("../fonts/BebasNeueBook.ttf") format("truetype"), url("../fonts/BebasNeueBook.svg#BebasNeueBook") format("svg"), url("../fonts/BebasNeueBook.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'BebasNeueRegular';
src: url("../fonts/BebasNeueRegular.eot");
src: url("../fonts/BebasNeueRegular.woff2") format("woff2"), url("../fonts/BebasNeueRegular.woff") format("woff"), url("../fonts/BebasNeueRegular.ttf") format("truetype"), url("../fonts/BebasNeueRegular.svg#BebasNeueRegular") format("svg"), url("../fonts/BebasNeueRegular.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal; }
body {
min-height: 100vh; }
.no-scroll {
overflow-y: hidden !important; }
.overflow-hidden {
overflow: hidden; }
.swiper-container,
.full_screen_slider {
margin: 0 auto;
position: relative;
overflow: hidden;
direction: ltr;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: inherit; }
.swiper-wrapper {
position: relative;
width: 100%;
-webkit-transition-property: -webkit-transform, left, top;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px, 0, 0);
-webkit-transition-timing-function: ease;
-moz-transition-property: -moz-transform, left, top;
-moz-transition-duration: 0s;
-moz-transform: translate3d(0px, 0, 0);
-moz-transition-timing-function: ease;
-o-transition-property: -o-transform, left, top;
-o-transition-duration: 0s;
-o-transform: translate3d(0px, 0, 0);
-o-transition-timing-function: ease;
-o-transform: translate(0px, 0px);
-ms-transition-property: -ms-transform, left, top;
-ms-transition-duration: 0s;
-ms-transform: translate3d(0px, 0, 0);
-ms-transition-timing-function: ease;
transition-property: left, top, -webkit-transform;
transition-property: transform, left, top;
transition-property: transform, left, top, -webkit-transform;
transition-duration: 0s;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
transition-timing-function: ease;
box-sizing: content-box;
margin: 0 auto;
height: inherit;
float: left; }
.banner-slider-wrap.horizontal .swiper-wrapper {
cursor: e-resize; }
.banner-slider-wrap.vertical .swiper-wrapper {
cursor: n-resize; }
.banner-slider-wrap .swiper-slide {
padding: 0 30px; }
.swiper-slide {
float: left;
height: inherit;
position: relative;
width: 100%; }
body {
overflow-x: hidden;
font-family: "Montserrat", sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: 15px;
line-height: 26px;
color: #131313;
position: relative;
background: #ffffff; }
html {
font-size: 15px; }
html {
font-size: 15px; }
.main-wrapper {
min-height: 100vh;
overflow-x: hidden; }
::-moz-selection {
background: #000;
color: #ffffff; }
::selection {
background: #000;
color: #ffffff; }
::-moz-selection {
background: #000;
color: #ffffff; }
* {
margin: 0;
padding: 0;
outline: 0;
-webkit-font-smoothing: antialiased; }
:focus {
outline: 0; }
a,
a:hover,
a:focus {
color: #131313;
outline: 0;
transition: all 300ms ease;
text-decoration: none; }
a:hover,
a:focus {
opacity: .7; }
a {
text-decoration: underline; }
.text-light a {
color: #ffffff; }
img {
max-width: 100%;
height: auto;
display: inline-block;
border: none; }
.clip {
clip: rect(auto, auto, auto, auto);
height: 100%;
position: absolute;
width: 100%; }
/* typography
---------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "BebasNeueRegular", sans-serif;
font-weight: 600; }
h1 {
font-size: 44px;
line-height: 54px; }
h2 {
font-size: 36px;
line-height: 48px; }
h3 {
font-size: 30px;
line-height: 36px; }
h4 {
font-size: 24px;
line-height: 30px; }
h5 {
font-size: 18px;
line-height: 24px; }
h6 {
font-size: 14px;
line-height: 18px;
font-style: italic; }
p {
font-family: "Libre Baskerville"; }
/* Responsive typography
---------------------------*/
@media (max-width: 768px) {
body {
font-size: 14px;
line-height: 23px; }
h1 {
font-size: 34px;
line-height: 40px; }
h2 {
font-size: 30px;
line-height: 35px; }
h3 {
font-size: 26px;
line-height: 29px; }
h4 {
font-size: 22px;
line-height: 24px; }
h5 {
font-size: 17px;
line-height: 19px; }
h6 {
font-size: 13px;
line-height: 15px; } }
.bottom-line {
position: relative;
margin-bottom: 30px; }
.bottom-line:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
background: #111;
bottom: -13px; }
.text-light .bottom-line:after {
background: #ffffff; }
.text-light p {
color: #ffffff; }
.text-dark p {
color: #000; }
.monospace {
font-family: 'Source Code Pro';
color: #494949; }
.text-light .monospace {
color: #D0D0D0; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0; }
.bigtext {
font-size: 160px;
line-height: 1;
font-family: "Libre Baskerville", sans-serif;
-webkit-font-smoothing: antialiased; }
.notfound {
text-decoration: none;
transition: all 300ms ease; }
.notfound:hover {
opacity: .7; }
.font-1 {
font-family: "Libre Baskerville", sans-serif; }
@media (max-width: 992px) {
.bigtext {
font-size: 130px; } }
@media (max-width: 768px) {
.bigtext {
font-size: 70px; } }
.text-light {
color: #ffffff; }
.text-dark {
color: #131313; }
.text-center {
text-align: center; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
/*helper classes*/
.fullwidth {
width: 100%; }
.fullheight {
height: 100%; }
.vc_column_container {
z-index: 30; }
.grey {
background-color: #F7F7F7; }
.black {
background-color: #000; }
.white {
background-color: #ffffff; }
.vCenter {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.centered {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.highlight {
background-color: #000;
color: #ffffff; }
.overflow {
overflow: hidden; }
.video-container iframe {
border: 0; }
.vimeo-video {
width: 100% !important;
height: 100% !important; }
.margin-lg-0t {
margin-top: 0px !important; }
.margin-lg-5t {
margin-top: 5px !important; }
.margin-lg-10t {
margin-top: 10px !important; }
.margin-lg-15t {
margin-top: 15px !important; }
.margin-lg-20t {
margin-top: 20px !important; }
.margin-lg-25t {
margin-top: 25px !important; }
.margin-lg-30t {
margin-top: 30px !important; }
.margin-lg-35t {
margin-top: 35px !important; }
.margin-lg-40t {
margin-top: 40px !important; }
.margin-lg-45t {
margin-top: 45px !important; }
.margin-lg-50t {
margin-top: 50px !important; }
.margin-lg-55t {
margin-top: 55px !important; }
.margin-lg-60t {
margin-top: 60px !important; }
.margin-lg-65t {
margin-top: 65px !important; }
.margin-lg-70t {
margin-top: 70px !important; }
.margin-lg-75t {
margin-top: 75px !important; }
.margin-lg-80t {
margin-top: 80px !important; }
.margin-lg-85t {
margin-top: 85px !important; }
.margin-lg-90t {
margin-top: 90px !important; }
.margin-lg-95t {
margin-top: 95px !important; }
.margin-lg-100t {
margin-top: 100px !important; }
.margin-lg-105t {
margin-top: 105px !important; }
.margin-lg-110t {
margin-top: 110px !important; }
.margin-lg-115t {
margin-top: 115px !important; }
.margin-lg-120t {
margin-top: 120px !important; }
.margin-lg-125t {
margin-top: 125px !important; }
.margin-lg-130t {
margin-top: 130px !important; }
.margin-lg-135t {
margin-top: 135px !important; }
.margin-lg-140t {
margin-top: 140px !important; }
.margin-lg-145t {
margin-top: 145px !important; }
.margin-lg-150t {
margin-top: 150px !important; }
.margin-lg-155t {
margin-top: 155px !important; }
.margin-lg-160t {
margin-top: 160px !important; }
.margin-lg-165t {
margin-top: 165px !important; }
.margin-lg-170t {
margin-top: 170px !important; }
.margin-lg-175t {
margin-top: 175px !important; }
.margin-lg-180t {
margin-top: 180px !important; }
.margin-lg-185t {
margin-top: 185px !important; }
.margin-lg-190t {
margin-top: 190px !important; }
.margin-lg-195t {
margin-top: 195px !important; }
.margin-lg-200t {
margin-top: 200px !important; }
.margin-lg-0b {
margin-bottom: 0px !important; }
.margin-lg-5b {
margin-bottom: 5px !important; }
.margin-lg-10b {
margin-bottom: 10px !important; }
.margin-lg-15b {
margin-bottom: 15px !important; }
.margin-lg-20b {
margin-bottom: 20px !important; }
.margin-lg-25b {
margin-bottom: 25px !important; }
.margin-lg-30b {
margin-bottom: 30px !important; }
.margin-lg-35b {
margin-bottom: 35px !important; }
.margin-lg-40b {
margin-bottom: 40px !important; }
.margin-lg-45b {
margin-bottom: 45px !important; }
.margin-lg-50b {
margin-bottom: 50px !important; }
.margin-lg-55b {
margin-bottom: 55px !important; }
.margin-lg-60b {
margin-bottom: 60px !important; }
.margin-lg-65b {
margin-bottom: 65px !important; }
.margin-lg-70b {
margin-bottom: 70px !important; }
.margin-lg-75b {
margin-bottom: 75px !important; }
.margin-lg-80b {
margin-bottom: 80px !important; }
.margin-lg-85b {
margin-bottom: 85px !important; }
.margin-lg-90b {
margin-bottom: 90px !important; }
.margin-lg-95b {
margin-bottom: 95px !important; }
.margin-lg-100b {
margin-bottom: 100px !important; }
.margin-lg-105b {
margin-bottom: 105px !important; }
.margin-lg-110b {
margin-bottom: 110px !important; }
.margin-lg-115b {
margin-bottom: 115px !important; }
.margin-lg-120b {
margin-bottom: 120px !important; }
.margin-lg-125b {
margin-bottom: 125px !important; }
.margin-lg-130b {
margin-bottom: 130px !important; }
.margin-lg-135b {
margin-bottom: 135px !important; }
.margin-lg-140b {
margin-bottom: 140px !important; }
.margin-lg-145b {
margin-bottom: 145px !important; }
.margin-lg-150b {
margin-bottom: 150px !important; }
.margin-lg-155b {
margin-bottom: 155px !important; }
.margin-lg-160b {
margin-bottom: 160px !important; }
.margin-lg-165b {
margin-bottom: 165px !important; }
.margin-lg-170b {
margin-bottom: 170px !important; }
.margin-lg-175b {
margin-bottom: 175px !important; }
.margin-lg-180b {
margin-bottom: 180px !important; }
.margin-lg-185b {
margin-bottom: 185px !important; }
.margin-lg-190b {
margin-bottom: 190px !important; }
.margin-lg-195b {
margin-bottom: 195px !important; }
.margin-lg-200b {
margin-bottom: 200px !important; }
.padding-lg-0t {
padding-top: 0px !important; }
.padding-lg-5t {
padding-top: 5px !important; }
.padding-lg-10t {
padding-top: 10px !important; }
.padding-lg-15t {
padding-top: 15px !important; }
.padding-lg-20t {
padding-top: 20px !important; }
.padding-lg-25t {
padding-top: 25px !important; }
.padding-lg-30t {
padding-top: 30px !important; }
.padding-lg-35t {
padding-top: 35px !important; }
.padding-lg-40t {
padding-top: 40px !important; }
.padding-lg-45t {
padding-top: 45px !important; }
.padding-lg-50t {
padding-top: 50px !important; }
.padding-lg-55t {
padding-top: 55px !important; }
.padding-lg-60t {
padding-top: 60px !important; }
.padding-lg-65t {
padding-top: 65px !important; }
.padding-lg-70t {
padding-top: 70px !important; }
.padding-lg-75t {
padding-top: 75px !important; }
.padding-lg-80t {
padding-top: 80px !important; }
.padding-lg-85t {
padding-top: 85px !important; }
.padding-lg-90t {
padding-top: 90px !important; }
.padding-lg-95t {
padding-top: 95px !important; }
.padding-lg-100t {
padding-top: 100px !important; }
.padding-lg-105t {
padding-top: 105px !important; }
.padding-lg-110t {
padding-top: 110px !important; }
.padding-lg-115t {
padding-top: 115px !important; }
.padding-lg-120t {
padding-top: 120px !important; }
.padding-lg-125t {
padding-top: 125px !important; }
.padding-lg-130t {
padding-top: 130px !important; }
.padding-lg-135t {
padding-top: 135px !important; }
.padding-lg-140t {
padding-top: 140px !important; }
.padding-lg-145t {
padding-top: 145px !important; }
.padding-lg-150t {
padding-top: 150px !important; }
.padding-lg-155t {
padding-top: 155px !important; }
.padding-lg-160t {
padding-top: 160px !important; }
.padding-lg-165t {
padding-top: 165px !important; }
.padding-lg-170t {
padding-top: 170px !important; }
.padding-lg-175t {
padding-top: 175px !important; }
.padding-lg-180t {
padding-top: 180px !important; }
.padding-lg-185t {
padding-top: 185px !important; }
.padding-lg-190t {
padding-top: 190px !important; }
.padding-lg-195t {
padding-top: 195px !important; }
.padding-lg-200t {
padding-top: 200px !important; }
.padding-lg-0b {
padding-bottom: 0px !important; }
.padding-lg-5b {
padding-bottom: 5px !important; }
.padding-lg-10b {
padding-bottom: 10px !important; }
.padding-lg-15b {
padding-bottom: 15px !important; }
.padding-lg-20b {
padding-bottom: 20px !important; }
.padding-lg-25b {
padding-bottom: 25px !important; }
.padding-lg-30b {
padding-bottom: 30px !important; }
.padding-lg-35b {
padding-bottom: 35px !important; }
.padding-lg-40b {
padding-bottom: 40px !important; }
.padding-lg-45b {
padding-bottom: 45px !important; }
.padding-lg-50b {
padding-bottom: 50px !important; }
.padding-lg-55b {
padding-bottom: 55px !important; }
.padding-lg-60b {
padding-bottom: 60px !important; }
.padding-lg-65b {
padding-bottom: 65px !important; }
.padding-lg-70b {
padding-bottom: 70px !important; }
.padding-lg-75b {
padding-bottom: 75px !important; }
.padding-lg-80b {
padding-bottom: 80px !important; }
.padding-lg-85b {
padding-bottom: 85px !important; }
.padding-lg-90b {
padding-bottom: 90px !important; }
.padding-lg-95b {
padding-bottom: 95px !important; }
.padding-lg-100b {
padding-bottom: 100px !important; }
.padding-lg-105b {
padding-bottom: 105px !important; }
.padding-lg-110b {
padding-bottom: 110px !important; }
.padding-lg-115b {
padding-bottom: 115px !important; }
.padding-lg-120b {
padding-bottom: 120px !important; }
.padding-lg-125b {
padding-bottom: 125px !important; }
.padding-lg-130b {
padding-bottom: 130px !important; }
.padding-lg-135b {
padding-bottom: 135px !important; }
.padding-lg-140b {
padding-bottom: 140px !important; }
.padding-lg-145b {
padding-bottom: 145px !important; }
.padding-lg-150b {
padding-bottom: 150px !important; }
.padding-lg-155b {
padding-bottom: 155px !important; }
.padding-lg-160b {
padding-bottom: 160px !important; }
.padding-lg-165b {
padding-bottom: 165px !important; }
.padding-lg-170b {
padding-bottom: 170px !important; }
.padding-lg-175b {
padding-bottom: 175px !important; }
.padding-lg-180b {
padding-bottom: 180px !important; }
.padding-lg-185b {
padding-bottom: 185px !important; }
.padding-lg-190b {
padding-bottom: 190px !important; }
.padding-lg-195b {
padding-bottom: 195px !important; }
.padding-lg-200b {
padding-bottom: 200px !important; }
@media screen and (max-width: 1199px) {
.margin-md-0t {
margin-top: 0px !important; }
.margin-md-5t {
margin-top: 5px !important; }
.margin-md-10t {
margin-top: 10px !important; }
.margin-md-15t {
margin-top: 15px !important; }
.margin-md-20t {
margin-top: 20px !important; }
.margin-md-25t {
margin-top: 25px !important; }
.margin-md-30t {
margin-top: 30px !important; }
.margin-md-35t {
margin-top: 35px !important; }
.margin-md-40t {
margin-top: 40px !important; }
.margin-md-45t {
margin-top: 45px !important; }
.margin-md-50t {
margin-top: 50px !important; }
.margin-md-55t {
margin-top: 55px !important; }
.margin-md-60t {
margin-top: 60px !important; }
.margin-md-65t {
margin-top: 65px !important; }
.margin-md-70t {
margin-top: 70px !important; }
.margin-md-75t {
margin-top: 75px !important; }
.margin-md-80t {
margin-top: 80px !important; }
.margin-md-85t {
margin-top: 85px !important; }
.margin-md-90t {
margin-top: 90px !important; }
.margin-md-95t {
margin-top: 95px !important; }
.margin-md-100t {
margin-top: 100px !important; }
.margin-md-105t {
margin-top: 105px !important; }
.margin-md-110t {
margin-top: 110px !important; }
.margin-md-115t {
margin-top: 115px !important; }
.margin-md-120t {
margin-top: 120px !important; }
.margin-md-125t {
margin-top: 125px !important; }
.margin-md-130t {
margin-top: 130px !important; }
.margin-md-135t {
margin-top: 135px !important; }
.margin-md-140t {
margin-top: 140px !important; }
.margin-md-145t {
margin-top: 145px !important; }
.margin-md-150t {
margin-top: 150px !important; }
.margin-md-155t {
margin-top: 155px !important; }
.margin-md-160t {
margin-top: 160px !important; }
.margin-md-165t {
margin-top: 165px !important; }
.margin-md-170t {
margin-top: 170px !important; }
.margin-md-175t {
margin-top: 175px !important; }
.margin-md-180t {
margin-top: 180px !important; }
.margin-md-185t {
margin-top: 185px !important; }
.margin-md-190t {
margin-top: 190px !important; }
.margin-md-195t {
margin-top: 195px !important; }
.margin-md-200t {
margin-top: 200px !important; }
.margin-md-0b {
margin-bottom: 0px !important; }
.margin-md-5b {
margin-bottom: 5px !important; }
.margin-md-10b {
margin-bottom: 10px !important; }
.margin-md-15b {
margin-bottom: 15px !important; }
.margin-md-20b {
margin-bottom: 20px !important; }
.margin-md-25b {
margin-bottom: 25px !important; }
.margin-md-30b {
margin-bottom: 30px !important; }
.margin-md-35b {
margin-bottom: 35px !important; }
.margin-md-40b {
margin-bottom: 40px !important; }
.margin-md-45b {
margin-bottom: 45px !important; }
.margin-md-50b {
margin-bottom: 50px !important; }
.margin-md-55b {
margin-bottom: 55px !important; }
.margin-md-60b {
margin-bottom: 60px !important; }
.margin-md-65b {
margin-bottom: 65px !important; }
.margin-md-70b {
margin-bottom: 70px !important; }
.margin-md-75b {
margin-bottom: 75px !important; }
.margin-md-80b {
margin-bottom: 80px !important; }
.margin-md-85b {
margin-bottom: 85px !important; }
.margin-md-90b {
margin-bottom: 90px !important; }
.margin-md-95b {
margin-bottom: 95px !important; }
.margin-md-100b {
margin-bottom: 100px !important; }
.margin-md-105b {
margin-bottom: 105px !important; }
.margin-md-110b {
margin-bottom: 110px !important; }
.margin-md-115b {
margin-bottom: 115px !important; }
.margin-md-120b {
margin-bottom: 120px !important; }
.margin-md-125b {
margin-bottom: 125px !important; }
.margin-md-130b {
margin-bottom: 130px !important; }
.margin-md-135b {
margin-bottom: 135px !important; }
.margin-md-140b {
margin-bottom: 140px !important; }
.margin-md-145b {
margin-bottom: 145px !important; }
.margin-md-150b {
margin-bottom: 150px !important; }
.margin-md-155b {
margin-bottom: 155px !important; }
.margin-md-160b {
margin-bottom: 160px !important; }
.margin-md-165b {
margin-bottom: 165px !important; }
.margin-md-170b {
margin-bottom: 170px !important; }
.margin-md-175b {
margin-bottom: 175px !important; }
.margin-md-180b {
margin-bottom: 180px !important; }
.margin-md-185b {
margin-bottom: 185px !important; }
.margin-md-190b {
margin-bottom: 190px !important; }
.margin-md-195b {
margin-bottom: 195px !important; }
.margin-md-200b {
margin-bottom: 200px !important; }
.padding-md-0t {
padding-top: 0px !important; }
.padding-md-5t {
padding-top: 5px !important; }
.padding-md-10t {
padding-top: 10px !important; }
.padding-md-15t {
padding-top: 15px !important; }
.padding-md-20t {
padding-top: 20px !important; }
.padding-md-25t {
padding-top: 25px !important; }
.padding-md-30t {
padding-top: 30px !important; }
.padding-md-35t {
padding-top: 35px !important; }
.padding-md-40t {
padding-top: 40px !important; }
.padding-md-45t {
padding-top: 45px !important; }
.padding-md-50t {
padding-top: 50px !important; }
.padding-md-55t {
padding-top: 55px !important; }
.padding-md-60t {
padding-top: 60px !important; }
.padding-md-65t {
padding-top: 65px !important; }
.padding-md-70t {
padding-top: 70px !important; }
.padding-md-75t {
padding-top: 75px !important; }
.padding-md-80t {
padding-top: 80px !important; }
.padding-md-85t {
padding-top: 85px !important; }
.padding-md-90t {
padding-top: 90px !important; }
.padding-md-95t {
padding-top: 95px !important; }
.padding-md-100t {
padding-top: 100px !important; }
.padding-md-105t {
padding-top: 105px !important; }
.padding-md-110t {
padding-top: 110px !important; }
.padding-md-115t {
padding-top: 115px !important; }
.padding-md-120t {
padding-top: 120px !important; }
.padding-md-125t {
padding-top: 125px !important; }
.padding-md-130t {
padding-top: 130px !important; }
.padding-md-135t {
padding-top: 135px !important; }
.padding-md-140t {
padding-top: 140px !important; }
.padding-md-145t {
padding-top: 145px !important; }
.padding-md-150t {
padding-top: 150px !important; }
.padding-md-155t {
padding-top: 155px !important; }
.padding-md-160t {
padding-top: 160px !important; }
.padding-md-165t {
padding-top: 165px !important; }
.padding-md-170t {
padding-top: 170px !important; }
.padding-md-175t {
padding-top: 175px !important; }
.padding-md-180t {
padding-top: 180px !important; }
.padding-md-185t {
padding-top: 185px !important; }
.padding-md-190t {
padding-top: 190px !important; }
.padding-md-195t {
padding-top: 195px !important; }
.padding-md-200t {
padding-top: 200px !important; }
.padding-md-0b {
padding-bottom: 0px !important; }
.padding-md-5b {
padding-bottom: 5px !important; }
.padding-md-10b {
padding-bottom: 10px !important; }
.padding-md-15b {
padding-bottom: 15px !important; }
.padding-md-20b {
padding-bottom: 20px !important; }
.padding-md-25b {
padding-bottom: 25px !important; }
.padding-md-30b {
padding-bottom: 30px !important; }
.padding-md-35b {
padding-bottom: 35px !important; }
.padding-md-40b {
padding-bottom: 40px !important; }
.padding-md-45b {
padding-bottom: 45px !important; }
.padding-md-50b {
padding-bottom: 50px !important; }
.padding-md-55b {
padding-bottom: 55px !important; }
.padding-md-60b {
padding-bottom: 60px !important; }
.padding-md-65b {
padding-bottom: 65px !important; }
.padding-md-70b {
padding-bottom: 70px !important; }
.padding-md-75b {
padding-bottom: 75px !important; }
.padding-md-80b {
padding-bottom: 80px !important; }
.padding-md-85b {
padding-bottom: 85px !important; }
.padding-md-90b {
padding-bottom: 90px !important; }
.padding-md-95b {
padding-bottom: 95px !important; }
.padding-md-100b {
padding-bottom: 100px !important; }
.padding-md-105b {
padding-bottom: 105px !important; }
.padding-md-110b {
padding-bottom: 110px !important; }
.padding-md-115b {
padding-bottom: 115px !important; }
.padding-md-120b {
padding-bottom: 120px !important; }
.padding-md-125b {
padding-bottom: 125px !important; }
.padding-md-130b {
padding-bottom: 130px !important; }
.padding-md-135b {
padding-bottom: 135px !important; }
.padding-md-140b {
padding-bottom: 140px !important; }
.padding-md-145b {
padding-bottom: 145px !important; }
.padding-md-150b {
padding-bottom: 150px !important; }
.padding-md-155b {
padding-bottom: 155px !important; }
.padding-md-160b {
padding-bottom: 160px !important; }
.padding-md-165b {
padding-bottom: 165px !important; }
.padding-md-170b {
padding-bottom: 170px !important; }
.padding-md-175b {
padding-bottom: 175px !important; }
.padding-md-180b {
padding-bottom: 180px !important; }
.padding-md-185b {
padding-bottom: 185px !important; }
.padding-md-190b {
padding-bottom: 190px !important; }
.padding-md-195b {
padding-bottom: 195px !important; }
.padding-md-200b {
padding-bottom: 200px !important; } }
@media screen and (max-width: 991px) {
.margin-sm-0t {
margin-top: 0px !important; }
.margin-sm-5t {
margin-top: 5px !important; }
.margin-sm-10t {
margin-top: 10px !important; }
.margin-sm-15t {
margin-top: 15px !important; }
.margin-sm-20t {
margin-top: 20px !important; }
.margin-sm-25t {
margin-top: 25px !important; }
.margin-sm-30t {
margin-top: 30px !important; }
.margin-sm-35t {
margin-top: 35px !important; }
.margin-sm-40t {
margin-top: 40px !important; }
.margin-sm-45t {
margin-top: 45px !important; }
.margin-sm-50t {
margin-top: 50px !important; }
.margin-sm-55t {
margin-top: 55px !important; }
.margin-sm-60t {
margin-top: 60px !important; }
.margin-sm-65t {
margin-top: 65px !important; }
.margin-sm-70t {
margin-top: 70px !important; }
.margin-sm-75t {
margin-top: 75px !important; }
.margin-sm-80t {
margin-top: 80px !important; }
.margin-sm-85t {
margin-top: 85px !important; }
.margin-sm-90t {
margin-top: 90px !important; }
.margin-sm-95t {
margin-top: 95px !important; }
.margin-sm-100t {
margin-top: 100px !important; }
.margin-sm-105t {
margin-top: 105px !important; }
.margin-sm-110t {
margin-top: 110px !important; }
.margin-sm-115t {
margin-top: 115px !important; }
.margin-sm-120t {
margin-top: 120px !important; }
.margin-sm-125t {
margin-top: 125px !important; }
.margin-sm-130t {
margin-top: 130px !important; }
.margin-sm-135t {
margin-top: 135px !important; }
.margin-sm-140t {
margin-top: 140px !important; }
.margin-sm-145t {
margin-top: 145px !important; }
.margin-sm-150t {
margin-top: 150px !important; }
.margin-sm-155t {
margin-top: 155px !important; }
.margin-sm-160t {
margin-top: 160px !important; }
.margin-sm-165t {
margin-top: 165px !important; }
.margin-sm-170t {
margin-top: 170px !important; }
.margin-sm-175t {
margin-top: 175px !important; }
.margin-sm-180t {
margin-top: 180px !important; }
.margin-sm-185t {
margin-top: 185px !important; }
.margin-sm-190t {
margin-top: 190px !important; }
.margin-sm-195t {
margin-top: 195px !important; }
.margin-sm-200t {
margin-top: 200px !important; }
.margin-sm-0b {
margin-bottom: 0px !important; }
.margin-sm-5b {
margin-bottom: 5px !important; }
.margin-sm-10b {
margin-bottom: 10px !important; }
.margin-sm-15b {
margin-bottom: 15px !important; }
.margin-sm-20b {
margin-bottom: 20px !important; }
.margin-sm-25b {
margin-bottom: 25px !important; }
.margin-sm-30b {
margin-bottom: 30px !important; }
.margin-sm-35b {
margin-bottom: 35px !important; }
.margin-sm-40b {
margin-bottom: 40px !important; }
.margin-sm-45b {
margin-bottom: 45px !important; }
.margin-sm-50b {
margin-bottom: 50px !important; }
.margin-sm-55b {
margin-bottom: 55px !important; }
.margin-sm-60b {
margin-bottom: 60px !important; }
.margin-sm-65b {
margin-bottom: 65px !important; }
.margin-sm-70b {
margin-bottom: 70px !important; }
.margin-sm-75b {
margin-bottom: 75px !important; }
.margin-sm-80b {
margin-bottom: 80px !important; }
.margin-sm-85b {
margin-bottom: 85px !important; }
.margin-sm-90b {
margin-bottom: 90px !important; }
.margin-sm-95b {
margin-bottom: 95px !important; }
.margin-sm-100b {
margin-bottom: 100px !important; }
.margin-sm-105b {
margin-bottom: 105px !important; }
.margin-sm-110b {
margin-bottom: 110px !important; }
.margin-sm-115b {
margin-bottom: 115px !important; }
.margin-sm-120b {
margin-bottom: 120px !important; }
.margin-sm-125b {
margin-bottom: 125px !important; }
.margin-sm-130b {
margin-bottom: 130px !important; }
.margin-sm-135b {
margin-bottom: 135px !important; }
.margin-sm-140b {
margin-bottom: 140px !important; }
.margin-sm-145b {
margin-bottom: 145px !important; }
.margin-sm-150b {
margin-bottom: 150px !important; }
.margin-sm-155b {
margin-bottom: 155px !important; }
.margin-sm-160b {
margin-bottom: 160px !important; }
.margin-sm-165b {
margin-bottom: 165px !important; }
.margin-sm-170b {
margin-bottom: 170px !important; }
.margin-sm-175b {
margin-bottom: 175px !important; }
.margin-sm-180b {
margin-bottom: 180px !important; }
.margin-sm-185b {
margin-bottom: 185px !important; }
.margin-sm-190b {
margin-bottom: 190px !important; }
.margin-sm-195b {
margin-bottom: 195px !important; }
.margin-sm-200b {
margin-bottom: 200px !important; }
.padding-sm-0t {
padding-top: 0px !important; }
.padding-sm-5t {
padding-top: 5px !important; }
.padding-sm-10t {
padding-top: 10px !important; }
.padding-sm-15t {
padding-top: 15px !important; }
.padding-sm-20t {
padding-top: 20px !important; }
.padding-sm-25t {
padding-top: 25px !important; }
.padding-sm-30t {
padding-top: 30px !important; }
.padding-sm-35t {
padding-top: 35px !important; }
.padding-sm-40t {
padding-top: 40px !important; }
.padding-sm-45t {
padding-top: 45px !important; }
.padding-sm-50t {
padding-top: 50px !important; }
.padding-sm-55t {
padding-top: 55px !important; }
.padding-sm-60t {
padding-top: 60px !important; }
.padding-sm-65t {
padding-top: 65px !important; }
.padding-sm-70t {
padding-top: 70px !important; }
.padding-sm-75t {
padding-top: 75px !important; }
.padding-sm-80t {
padding-top: 80px !important; }
.padding-sm-85t {
padding-top: 85px !important; }
.padding-sm-90t {
padding-top: 90px !important; }
.padding-sm-95t {
padding-top: 95px !important; }
.padding-sm-100t {
padding-top: 100px !important; }
.padding-sm-105t {
padding-top: 105px !important; }
.padding-sm-110t {
padding-top: 110px !important; }
.padding-sm-115t {
padding-top: 115px !important; }
.padding-sm-120t {
padding-top: 120px !important; }
.padding-sm-125t {
padding-top: 125px !important; }
.padding-sm-130t {
padding-top: 130px !important; }
.padding-sm-135t {
padding-top: 135px !important; }
.padding-sm-140t {
padding-top: 140px !important; }
.padding-sm-145t {
padding-top: 145px !important; }
.padding-sm-150t {
padding-top: 150px !important; }
.padding-sm-155t {
padding-top: 155px !important; }
.padding-sm-160t {
padding-top: 160px !important; }
.padding-sm-165t {
padding-top: 165px !important; }
.padding-sm-170t {
padding-top: 170px !important; }
.padding-sm-175t {
padding-top: 175px !important; }
.padding-sm-180t {
padding-top: 180px !important; }
.padding-sm-185t {
padding-top: 185px !important; }
.padding-sm-190t {
padding-top: 190px !important; }
.padding-sm-195t {
padding-top: 195px !important; }
.padding-sm-200t {
padding-top: 200px !important; }
.padding-sm-0b {
padding-bottom: 0px !important; }
.padding-sm-5b {
padding-bottom: 5px !important; }
.padding-sm-10b {
padding-bottom: 10px !important; }
.padding-sm-15b {
padding-bottom: 15px !important; }
.padding-sm-20b {
padding-bottom: 20px !important; }
.padding-sm-25b {
padding-bottom: 25px !important; }
.padding-sm-30b {
padding-bottom: 30px !important; }
.padding-sm-35b {
padding-bottom: 35px !important; }
.padding-sm-40b {
padding-bottom: 40px !important; }
.padding-sm-45b {
padding-bottom: 45px !important; }
.padding-sm-50b {
padding-bottom: 50px !important; }
.padding-sm-55b {
padding-bottom: 55px !important; }
.padding-sm-60b {
padding-bottom: 60px !important; }
.padding-sm-65b {
padding-bottom: 65px !important; }
.padding-sm-70b {
padding-bottom: 70px !important; }
.padding-sm-75b {
padding-bottom: 75px !important; }
.padding-sm-80b {
padding-bottom: 80px !important; }
.padding-sm-85b {
padding-bottom: 85px !important; }
.padding-sm-90b {
padding-bottom: 90px !important; }
.padding-sm-95b {
padding-bottom: 95px !important; }
.padding-sm-100b {
padding-bottom: 100px !important; }
.padding-sm-105b {
padding-bottom: 105px !important; }
.padding-sm-110b {
padding-bottom: 110px !important; }
.padding-sm-115b {
padding-bottom: 115px !important; }
.padding-sm-120b {
padding-bottom: 120px !important; }
.padding-sm-125b {
padding-bottom: 125px !important; }
.padding-sm-130b {
padding-bottom: 130px !important; }
.padding-sm-135b {
padding-bottom: 135px !important; }
.padding-sm-140b {
padding-bottom: 140px !important; }
.padding-sm-145b {
padding-bottom: 145px !important; }
.padding-sm-150b {
padding-bottom: 150px !important; }
.padding-sm-155b {
padding-bottom: 155px !important; }
.padding-sm-160b {
padding-bottom: 160px !important; }
.padding-sm-165b {
padding-bottom: 165px !important; }
.padding-sm-170b {
padding-bottom: 170px !important; }
.padding-sm-175b {
padding-bottom: 175px !important; }
.padding-sm-180b {
padding-bottom: 180px !important; }
.padding-sm-185b {
padding-bottom: 185px !important; }
.padding-sm-190b {
padding-bottom: 190px !important; }
.padding-sm-195b {
padding-bottom: 195px !important; }
.padding-sm-200b {
padding-bottom: 200px !important; } }
@media screen and (max-width: 767px) {
.margin-xs-0t {
margin-top: 0px !important; }
.margin-xs-5t {
margin-top: 5px !important; }
.margin-xs-10t {
margin-top: 10px !important; }
.margin-xs-15t {
margin-top: 15px !important; }
.margin-xs-20t {
margin-top: 20px !important; }
.margin-xs-25t {
margin-top: 25px !important; }
.margin-xs-30t {
margin-top: 30px !important; }
.margin-xs-35t {
margin-top: 35px !important; }
.margin-xs-40t {
margin-top: 40px !important; }
.margin-xs-45t {
margin-top: 45px !important; }
.margin-xs-50t {
margin-top: 50px !important; }
.margin-xs-55t {
margin-top: 55px !important; }
.margin-xs-60t {
margin-top: 60px !important; }
.margin-xs-65t {
margin-top: 65px !important; }
.margin-xs-70t {
margin-top: 70px !important; }
.margin-xs-75t {
margin-top: 75px !important; }
.margin-xs-80t {
margin-top: 80px !important; }
.margin-xs-85t {
margin-top: 85px !important; }
.margin-xs-90t {
margin-top: 90px !important; }
.margin-xs-95t {
margin-top: 95px !important; }
.margin-xs-100t {
margin-top: 100px !important; }
.margin-xs-105t {
margin-top: 105px !important; }
.margin-xs-110t {
margin-top: 110px !important; }
.margin-xs-115t {
margin-top: 115px !important; }
.margin-xs-120t {
margin-top: 120px !important; }
.margin-xs-125t {
margin-top: 125px !important; }
.margin-xs-130t {
margin-top: 130px !important; }
.margin-xs-135t {
margin-top: 135px !important; }
.margin-xs-140t {
margin-top: 140px !important; }
.margin-xs-145t {
margin-top: 145px !important; }
.margin-xs-150t {
margin-top: 150px !important; }
.margin-xs-155t {
margin-top: 155px !important; }
.margin-xs-160t {
margin-top: 160px !important; }
.margin-xs-165t {
margin-top: 165px !important; }
.margin-xs-170t {
margin-top: 170px !important; }
.margin-xs-175t {
margin-top: 175px !important; }
.margin-xs-180t {
margin-top: 180px !important; }
.margin-xs-185t {
margin-top: 185px !important; }
.margin-xs-190t {
margin-top: 190px !important; }
.margin-xs-195t {
margin-top: 195px !important; }
.margin-xs-200t {
margin-top: 200px !important; }
.margin-xs-0b {
margin-bottom: 0px !important; }
.margin-xs-5b {
margin-bottom: 5px !important; }
.margin-xs-10b {
margin-bottom: 10px !important; }
.margin-xs-15b {
margin-bottom: 15px !important; }
.margin-xs-20b {
margin-bottom: 20px !important; }
.margin-xs-25b {
margin-bottom: 25px !important; }
.margin-xs-30b {
margin-bottom: 30px !important; }
.margin-xs-35b {
margin-bottom: 35px !important; }
.margin-xs-40b {
margin-bottom: 40px !important; }
.margin-xs-45b {
margin-bottom: 45px !important; }
.margin-xs-50b {
margin-bottom: 50px !important; }
.margin-xs-55b {
margin-bottom: 55px !important; }
.margin-xs-60b {
margin-bottom: 60px !important; }
.margin-xs-65b {
margin-bottom: 65px !important; }
.margin-xs-70b {
margin-bottom: 70px !important; }
.margin-xs-75b {
margin-bottom: 75px !important; }
.margin-xs-80b {
margin-bottom: 80px !important; }
.margin-xs-85b {
margin-bottom: 85px !important; }
.margin-xs-90b {
margin-bottom: 90px !important; }
.margin-xs-95b {
margin-bottom: 95px !important; }
.margin-xs-100b {
margin-bottom: 100px !important; }
.margin-xs-105b {
margin-bottom: 105px !important; }
.margin-xs-110b {
margin-bottom: 110px !important; }
.margin-xs-115b {
margin-bottom: 115px !important; }
.margin-xs-120b {
margin-bottom: 120px !important; }
.margin-xs-125b {
margin-bottom: 125px !important; }
.margin-xs-130b {
margin-bottom: 130px !important; }
.margin-xs-135b {
margin-bottom: 135px !important; }
.margin-xs-140b {
margin-bottom: 140px !important; }
.margin-xs-145b {
margin-bottom: 145px !important; }
.margin-xs-150b {
margin-bottom: 150px !important; }
.margin-xs-155b {
margin-bottom: 155px !important; }
.margin-xs-160b {
margin-bottom: 160px !important; }
.margin-xs-165b {
margin-bottom: 165px !important; }
.margin-xs-170b {
margin-bottom: 170px !important; }
.margin-xs-175b {
margin-bottom: 175px !important; }
.margin-xs-180b {
margin-bottom: 180px !important; }
.margin-xs-185b {
margin-bottom: 185px !important; }
.margin-xs-190b {
margin-bottom: 190px !important; }
.margin-xs-195b {
margin-bottom: 195px !important; }
.margin-xs-200b {
margin-bottom: 200px !important; }
.padding-xs-0t {
padding-top: 0px !important; }
.padding-xs-5t {
padding-top: 5px !important; }
.padding-xs-10t {
padding-top: 10px !important; }
.padding-xs-15t {
padding-top: 15px !important; }
.padding-xs-20t {
padding-top: 20px !important; }
.padding-xs-25t {
padding-top: 25px !important; }
.padding-xs-30t {
padding-top: 30px !important; }
.padding-xs-35t {
padding-top: 35px !important; }
.padding-xs-40t {
padding-top: 40px !important; }
.padding-xs-45t {
padding-top: 45px !important; }
.padding-xs-50t {
padding-top: 50px !important; }
.padding-xs-55t {
padding-top: 55px !important; }
.padding-xs-60t {
padding-top: 60px !important; }
.padding-xs-65t {
padding-top: 65px !important; }
.padding-xs-70t {
padding-top: 70px !important; }
.padding-xs-75t {
padding-top: 75px !important; }
.padding-xs-80t {
padding-top: 80px !important; }
.padding-xs-85t {
padding-top: 85px !important; }
.padding-xs-90t {
padding-top: 90px !important; }
.padding-xs-95t {
padding-top: 95px !important; }
.padding-xs-100t {
padding-top: 100px !important; }
.padding-xs-105t {
padding-top: 105px !important; }
.padding-xs-110t {
padding-top: 110px !important; }
.padding-xs-115t {
padding-top: 115px !important; }
.padding-xs-120t {
padding-top: 120px !important; }
.padding-xs-125t {
padding-top: 125px !important; }
.padding-xs-130t {
padding-top: 130px !important; }
.padding-xs-135t {
padding-top: 135px !important; }
.padding-xs-140t {
padding-top: 140px !important; }
.padding-xs-145t {
padding-top: 145px !important; }
.padding-xs-150t {
padding-top: 150px !important; }
.padding-xs-155t {
padding-top: 155px !important; }
.padding-xs-160t {
padding-top: 160px !important; }
.padding-xs-165t {
padding-top: 165px !important; }
.padding-xs-170t {
padding-top: 170px !important; }
.padding-xs-175t {
padding-top: 175px !important; }
.padding-xs-180t {
padding-top: 180px !important; }
.padding-xs-185t {
padding-top: 185px !important; }
.padding-xs-190t {
padding-top: 190px !important; }
.padding-xs-195t {
padding-top: 195px !important; }
.padding-xs-200t {
padding-top: 200px !important; }
.padding-xs-0b {
padding-bottom: 0px !important; }
.padding-xs-5b {
padding-bottom: 5px !important; }
.padding-xs-10b {
padding-bottom: 10px !important; }
.padding-xs-15b {
padding-bottom: 15px !important; }
.padding-xs-20b {
padding-bottom: 20px !important; }
.padding-xs-25b {
padding-bottom: 25px !important; }
.padding-xs-30b {
padding-bottom: 30px !important; }
.padding-xs-35b {
padding-bottom: 35px !important; }
.padding-xs-40b {
padding-bottom: 40px !important; }
.padding-xs-45b {
padding-bottom: 45px !important; }
.padding-xs-50b {
padding-bottom: 50px !important; }
.padding-xs-55b {
padding-bottom: 55px !important; }
.padding-xs-60b {
padding-bottom: 60px !important; }
.padding-xs-65b {
padding-bottom: 65px !important; }
.padding-xs-70b {
padding-bottom: 70px !important; }
.padding-xs-75b {
padding-bottom: 75px !important; }
.padding-xs-80b {
padding-bottom: 80px !important; }
.padding-xs-85b {
padding-bottom: 85px !important; }
.padding-xs-90b {
padding-bottom: 90px !important; }
.padding-xs-95b {
padding-bottom: 95px !important; }
.padding-xs-100b {
padding-bottom: 100px !important; }
.padding-xs-105b {
padding-bottom: 105px !important; }
.padding-xs-110b {
padding-bottom: 110px !important; }
.padding-xs-115b {
padding-bottom: 115px !important; }
.padding-xs-120b {
padding-bottom: 120px !important; }
.padding-xs-125b {
padding-bottom: 125px !important; }
.padding-xs-130b {
padding-bottom: 130px !important; }
.padding-xs-135b {
padding-bottom: 135px !important; }
.padding-xs-140b {
padding-bottom: 140px !important; }
.padding-xs-145b {
padding-bottom: 145px !important; }
.padding-xs-150b {
padding-bottom: 150px !important; }
.padding-xs-155b {
padding-bottom: 155px !important; }
.padding-xs-160b {
padding-bottom: 160px !important; }
.padding-xs-165b {
padding-bottom: 165px !important; }
.padding-xs-170b {
padding-bottom: 170px !important; }
.padding-xs-175b {
padding-bottom: 175px !important; }
.padding-xs-180b {
padding-bottom: 180px !important; }
.padding-xs-185b {
padding-bottom: 185px !important; }
.padding-xs-190b {
padding-bottom: 190px !important; }
.padding-xs-195b {
padding-bottom: 195px !important; }
.padding-xs-200b {
padding-bottom: 200px !important; } }
@media (max-width: 768px) {
.vc_row[data-vc-full-width] {
padding: 0; } }
/* buttons
---------------------------*/
.a-btn,
.a-btn-2 {
font-size: 11px;
line-height: 20px;
display: inline-block;
letter-spacing: 1.1px;
font-family: "Montserrat";
font-weight: bold;
box-sizing: border-box;
padding: 8px 20px;
text-transform: uppercase;
text-decoration: none;
-webkit-font-smoothing: antialiased; }
.a-btn {
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
border-left: none;
border-right: none;
color: #ffffff; }
.a-btn:hover {
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
color: #000;
background-color: #ffffff;
opacity: 1; }
.a-btn-2 {
border-top: 2px solid rgba(19, 19, 19, 0.5);
border-bottom: 2px solid rgba(19, 19, 19, 0.5);
color: #131313; }
.a-btn-2:hover {
border-top: 2px solid #131313;
border-bottom: 2px solid #131313;
border-left: none;
border-right: none;
color: #ffffff;
background-color: #131313;
opacity: 1; }
/* overlays
---------------------------*/
.overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.overlay-dark {
background-color: rgba(0, 0, 0, 0.25); }
.overlay-dark-2x {
background-color: rgba(0, 0, 0, 0.7); }
[class*="overlay-dark"] ~ *,
[class*="overlay-light"] ~ * {
position: relative; }
/* parallax images
---------------------------*/
[data-stellar-background-ratio] {
background-attachment: fixed;
background-size: cover;
background-position: center center;
position: relative; }
.bg-cover {
background-size: cover;
background-position: center; }
.bg-fixed {
background-attachment: fixed; }
@media (max-width: 1024px) {
[data-stellar-background-ratio] {
background-attachment: scroll;
background-position-y: center !important; }
.bg-fixed {
background-attachment: scroll; } }
/* bootstrap columns
---------------------------*/
.container,
section,
section > * {
position: relative; }
.container.no-padding [class*="col-"] {
padding: 0; }
.col-center {
float: none;
margin: 0 auto; }
.col-right {
float: right; }
.equal-height [class*="col-"] {
margin-bottom: 0; }
.pad-0 {
margin-bottom: 0; }
/* 02. PRELOADER
------------------------------*/
.animsition-loading {
background: none !important; }
.animsition-loading:after {
display: none !important; }
.animsition-loading:before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 40px;
left: 50%;
top: 50%;
margin-left: -20px;
margin-right: -20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1.0s infinite ease-in-out;
animation: scaleout 1.0s infinite ease-in-out; }
@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(0); }
100% {
-webkit-transform: scale(1);
opacity: 0; } }
@keyframes scaleout {
0% {
transform: scale(0);
-webkit-transform: scale(0); }
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0; } }
/* 03. HEADER
-------------------------*/
header {
position: relative;
width: 100%;
z-index: 999;
text-align: center; }
@media (max-width: 767px) {
header {
padding-top: 20px;
padding-bottom: 20px;
top: 0; }
header.right-menu {
top: 0; } }
header.absolute {
position: absolute;
margin-bottom: 0; }
header .logo {
margin-top: 20px;
margin-bottom: 15px; }
header a.logo {
text-decoration: none; }
iframe[name="advpp_manager"] {
position: absolute;
left: -9999px; }
.header_top_bg {
background-color: #ffffff; }
.header_top_bg.enable_fixed.fixed {
position: fixed;
z-index: 1000;
width: 100%;
top: 0; }
.header_trans-fixed.header_top_bg {
background-color: transparent;
position: fixed;
z-index: 1000;
width: 100%;
transition: background-color 300ms ease; }
.header_trans-fixed.header_top_bg.bg-fixed-color {
background-color: rgba(19, 19, 19, 0.8); }
.header_trans-fixed.header_top_bg.open {
background-color: #fff; }
@media (min-width: 768px) {
.header_trans-fixed #topmenu {
background-color: transparent; } }
/*Text logo*/
.top-menu {
padding-bottom: 10px; }
.top-menu .logo {
display: inline-block; }
.top-menu .logo span {
font-family: "BebasNeueRegular";
font-size: 22px;
line-height: 24px;
font-weight: 400;
letter-spacing: 1.76px;
min-width: 170px;
text-align: center;
background-color: transparent;
color: #131313;
display: inline-block; }
@media (min-width: 992px) {
.top-menu .logo span {
padding: 24px 10px; } }
@media (max-width: 991px) {
.top-menu .logo span {
padding: 15px 10px; } }
@media (min-width: 767px) {
.top-menu {
padding-top: 20px;
padding-bottom: 20px; } }
@media (min-width: 992px) {
.right-menu .logo {
float: left;
margin: 0; }
.right-menu .logo img {
margin-top: 13px; } }
.right-menu .logo span {
vertical-align: middle;
text-align: left;
margin-bottom: 13px;
font-family: "BebasNeueRegular";
font-size: 22px;
line-height: 24px;
font-weight: 400;
letter-spacing: 1.76px;
padding-top: 12px;
padding-bottom: 0;
margin: 0;
color: #131313; }
.header_trans-fixed.header_top_bg .logo span {
color: #fff; }
.header_trans-fixed.header_top_bg.open .logo span {
color: #131313; }
@media (min-width: 992px) {
.right-menu .logo span {
float: left; } }
/* 04. MENU
----------------*/
#topmenu {
width: 100%;
text-align: center;
background: #ffffff; }
#topmenu ul {
list-style: none;
margin: 0;
padding: 0;
display: inline-block; }
#topmenu ul li {
display: inline-block;
position: relative; }
#topmenu ul li a {
font-size: 12px;
font-family: "Montserrat", sans-serif;
color: #131313;
font-weight: 400;
display: block;
text-align: left;
text-transform: uppercase;
text-decoration: none;
padding: 0 20px 5px;
line-height: 45px;
letter-spacing: 0.96px;
transition: all .3s ease;
-webkit-font-smoothing: antialiased; }
.header_trans-fixed.header_top_bg #topmenu ul li a {
color: #fff; }
.header_trans-fixed.header_top_bg.open #topmenu ul li a {
color: #131313; }
.top-menu .napoli-top-social .fa-share-alt {
display: none; }
.top-menu #topmenu ul li a {
padding: 0;
margin-bottom: 5px; }
#topmenu .social .fa {
font-size: 15px; }
.top-menu .logo:hover {
opacity: 1 !important; }
.top-menu .logo img {
max-height: 100px; }
/*Sub menu*/
#topmenu ul ul {
position: absolute;
z-index: 999;
left: 0px;
top: 50px;
min-width: 215px;
display: none;
box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.2);
box-sizing: border-box; }
@media (min-width: 768px) {
#topmenu ul ul {
background-color: rgba(19, 19, 19, 0.8);
padding: 10px 0px; } }
@media (min-width: 768px) {
.top-menu #topmenu ul ul {
left: -20px; } }
@media (max-width: 767px) {
#topmenu ul li ul {
box-shadow: none;
font-style: normal; }
#topmenu ul {
box-shadow: none;
font-style: normal; } }
@media (min-width: 768px) {
#topmenu > ul > li > ul:before {
position: absolute;
content: '';
top: -5px;
left: 20px;
width: 0px;
height: 0px;
border-top: none;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-bottom: 5px solid rgba(19, 19, 19, 0.8); } }
@media (min-width: 768px) {
#topmenu ul ul li {
display: block;
margin-bottom: 5px; }
#topmenu ul ul li:last-child {
margin-bottom: 0; } }
@media (min-width: 768px) {
.top-menu #topmenu ul:not(.social) li {
margin: 0px 10px 5px 10px;
padding: 0; } }
@media (min-width: 992px) {
.top-menu #topmenu ul:not(.social) li {
margin: 0px 20px 5px 20px;
padding: 0; }
.top-menu #topmenu ul:not(.social) li li {
margin: 0px 0px 5px 0px;
padding: 0 20px; } }
#topmenu ul ul li::before {
content: '';
display: table;
clear: both; }
#topmenu ul ul li a {
font-size: 12px;
line-height: 26px;
padding: 0px 20px;
font-family: "Montserrat";
letter-spacing: 0.72px;
display: block;
width: 100%;
position: relative;
-webkit-font-smoothing: antialiased; }
@media (min-width: 768px) {
#topmenu ul ul li a {
color: #ffffff;
text-transform: none !important; } }
@media (min-width: 768px) {
#topmenu ul ul li.current-menu-item > a {
color: #c0af94; }
.header_trans-fixed.header_top_bg #topmenu ul ul li.current-menu-item > a {
color: #c0af94; } }
#topmenu ul ul li a::before {
content: none; }
#topmenu > ul > li > ul li:hover > ul {
display: block !important; }
#topmenu > ul > li > ul > li > ul {
left: 101%;
top: -15px; }
#topmenu > ul > li > ul > li > ul > li > ul {
left: 101%;
top: -15px; }
.mob-nav {
display: none;
width: 20px;
height: 20px;
margin: 0 auto 12px;
font-size: 14px;
color: #131313;
opacity: 1; }
.mob-nav:hover {
opacity: 0.7; }
.header_trans-fixed .mob-nav i {
color: #fff; }
.header_trans-fixed.open .mob-nav i {
color: #131313; }
@media (max-width: 767px) {
.top-menu .logo {
margin-bottom: 0;
margin-top: 0; }
.no-padd-mob {
padding: 0 !important; }
.right-menu #topmenu .menu li.menu-item-has-children > a,
#topmenu .menu li.menu-item-has-children > a {
position: relative; }
#topmenu ul li a:hover {
opacity: 1; }
.mob-nav {
display: block;
margin: 0;
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#topmenu {
display: none;
overflow-y: auto;
height: 100vh;
position: absolute;
padding-bottom: 84px;
margin-bottom: 50px;
text-align: left;
padding-top: 20px; }
#topmenu ul ul {
display: block;
position: static; }
#topmenu ul.menu > li > ul > li > ul {
display: block !important; }
#topmenu ul.menu {
width: 100%; }
#topmenu ul.menu li {
display: block !important;
float: none;
margin-bottom: 0px; }
#topmenu ul.menu li a {
padding: 5px 10px;
line-height: 25px;
display: block;
width: 100% !important;
float: none;
transition: all 0.5s ease; }
#topmenu ul.menu li a:hover {
opacity: 0.7;
transition: all 0.5s ease; }
/*1 level menu*/
#topmenu > ul.menu > li {
margin-bottom: 15px; }
#topmenu > ul.menu > li > a {
font-size: 14px; }
/*2 level menu*/
#topmenu > ul.menu > li > ul > li {
margin: 0px 15px;
border: 1px solid #f1f2f3;
margin-top: -1px; }
/*3 level menu*/
#topmenu > ul.menu > li > ul > li > ul > li {
margin: 0px 15px;
border: 1px solid #f1f2f3;
margin-top: -1px; }
#topmenu > ul.menu > li > ul > li > ul > li:last-child {
margin-bottom: 20px; }
#topmenu .social li a {
padding: 0px 10px !important;
line-height: 25px !important; } }
@media (min-width: 768px) {
#topmenu > ul > li:hover ul {
display: block; }
#topmenu > ul > li ul li:hover ul {
display: block; }
#topmenu {
display: block !important; }
#topmenu > ul > li > ul > li > ul {
left: -100%;
top: -15px; }
.sub-menu li a {
z-index: 1999; }
.pl30md {
padding-left: 30px !important;
padding-right: 0 !important; } }
@media (min-width: 768px) {
/*Top menu*/
.right-menu {
max-width: 1170px;
width: 100%;
margin: auto;
display: table;
padding: 22px 0 13px; }
.right-menu #topmenu {
text-align: right; }
.right-menu #topmenu ul ul {
left: 10px;
top: 100%; }
.right-menu #topmenu ul ul ul {
left: 100% !important;
top: -10px !important; }
.top-menu #topmenu ul ul {
left: -20px;
top: 100%; }
.top-menu #topmenu ul ul ul {
left: 100% !important;
top: -10px !important; }
.right-menu #topmenu > ul > li > ul > li > ul {
left: 100%;
top: -10px; }
.top-menu #topmenu > ul > li > ul > li > ul {
left: 100%;
top: -10px; }
.right-menu #topmenu .social {
text-align: right;
margin-left: 40px;
vertical-align: top; }
.right-menu #topmenu .social li a {
padding: 0;
margin-left: 18px; }
.right-menu #topmenu .social li a:hover {
opacity: 0.5;
transition: all 0.5s ease; }
.right-menu #topmenu .social li a::after,
.right-menu #topmenu .social li a::before {
content: none; }
.right-menu #topmenu > ul > li > a {
position: relative;
padding: 0 0 5px 0px;
margin-left: 30px; }
.right-menu #topmenu > ul > li > a:hover,
.top-menu #topmenu > ul > li > a:hover {
opacity: 1; }
.right-menu #topmenu > ul > li > a::before,
.top-menu #topmenu > ul > li > a::before {
position: absolute;
content: '';
width: 0%;
height: 4px;
bottom: 10px;
left: 0;
background-image: url("../images/menu-border.svg");
background-repeat-x: repeat;
z-index: 10;
transition: all 0.5s ease; }
.right-menu #topmenu > ul > li > a:hover::before,
.top-menu #topmenu > ul > li > a:hover::before {
width: 100%;
transition: all 0.5s ease; }
.right-menu #topmenu > ul > li.current-menu-item > a::before,
.top-menu #topmenu > ul > li.current-menu-item > a::before,
.right-menu #topmenu > ul > li.current-menu-parent > a::before,
.top-menu #topmenu > ul > li.current-menu-parent > a::before {
width: 0%; }
.right-menu #topmenu > ul > li.current-menu-item > a,
.top-menu #topmenu > ul > li.current-menu-item > a,
.right-menu #topmenu > ul > li.current-menu-parent > a,
.top-menu #topmenu > ul > li.current-menu-parent > a {
opacity: 0.7;
transition: all 0.5s ease; }
.right-menu .logo img {
margin-bottom: 12px;
max-height: 75px; } }
@media (max-width: 767px) {
.right-menu #topmenu .social {
display: block; }
.right-menu #topmenu .social li {
display: inline-block; }
.right-menu #topmenu .social li a {
padding: 0 10px 5px; } }
@media (min-width: 768px) and (max-width: 991px) {
.right-menu {
text-align: left; }
.right-menu .logo {
display: inline-block;
margin-top: 9px;
margin-bottom: 0; }
.right-menu #topmenu {
display: inline-block !important;
width: auto;
float: right; }
.right-menu #topmenu ul ul {
left: -5px; }
.right-menu #topmenu .menu > li > a {
margin-left: 15px; }
.right-menu #topmenu .social {
margin-left: 0px;
float: right; } }
/*================================================*/
/* TOP SOCIALS */
/*================================================*/
.napoli-top-social {
display: inline-block;
margin-left: 30px;
position: relative;
vertical-align: top; }
.napoli-top-social .social-icon {
display: none;
font-size: 12px;
line-height: 45px;
color: #131313;
opacity: 1;
padding: 0 10px;
cursor: pointer;
transition: opacity 0.3s ease;
position: relative;
z-index: 30; }
.header_trans-fixed .napoli-top-social .social-icon {
color: #fff; }
.napoli-top-social .social-icon:hover {
opacity: 0.7; }
.right-menu #topmenu .napoli-top-social .social {
margin-left: 0; }
#topmenu .social li {
display: inline-block;
margin-left: 12px; }
.right-menu #topmenu .napoli-top-social .social li a {
margin-left: 0;
color: #131313;
opacity: 1;
transition: opacity 0.3s ease; }
.header_trans-fixed .right-menu #topmenu .napoli-top-social .social li a {
color: #fff; }
.right-menu #topmenu .napoli-top-social .social:hover a {
opacity: 0.7; }
.right-menu #topmenu .napoli-top-social .social li a:hover {
opacity: 1; }
@media only screen and (max-width: 1199px) {
.napoli-top-social .social-icon {
display: inline-block; }
.right-menu #topmenu .napoli-top-social .social {
background-color: #fff;
position: absolute;
top: 100%;
left: 0;
min-width: 120px;
z-index: 25;
visibility: hidden;
opacity: 0;
text-align: left;
transition: visibility 0.3s ease, opacity 0.3s ease; }
.header_trans-fixed .right-menu #topmenu .napoli-top-social .social {
background-color: transparent; }
.right-menu #topmenu .napoli-top-social .social li {
margin-left: 10px; }
.right-menu #topmenu .napoli-top-social .social.active {
visibility: visible;
opacity: 1; }
.right-menu #topmenu .napoli-top-social .social li a {
line-height: 40px; } }
@media only screen and (max-width: 991px) {
.napoli-top-social {
margin-left: 10px; }
.right-menu #topmenu .napoli-top-social .social {
right: -10px;
left: auto; } }
@media (max-width: 991px) and (min-width: 768px) {
.right-menu #topmenu .menu > li > a {
margin-left: 7px !important; } }
@media only screen and (max-width: 767px) {
.napoli-top-social .social-icon {
display: none; }
.right-menu #topmenu .napoli-top-social .social {
position: static;
visibility: visible;
opacity: 1; }
.right-menu #topmenu .napoli-top-social .social li {
margin-left: 7px; }
.header_trans-fixed.open .right-menu #topmenu .napoli-top-social .social li a {
color: #131313; } }
/* 05. ARROW LINKS
--------------------------*/
.side-link {
display: inline-block;
position: fixed;
text-decoration: none;
top: 50%;
z-index: 9999;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.left.side-link {
left: 10px; }
.right.side-link {
right: 10px; }
.side-link .side-title {
font-family: 'Montserrat';
font-weight: 700;
text-align: center;
text-transform: uppercase;
width: 1em;
font-size: 18px;
line-height: 1.2;
transition: all .5s ease;
-webkit-font-smoothing: antialiased; }
.left.side-link .side-title {
margin-left: 10px; }
.right.side-link .side-title {
margin-right: 10px; }
.side-arrow:before,
.side-arrow:after {
content: "";
position: absolute;
width: 3px;
height: 50%;
background-color: #000;
transition: all .5s ease; }
.left .side-arrow:before,
.left .side-arrow:after {
left: 0px; }
.right .side-arrow:before,
.right .side-arrow:after {
right: 0px; }
.left .side-arrow:before {
bottom: 50%;
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left; }
.left .side-arrow:after {
top: 50%;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left; }
.right .side-arrow:before {
bottom: 50%;
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right; }
.right .side-arrow:after {
top: 50%;
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right; }
.left.side-link:hover .side-arrow:before {
height: 30px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.left.side-link:hover .side-arrow:after {
height: 30px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.left.side-link:hover .side-title {
margin-left: 40px;
opacity: 0; }
.right.side-link:hover .side-arrow:before {
height: 30px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.right.side-link:hover .side-arrow:after {
height: 30px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.right.side-link:hover .side-title {
margin-right: 40px;
opacity: 0; }
/* 06. HERO
------------------------*/
.hero {
width: 100%;
height: 40%;
position: relative;
background-size: cover;
background-position: center; }
.hero-inner {
position: relative;
height: 100vh; }
/* 07. HERO SLIDER
--------------------------*/
.hero-slider {
width: 100%;
height: 70%;
position: relative;
background-size: cover;
background-position: center; }
.hero-slider ul {
list-style: none !important; }
.hero-slider,
.hero-slider .slides,
.hero-slider .slides .slide {
margin: 0;
padding: 0; }
.hero-slider .slides .slide {
position: relative;
background-size: cover;
background-position: center;
overflow: hidden; }
.slide-caption {
position: absolute;
left: 50px;
bottom: 50px;
right: 50px;
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
transition: all 1s ease 1s; }
.flex-active-slide .slide-caption {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px); }
.flex-control-paging {
list-style: none;
line-height: 0;
margin: 10px 0 0;
z-index: 99999;
text-align: center; }
.flex-control-paging li {
display: inline-block;
margin: 5px;
border: 1px solid #000; }
.flex-control-paging li a {
display: block;
text-decoration: none;
text-indent: -9999px;
width: 8px;
height: 8px;
background: #ffffff;
border: 1px solid #ffffff;
cursor: pointer; }
.flex-control-paging li a.flex-active {
background: #000; }
/* 08. BANNER
--------------------------*/
.enable_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 20; }
.top-banner {
position: relative;
width: 100%;
height: 600px;
background-size: cover;
background-repeat: no-repeat;
transition: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background-attachment: scroll;
background-position: center top;
padding-left: 0;
padding-right: 0; }
.top-banner .fix-inner {
height: 690px;
width: 100%;
position: fixed;
top: 0px;
left: 0;
background-repeat: no-repeat;
background-position: center;
z-index: -2; }
.top-banner .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 20; }
@media (max-width: 992px) {
.top-banner .fix-inner {
height: 100vh; } }
@media (max-width: 480px) {
.top-banner {
text-align: center; } }
.top-banner.banner-dark .title,
.top-banner.banner-dark .subtitle,
.top-banner.banner-dark .descr {
color: #333; }
.top-banner h4.subtitle {
font-size: 12px;
line-height: 20px; }
.top-banner h6.title,
.top-banner h6.subtitle {
font-style: normal; }
.top-banner .subtitle {
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-weight: 400;
letter-spacing: 2.4px;
margin-bottom: 40px;
padding-top: 150px;
-webkit-font-smoothing: antialiased; }
.top-banner.left_content .subtitle {
color: #c0af94; }
.top-banner.center_content .subtitle {
margin-bottom: 31px;
color: #c0af94; }
@media (max-width: 480px) {
.top-banner .subtitle {
padding-top: 30px; } }
.top-banner h5 {
font-size: 36px; }
.top-banner h1 {
font-size: 70px; }
.top-banner .title {
line-height: 40px;
letter-spacing: 5.6px;
font-family: "BebasNeueBook";
font-weight: 300;
margin-bottom: 20px; }
.top-banner.center_content .title {
margin-bottom: 25px;
color: #131313; }
.top-banner.center_content.banner-dark .title {
color: #131313; }
.top-banner.center_content.banner-light .title {
color: #fff; }
@media (max-width: 767px) {
.top-banner .title {
font-size: 40px;
line-height: 50px; } }
.top-banner .descr {
font-size: 14px;
line-height: 28px;
font-family: "Libre Baskerville", sans-serif;
color: #ffffff;
font-weight: 400;
letter-spacing: 1.12px;
max-width: 510px; }
.top-banner.center_content .descr {
margin-left: auto;
margin-right: auto;
max-width: 970px;
color: #888888; }
.vertical-align {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.top-banner .a-btn {
margin-top: 30px !important; }
/*Top banner full height*/
.top-banner.full-height .container .subtitle {
padding-top: 0; }
/* 09. BANNER WITH GALLERY
------------------------*/
.banner-gallery {
position: relative; }
.banner-gallery .content-wrap {
position: absolute;
background-color: #ffffff; }
.banner-gallery .content-wrap .content {
left: 0;
padding: 15px 70px; }
.banner-gallery .content-wrap .title {
font-size: 60px;
font-family: "BebasNeueBook", sans-serif;
color: #131313;
font-weight: 400;
line-height: 80px;
letter-spacing: 5.6px;
margin-bottom: 20px; }
.banner-gallery .content-wrap .description {
font-size: 14px;
line-height: 28px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
max-width: 430px;
margin: auto;
letter-spacing: 1.12px; }
.banner-gallery .content-wrap .button {
margin-left: auto;
margin-top: 31px; }
.banner-list {
display: block;
width: 100%;
margin: 0 !important; }
.banner-list:before,
.banner-list:after {
content: '';
display: table; }
.banner-list li {
-webkit-perspective: 400px;
-o-perspective: 400px;
-ms-perspective: 400px;
perspective: 400px;
margin: 0;
padding: 0;
float: left;
position: relative;
display: block;
overflow: hidden;
background: #000; }
.banner-list li span {
display: block;
outline: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
box-sizing: content-box; }
/* 10. CALL TO ACTION
-----------------------------*/
.action-wrap {
padding: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.action {
background-color: #ffffff;
padding: 27px 300px 28px 50px;
position: relative; }
.action .title {
font-size: 18px;
font-family: "Libre Baskerville", sans-serif;
color: #131313;
font-weight: bold;
letter-spacing: 1.4px;
margin-bottom: 6px;
line-height: 24px; }
.action .subtitle {
font-size: 12px;
font-family: "Montserrat", sans-serif;
color: #131313;
opacity: .9;
padding-left: 2px;
letter-spacing: .63px;
line-height: 20px; }
.action .button {
position: absolute;
right: 49px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 1px 68px;
font-weight: 500; }
/* 11. ABOUT SECTION
-----------------------------*/
.about-section {
position: relative;
min-height: 420px;
background-color: #f2f2f2;
display: flex;
align-items: flex-start; }
@media (max-width: 767px) {
.about-section {
padding: 15px;
padding-bottom: 30px;
text-align: center;
display: block;
margin-left: auto; } }
.about-section .person-wrap {
height: 420px;
width: 500px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-right: 70px; }
@media (max-width: 1199px) {
.about-section .person-wrap {
width: 400px;
margin-right: 60px; } }
@media (max-width: 991px) {
.about-section .person-wrap {
width: 345px;
margin-right: 30px; } }
@media (max-width: 767px) {
.about-section .person-wrap {
float: none;
width: 100%;
max-width: 480px;
height: 300px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto; } }
.about-section .content {
padding-top: 60px;
padding-right: 70px;
width: 50%; }
@media (max-width: 991px) {
.about-section .content {
padding-top: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.about-section .content {
padding: 0px;
max-width: 480px;
width: 100%;
margin-left: auto;
margin-right: auto; } }
.about-section .subtitle {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.4px;
color: #c0af94;
font-style: normal;
font-weight: 400;
margin-bottom: 30px;
-webkit-font-smoothing: antialiased; }
.about-section .title {
font-size: 36px;
font-family: "BebasNeueRegular", sans-serif;
font-weight: 400;
line-height: 40px;
letter-spacing: 2.88px;
margin-bottom: 20px;
color: #131313; }
.about-section .descr,
.about-section p {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
line-height: 28px;
font-weight: 400;
letter-spacing: 1.12px;
color: #888888;
margin-bottom: 30px;
-ms-word-wrap: break-word;
word-wrap: break-word; }
.about-section .a-btn-2 {
color: #131313; }
.about-section .a-btn-2:hover {
color: #ffffff; }
/* 12. PORTFOLIO
-----------------------------*/
/*Gridrotator - Fallback css*/
.ri-grid {
width: 600px; }
.ri-grid ul li,
.ri-grid ul li a {
width: 100px;
height: 100px; }
.ri-grid ul li a img {
width: 100%; }
.ri-grid {
margin: 30px auto 30px;
position: relative;
height: auto; }
.ri-grid ul {
list-style: none;
display: block;
width: 100%;
margin: 0;
padding: 0; }
/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.ri-grid ul:before,
.ri-grid ul:after {
content: '';
display: table; }
.ri-grid ul:after {
clear: both; }
.ri-grid ul {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
.ri-grid ul li {
-webkit-perspective: 400px;
-o-perspective: 400px;
-ms-perspective: 400px;
perspective: 400px;
margin: 0;
padding: 0;
float: left;
position: relative;
display: block;
overflow: hidden;
background: #000; }
.ri-grid ul li a {
display: block;
outline: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
background-color: #333;
box-sizing: content-box; }
/* Grid wrapper sizes */
.ri-grid-size-1 {
width: 55%; }
.ri-grid-size-2 {
width: 100%; }
.ri-grid-size-3 {
width: 100%;
margin-top: 0px; }
/* Shadow style */
.ri-shadow:after,
.ri-shadow:before {
content: "";
position: absolute;
z-index: -2;
bottom: 15px;
left: 10px;
width: 50%;
height: 20%;
max-width: 300px;
max-height: 100px;
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg); }
.ri-shadow:after {
right: 10px;
left: auto;
-webkit-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg); }
.ri-grid-loading:after,
.ri-grid-loading:before {
display: none; }
.ri-loading-image {
display: none; }
.ri-grid-loading .ri-loading-image {
position: relative;
width: 30px;
height: 30px;
left: 50%;
margin: 100px 0 0 -15px;
display: block; }
.gallery-item {
display: block;
height: 180px;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden; }
.gallery-item.three {
height: 280px; }
.gallery-item.two {
height: 320px; }
@media (max-width: 600px) {
.gallery-item.two {
height: 250px; } }
.gallery-item:hover {
opacity: 1; }
.gallery-item .info-content {
background-color: rgba(19, 19, 19, 0.3);
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
text-align: center;
transition: all 500ms ease;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
.gallery-item .info-content h5 {
font-family: "BebasNeueRegular";
font-size: 24px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
letter-spacing: 1.92px; }
.gallery-item:hover .info-content {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%); }
.modern .gallery-item {
height: auto;
text-align: center; }
.modern .gallery-item img {
width: 100%; }
.modern .gallery-item .info-content {
background-color: rgba(19, 19, 19, 0.3); }
.modern .gallery-item .info-content h5 {
font-family: "BebasNeueRegular";
font-size: 24px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
letter-spacing: 1.92px; }
/* Full with gallery */
.fullwidth.full-single {
width: 20%;
display: block;
float: left; }
.fullwidth .gallery-item {
margin: 0 5px 10px 5px;
height: auto;
width: calc(100% - 10px);
box-sizing: border-box; }
.fullwidth .gallery-item img {
width: auto; }
.fullwidth .gallery-item .info-content {
height: 100%;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
background-color: rgba(255, 255, 255, 0.9); }
.fullwidth .gallery-item .info-content h5 {
letter-spacing: 1.1px;
margin-bottom: 6px;
color: #131313; }
.fullwidth .gallery-item .info-content .subtitle {
font-size: 10px;
font-family: "Montserrat", sans-serif;
color: #131313;
text-transform: uppercase;
line-height: 2;
letter-spacing: 2.6px; }
.fullwidth .gallery-item:hover .info-content {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%); }
.full-single:nth-child(14n+1) {
width: 20%; }
.full-single:nth-child(14n+1) .gallery-item {
height: 227px; }
.full-single:nth-child(14n+2) {
width: 40%; }
.full-single:nth-child(14n+2) .gallery-item {
height: 227px; }
.full-single:nth-child(14n+3) {
width: 40%; }
.full-single:nth-child(14n+3) .gallery-item {
height: 464px; }
.full-single:nth-child(14n+4) {
width: 20%; }
.full-single:nth-child(14n+4) .gallery-item {
height: 227px; }
.full-single:nth-child(14n+5) {
width: 40%; }
.full-single:nth-child(14n+5) .gallery-item {
height: 464px; }
.full-single:nth-child(14n+6) {
width: 20%; }
.full-single:nth-child(14n+6) .gallery-item {
height: 464px; }
.full-single:nth-child(14n+7) {
width: 20%; }
.full-single:nth-child(14n+7) .gallery-item {
height: 227px; }
.full-single:nth-child(14n+8) {
width: 20%; }
.full-single:nth-child(14n+8) .gallery-item {
height: 464px; }
.full-single:nth-child(14n+9) {
width: 20%; }
.full-single:nth-child(14n+9) .gallery-item {
height: 227px; }
.full-single:nth-child(14n+10) {
width: 40%; }
.full-single:nth-child(14n+10) .gallery-item {
height: 464px; }
.full-single:nth-child(14n+11) {
width: 40%; }
.full-single:nth-child(14n+11) .gallery-item {
height: 464px; }
.full-single:nth-child(14n+12) {
width: 20%; }
.full-single:nth-child(14n+12) .gallery-item {
height: 227px; }
.full-single:nth-child(14n+13) {
width: 20%; }
.full-single:nth-child(14n+13) .gallery-item {
height: 227px; }
.full-single:nth-child(14n+14) {
width: 40%; }
.full-single:nth-child(14n+14) .gallery-item {
height: 227px; }
.portfolio-wrapper {
margin-bottom: 0px;
padding: 0; }
@media (max-width: 991px) {
.full-single:nth-child(14n+1) {
width: 20%; }
.full-single:nth-child(14n+1) .gallery-item {
height: 142px; }
.full-single:nth-child(14n+2) {
width: 40%; }
.full-single:nth-child(14n+2) .gallery-item {
height: 142px; }
.full-single:nth-child(14n+3) {
width: 40%; }
.full-single:nth-child(14n+3) .gallery-item {
height: 294px; }
.full-single:nth-child(14n+4) {
width: 20%; }
.full-single:nth-child(14n+4) .gallery-item {
height: 142px; }
.full-single:nth-child(14n+5) {
width: 40%; }
.full-single:nth-child(14n+5) .gallery-item {
height: 294px; }
.full-single:nth-child(14n+6) {
width: 20%; }
.full-single:nth-child(14n+6) .gallery-item {
height: 294px; }
.full-single:nth-child(14n+7) {
width: 20%; }
.full-single:nth-child(14n+7) .gallery-item {
height: 142px; }
.full-single:nth-child(14n+8) {
width: 20%; }
.full-single:nth-child(14n+8) .gallery-item {
height: 294px; }
.full-single:nth-child(14n+9) {
width: 20%; }
.full-single:nth-child(14n+9) .gallery-item {
height: 142px; }
.full-single:nth-child(14n+10) {
width: 40%; }
.full-single:nth-child(14n+10) .gallery-item {
height: 294px; }
.full-single:nth-child(14n+11) {
width: 40%; }
.full-single:nth-child(14n+11) .gallery-item {
height: 294px; }
.full-single:nth-child(14n+12) {
width: 20%; }
.full-single:nth-child(14n+12) .gallery-item {
height: 142px; }
.full-single:nth-child(14n+13) {
width: 20%; }
.full-single:nth-child(14n+13) .gallery-item {
height: 142px; }
.full-single:nth-child(14n+14) {
width: 40%; }
.full-single:nth-child(14n+14) .gallery-item {
height: 142px; } }
@media (max-width: 767px) {
.full-single:nth-child(14n+1), .full-single:nth-child(14n+2),
.full-single:nth-child(14n+3), .full-single:nth-child(14n+4),
.full-single:nth-child(14n+5), .full-single:nth-child(14n+6),
.full-single:nth-child(14n+7), .full-single:nth-child(14n+8),
.full-single:nth-child(14n+9), .full-single:nth-child(14n+10),
.full-single:nth-child(14n+11), .full-single:nth-child(14n+12),
.full-single:nth-child(14n+13), .full-single:nth-child(14n+14) {
width: 50%; }
.full-single:nth-child(14n+1) .gallery-item, .full-single:nth-child(14n+2) .gallery-item,
.full-single:nth-child(14n+3) .gallery-item, .full-single:nth-child(14n+4) .gallery-item,
.full-single:nth-child(14n+5) .gallery-item, .full-single:nth-child(14n+6) .gallery-item,
.full-single:nth-child(14n+7) .gallery-item, .full-single:nth-child(14n+8) .gallery-item,
.full-single:nth-child(14n+9) .gallery-item, .full-single:nth-child(14n+10) .gallery-item,
.full-single:nth-child(14n+11) .gallery-item, .full-single:nth-child(14n+12) .gallery-item,
.full-single:nth-child(14n+13) .gallery-item, .full-single:nth-child(14n+14) .gallery-item {
height: 370px; } }
@media (max-width: 480px) {
.full-single:nth-child(14n+1), .full-single:nth-child(14n+2),
.full-single:nth-child(14n+3), .full-single:nth-child(14n+4),
.full-single:nth-child(14n+5), .full-single:nth-child(14n+6),
.full-single:nth-child(14n+7), .full-single:nth-child(14n+8),
.full-single:nth-child(14n+9), .full-single:nth-child(14n+10),
.full-single:nth-child(14n+11), .full-single:nth-child(14n+12),
.full-single:nth-child(14n+13), .full-single:nth-child(14n+14) {
width: 100%; } }
/*Portfolio simple*/
.vc_row-fluid[data-vc-full-width=true] .portfolio {
margin-left: 0px !important;
margin-right: 0px !important;
padding: 0px 20px; }
@media (max-width: 991px) {
.portfolio {
padding: 0px 10px; } }
@media (max-width: 767px) {
.portfolio {
padding: 0px 15px; } }
.item {
float: left;
display: block; }
.portfolio .item {
height: 250px; }
.item .item-img {
margin-left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.item:after {
padding-top: 0%;
display: block;
content: ""; }
/* 2;4 column items */
.col-2 .item {
width: 50%; }
.col-4 .item {
width: 25%; }
.portfolio-gallery.gallery-single {
margin: 0 -15px; }
.item.item-singe {
min-height: 270px; }
.portfolio .item {
max-height: 270px !important; }
@media (max-width: 991px) {
.item {
width: 50% !important; }
[data-space] .item-img {
margin-top: 0px !important; } }
@media (max-width: 767px) {
.item {
width: 100% !important; } }
.item-link {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow: hidden;
transition: all 0.5s ease; }
.portfolio .item-link {
margin: 0px 10px 20px 10px !important; }
@media (max-width: 767px) {
.portfolio .item-link {
margin: 0px !important;
margin-bottom: 30px !important; } }
.portfolio.classic .item-link {
margin: 0px 15px 30px 15px !important; }
@media (max-width: 767px) {
.portfolio.classic .item-link {
margin: 0px !important;
margin-bottom: 30px !important; } }
.item-link:hover {
opacity: 1; }
.item-img {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: 0; }
.item-img .images {
width: 33.33%;
height: 33.33%;
float: left;
position: relative;
display: block;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.item-img .images-one {
display: block;
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.item-overlay {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
transition: all .5s ease; }
.item-overlay > h5 {
position: absolute;
left: 0;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
line-height: 30px;
font-weight: 400;
font-family: "BebasNeueRegular";
color: #ffffff;
text-align: center; }
.portfolio.simple .item-link.yes {
opacity: 1; }
.portfolio.simple .item-link.yes .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.5s ease; }
.portfolio.simple .item-link.yes .item-overlay {
opacity: 0;
transition: all 0.5s ease; }
.portfolio.simple .item-link.yes:hover .item-img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.portfolio.simple .item-link.yes:hover .item-overlay {
opacity: 1; }
.portfolio.classic .item-link.yes {
opacity: 1; }
.portfolio.classic .item-link.yes .item-overlay {
opacity: 0;
transition: all 0.5s ease; }
.portfolio.classic .item-link.yes:hover .item-overlay {
opacity: 1; }
.portfolio.grid .item-link.yes {
opacity: 1; }
.portfolio.grid .item-link.yes .item-overlay {
opacity: 0.3; }
.portfolio.grid .item-link.yes:hover .item-overlay {
opacity: 0; }
.portfolio.big_gap .item-link.yes .item-overlay {
opacity: 0; }
.portfolio.big_gap .item-link.yes:hover .item-overlay {
opacity: 1; }
/*Potfolio classic */
.classic .item-overlay {
transition: all 0.5s ease; }
.classic .item-overlay h5 {
color: #ffffff;
font-weight: 500;
letter-spacing: 1.6px; }
.portfolio.classic .item {
height: 400px;
max-height: 400px !important; }
.portfolio.classic .item-link {
min-height: 370px;
height: 370px; }
/*Potfolio classic BIG*/
.portfolio.classic.big .item {
height: 523px;
max-height: 523px !important; }
.portfolio.classic.big .item-link {
min-height: 493px;
height: 493px; }
.portfolio.classic.big .item-overlay {
background-color: #f2f2f2;
opacity: 0;
transition: opacity 0.5s ease; }
.portfolio.classic.big .item-link:hover .item-overlay {
opacity: 0.9; }
.portfolio.classic.big .portfolio-title {
position: absolute;
top: auto;
left: 45px;
bottom: 50px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
text-align: left;
font-size: 24px;
line-height: 30px;
font-weight: 500;
letter-spacing: 1.6px;
opacity: 0;
transition: opacity 0.5s ease;
color: #131313; }
.portfolio.classic.big .item-link:hover .portfolio-title {
opacity: 1; }
.portfolio.classic.big .categories {
position: absolute;
top: auto;
left: 45px;
bottom: 30px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 0;
transition: opacity 0.5s ease;
font-family: "Montserrat",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-top: 0;
letter-spacing: 2.4px;
margin-bottom: 0;
text-decoration: none;
color: #c0af94; }
.portfolio.classic.big .item-link:hover .categories {
opacity: 1; }
@media (max-width: 1199px) {
.portfolio.classic.big .item {
height: 400px;
max-height: 400px !important; }
.portfolio.classic.big .item-link {
min-height: 370px;
height: 370px; } }
/*Potfolio Big Gap */
.portfolio.big_gap .item {
height: 575px;
max-height: 575px !important; }
.portfolio.big_gap .item-link {
min-height: 495px;
height: 495px;
margin: 0px 40px 80px 40px !important; }
.portfolio.big_gap .item.block_item_0 {
height: 905px;
max-height: 905px !important; }
.portfolio.big_gap .item.block_item_0 .item-link {
height: 825px;
min-height: 825px; }
.portfolio.big_gap .item.block_item_1 {
height: 445px;
max-height: 445px !important; }
.portfolio.big_gap .item.block_item_1 .item-link {
height: 365px;
min-height: 365px; }
.portfolio.big_gap .item.block_item_2 {
height: 850px;
max-height: 850px !important; }
.portfolio.big_gap .item.block_item_2 .item-link {
height: 770px;
min-height: 770px; }
.portfolio.big_gap .item.block_item_4 {
height: 625px;
max-height: 625px !important; }
.portfolio.big_gap .item.block_item_4 .item-link {
height: 545px;
min-height: 545px; }
.portfolio.big_gap .item.block_item_5 {
height: 900px;
max-height: 900px !important; }
.portfolio.big_gap .item.block_item_5 .item-link {
height: 820px;
min-height: 820px; }
.portfolio.big_gap .item.block_item_6 {
height: 460px;
max-height: 460px !important; }
.portfolio.big_gap .item.block_item_6 .item-link {
height: 380px;
min-height: 380px; }
.portfolio.big_gap .portfolio-title {
position: absolute;
top: auto;
left: 70px;
bottom: 108px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
text-align: left;
font-size: 24px;
line-height: 30px;
font-weight: 500;
letter-spacing: 1.6px;
opacity: 0;
transition: opacity 0.5s ease;
color: #ffffff; }
.portfolio.big_gap .item-link:hover .portfolio-title {
opacity: 1; }
.portfolio.big_gap .big_gap_share {
position: absolute;
bottom: 52px;
left: 60px;
margin: 0;
list-style-type: none;
opacity: 0;
transition: opacity 0.5s ease; }
.portfolio.big_gap .big_gap_share li {
display: inline-block;
margin: 10px 3px; }
.portfolio.big_gap .big_gap_share li:first-child {
margin-left: 0; }
.portfolio.big_gap .big_gap_share li button {
font-family: 'FontAwesome';
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #ffffff;
text-decoration: none;
padding: 0 10px;
background-color: transparent;
border: none;
border-color: transparent;
transition: opacity 0.3 s ease; }
.portfolio.big_gap .big_gap_share:hover li button {
opacity: 0.7; }
.portfolio.big_gap .big_gap_share:hover li button:hover {
opacity: 1; }
.portfolio.big_gap .item-link:hover .big_gap_share {
opacity: 1; }
@media (max-width: 991px) {
.portfolio.big_gap .portfolio-title {
left: 30px;
bottom: 100px; }
.portfolio.big_gap .big_gap_share {
left: 20px;
bottom: 30px; } }
@media (max-width: 767px) {
.portfolio.big_gap .item-link {
margin: 0px 40px 30px 40px !important;
height: 370px;
min-height: 370px; }
.portfolio.big_gap .item {
height: 400px;
max-height: 400px !important; }
.portfolio.big_gap .item.block_item_0, .portfolio.big_gap .item.block_item_1,
.portfolio.big_gap .item.block_item_2, .portfolio.big_gap .item.block_item_3,
.portfolio.big_gap .item.block_item_4, .portfolio.big_gap .item.block_item_5,
.portfolio.big_gap .item.block_item_6 {
height: 400px;
max-height: 400px !important; }
.portfolio.big_gap .item.block_item_0 .item-link, .portfolio.big_gap .item.block_item_1 .item-link,
.portfolio.big_gap .item.block_item_2 .item-link, .portfolio.big_gap .item.block_item_3 .item-link,
.portfolio.big_gap .item.block_item_4 .item-link, .portfolio.big_gap .item.block_item_5 .item-link,
.portfolio.big_gap .item.block_item_6 .item-link {
height: 370px;
min-height: 370px; } }
/*Potfolio Masonry */
.portfolio.masonry .item {
max-height: none !important;
height: auto; }
.portfolio.masonry .item-link {
position: relative;
display: block;
margin: 0 15px 7px 15px !important; }
.portfolio.masonry .item-link img {
width: 100%; }
.portfolio.masonry .item-overlay {
background-color: #000000;
opacity: 0;
transition: opacity 0.5s ease; }
.portfolio.masonry .item-link:hover .item-overlay {
background-color: #000000;
opacity: 0.3; }
.portfolio.masonry .item-portfolio-content {
margin: 0 15px 24px 15px;
text-align: center;
max-height: 56px;
overflow: hidden; }
.portfolio.masonry .item-portfolio-content .portfolio-title {
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #131313;
margin-bottom: 0; }
.portfolio.masonry .item-portfolio-content .portfolio-title a {
text-decoration: none;
color: inherit; }
/*Portfolio Grid */
.portfolio.grid .item {
padding-top: 305px;
max-height: none !important;
height: auto; }
.portfolio.grid .item-link {
height: 280px; }
.portfolio.grid .item-overlay {
background-color: #000000;
opacity: 0;
transition: opacity 0.5s ease; }
.portfolio.grid .item-link:hover .item-overlay {
background-color: #000000;
opacity: 0.3; }
.portfolio.grid .item-portfolio-content {
display: block;
margin: 0px 10px 35px 10px;
text-align: center;
overflow: hidden;
max-height: 56px; }
.portfolio.grid .item-portfolio-content .portfolio-title {
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #131313;
margin-bottom: 0; }
.portfolio.grid .item-portfolio-content .portfolio-title a {
text-decoration: none; }
.portfolio.grid .item-portfolio-content .category {
color: #c0af94; }
.portfolio.grid .item-portfolio-content .category a {
font-family: "Montserrat",sans-serif;
color: #c0af94;
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-top: 0;
letter-spacing: 2.4px;
margin-bottom: 30px;
text-decoration: none; }
/*Hover styles*/
/*Default hover*/
.portfolio.simple .item-link .item-img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease; }
.item-link:hover .item-overlay {
opacity: 0;
transition: all 0.5s ease; }
/* .gallery-single .gallery-item:hover .item-img, */
.portfolio.simple .item-link:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.5s ease; }
/*Hover 1 - Zoom out*/
.gallery-single .gallery-item.hover1 .item-img,
.portfolio .item-link.hover1 .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
width: 120%;
height: 100%;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
left: -10%;
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover1:hover .item-img,
.portfolio .item-link.hover1:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
left: 0;
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover1.yes .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
left: 0;
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover1.yes:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
width: 120%;
height: 100%;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
left: -10%;
transition: all 0.5s ease-in-out; }
/*Hover 2 - Slide*/
.gallery-single .gallery-item.hover2 .item-img,
.portfolio .item-link.hover2 .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
width: 120% !important;
left: -20%;
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover2:hover .item-img,
.portfolio .item-link.hover2:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
left: 0%;
width: 120%;
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover2 .info-content {
left: -7%; }
.portfolio .item-link.hover2.yes .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
left: 0%;
width: 120%;
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover2.yes:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
width: 120% !important;
left: -20%;
transition: all 0.5s ease-in-out; }
/*Hover 3 - Rotate (+ zoom out)*/
.gallery-single .gallery-item.hover3 .item-img,
.portfolio .item-link.hover3 .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: rotate(15deg) scale(1.4);
-ms-transform: rotate(15deg) scale(1.4);
transform: rotate(15deg) scale(1.4);
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover3:hover .item-img,
.portfolio .item-link.hover3:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover3.yes .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover3.yes:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: rotate(15deg) scale(1.4);
-ms-transform: rotate(15deg) scale(1.4);
transform: rotate(15deg) scale(1.4);
transition: all 0.5s ease-in-out; }
/*Hover 4 - Blur*/
.gallery-single .gallery-item.hover4 .item-img,
.portfolio .item-link.hover4 .item-img {
-webkit-filter: grayscale(0%) blur(3px);
filter: grayscale(0%) blur(3px);
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover4:hover .item-img,
.portfolio .item-link.hover4:hover .item-img {
-webkit-filter: grayscale(0%) blur(0px);
filter: grayscale(0%) blur(0px);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover4.yes .item-img {
-webkit-filter: grayscale(0%) blur(0px);
filter: grayscale(0%) blur(0px);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover4.yes:hover .item-img {
-webkit-filter: grayscale(0%) blur(3px);
filter: grayscale(0%) blur(3px);
transition: all 0.5s ease-in-out; }
/*Hover 5 - Greyscale*/
.gallery-single .gallery-item.hover5 .item-img,
.portfolio .item-link.hover5 .item-img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover5:hover .item-img,
.portfolio .item-link.hover5:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover5.yes .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover5.yes:hover .item-img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.5s ease-in-out; }
/*Hover 6 - Sepia*/
.gallery-single .gallery-item.hover6 .item-img,
.portfolio .item-link.hover6 .item-img {
-webkit-filter: sepia(100%) grayscale(0%);
filter: sepia(100%) grayscale(0%);
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover6:hover .item-img,
.portfolio .item-link.hover6:hover .item-img {
-webkit-filter: sepia(0%) grayscale(0%);
filter: sepia(0%) grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover6.yes .item-img {
-webkit-filter: sepia(0%) grayscale(0%);
filter: sepia(0%) grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover6.yes:hover .item-img {
-webkit-filter: sepia(100%) grayscale(0%);
filter: sepia(100%) grayscale(0%);
transition: all 0.5s ease-in-out; }
/*Hover 7 - Blur + Greyscale*/
.gallery-single .gallery-item.hover7 .item-img,
.portfolio .item-link.hover7 .item-img {
-webkit-filter: blur(0px) grayscale(0%);
filter: blur(0px) grayscale(0%);
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover7:hover .item-img,
.portfolio .item-link.hover7:hover .item-img {
-webkit-filter: blur(3px) grayscale(100%);
filter: blur(3px) grayscale(100%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover7.yes .item-img {
-webkit-filter: blur(3px) grayscale(100%);
filter: blur(3px) grayscale(100%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover7.yes:hover .item-img {
-webkit-filter: blur(0px) grayscale(0%);
filter: blur(0px) grayscale(0%);
transition: all 0.5s ease-in-out; }
/*Hover 8 - Opacity*/
.gallery-single .gallery-item.hover8 .item-img,
.portfolio .item-link.hover8 .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover8:hover .item-img,
.portfolio .item-link.hover8:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0.5;
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover8.yes .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0.5;
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover8.yes:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
transition: all 0.5s ease-in-out; }
/*Hover 9 - Shine*/
@-webkit-keyframes shine {
100% {
left: 125%; } }
.gallery-single .gallery-item.hover9 .item-img,
.portfolio .item-link.hover9 .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover9 .item-img::before,
.portfolio .item-link.hover9 .item-img::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg); }
.gallery-single .gallery-item.hover9:hover .item-img,
.portfolio .item-link.hover9:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.gallery-single .gallery-item.hover9:hover .item-img::before,
.portfolio .item-link.hover9:hover .item-img::before {
-webkit-animation: shine .75s;
animation: shine .75s; }
.portfolio .item-link.hover9.yes .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover9.yes .item-img::before {
-webkit-animation: shine .75s;
animation: shine .75s;
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg); }
.portfolio .item-link.hover9.yes:hover .item-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: all 0.5s ease-in-out; }
.portfolio .item-link.hover9.yes:hover .item-img::before {
-webkit-animation: none;
animation: none; }
/*Gallery protected page*/
.single-proof_gallery .single-content > .title,
.single-proof_gallery .title {
font-size: 36px;
line-height: 40px;
letter-spacing: 2.88px;
font-weight: 400;
font-family: "BebasNeueRegular";
color: #131313;
margin: 0;
padding-top: 35px; }
@media (max-width: 767px) {
.single-proof_gallery .single-content > .title,
.single-proof_gallery .title {
padding-top: 20px;
text-align: center; } }
.single-proof_gallery .date-post {
display: none; }
.single-proof_gallery .single-content .post-info {
display: none; }
.single-proof_gallery .pixproof-data {
margin-bottom: 75px; }
@media (max-width: 1199px) {
.single-proof_gallery .pixproof-data {
margin-bottom: 60px; } }
@media (max-width: 991px) {
.single-proof_gallery .pixproof-data {
margin-bottom: 50px;
text-align: center; } }
@media (max-width: 767px) {
.single-proof_gallery .pixproof-data {
text-align: center; } }
.single-proof_gallery .pixproof-data .grid {
font-size: 0px; }
.single-proof_gallery .pixproof-data .grid__item {
display: inline-block;
vertical-align: top;
width: auto; }
@media (max-width: 767px) {
.single-proof_gallery .pixproof-data .grid__item {
display: block; } }
.single-proof_gallery .pixproof-data .grid__item .entry__meta-box {
display: inline-block;
vertical-align: bottom;
line-height: 20px; }
.single-proof_gallery .pixproof-data .grid__item .entry__meta-box span {
font-size: 14px;
line-height: 20px;
font-family: "Libre Baskerville";
letter-spacing: 1.12px;
color: #888888;
display: inline-block;
vertical-align: top;
padding-top: 25px;
padding-right: 40px; }
@media (max-width: 767px) {
.single-proof_gallery .pixproof-data .grid__item .entry__meta-box span {
padding-right: 0px; } }
.single-proof_gallery .pixproof-data .grid__item .entry__meta-box button:not(:last-child) {
margin-right: 15px; }
.single-proof_gallery .pixproof-data .grid__item .entry__meta-box .meta-box__title {
font-size: 12px !important;
line-height: 20px !important;
vertical-align: top !important;
font-family: "Montserrat" !important;
color: #c0af94;
text-transform: uppercase !important;
letter-spacing: 2.4px !important;
display: inline-block !important;
padding-top: 26px !important;
padding-right: 10px !important; }
.single-proof_gallery .pixproof-data .grid__item .a-btn-2 {
background: transparent;
border-left: none;
border-right: none;
border-top: 2px solid rgba(19, 19, 19, 0.5);
border-bottom: 2px solid rgba(19, 19, 19, 0.5);
color: #131313; }
.single-proof_gallery .pixproof-data .grid__item .a-btn-2:hover {
background: #131313;
color: #ffffff; }
.single-proof_gallery .pixproof-data .grid__item:last-child {
float: right; }
@media (max-width: 767px) {
.single-proof_gallery .pixproof-data .grid__item:last-child {
padding-top: 20px;
float: none; } }
@media (max-width: 992px) {
.single-proof_gallery .pixproof-data .grid__item:last-child {
padding-top: 20px;
float: none; } }
.single-proof_gallery #pixproof_gallery {
margin-bottom: 50px; }
@media (max-width: 767px) {
.single-proof_gallery #pixproof_gallery {
margin-bottom: 40px; } }
.single-proof_gallery #pixproof_gallery .proof-photo {
cursor: pointer;
margin-bottom: 30px;
/*Image*/
/*Hover effects on non-selected photo*/
/*Hover effects on selected photo*/ }
.single-proof_gallery #pixproof_gallery .proof-photo .img-wrap {
height: 180px;
width: 100%;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.single-proof_gallery #pixproof_gallery .proof-photo .img-wrap:before {
position: absolute;
display: block;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
transition: all 0.5s ease; }
.single-proof_gallery #pixproof_gallery .proof-photo .proof-photo__container {
position: relative; }
.single-proof_gallery #pixproof_gallery .proof-photo .proof-photo__meta {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.single-proof_gallery #pixproof_gallery .proof-photo .proof-photo__status {
display: none; }
.single-proof_gallery #pixproof_gallery .proof-photo .meta__action.zoom-action {
font-size: 0px;
padding: 0;
position: absolute;
background-color: transparent !important;
width: 100%;
height: 180px;
top: 0;
z-index: 49; }
.single-proof_gallery #pixproof_gallery .proof-photo .actions-nav {
margin: 0; }
.single-proof_gallery #pixproof_gallery .proof-photo .meta__action.select-action {
font-size: 0px;
border: 1px solid rgba(255, 255, 255, 0.5);
white-space: nowrap;
padding: 0;
width: 24px;
height: 24px;
box-sizing: border-box;
position: relative;
text-decoration: none;
opacity: 0;
z-index: 50;
margin-left: 15px;
margin-top: 15px;
transition: all 0.5s ease; }
.single-proof_gallery #pixproof_gallery .proof-photo .meta__action.select-action:hover {
opacity: 1; }
.single-proof_gallery #pixproof_gallery .proof-photo .meta__action.select-action .button-text {
font-size: 0px;
white-space: nowrap; }
.single-proof_gallery #pixproof_gallery .proof-photo .meta__action.select-action:before {
content: '\f067';
font-family: "FontAwesome";
font-size: 14px;
line-height: 24px;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 0.5s ease; }
.single-proof_gallery #pixproof_gallery .proof-photo .proof-photo__bg {
position: relative;
/*Title*/ }
.single-proof_gallery #pixproof_gallery .proof-photo .proof-photo__bg .proof-photo__id {
position: absolute;
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 100%;
font-size: 24px;
font-weight: 400;
font-family: "BebasNeueRegular";
color: #ffffff;
text-align: center;
opacity: 0;
transition: all 0.5s ease; }
.single-proof_gallery #pixproof_gallery .proof-photo:hover .proof-photo__id {
opacity: 1;
transition: all 0.5s ease; }
.single-proof_gallery #pixproof_gallery .proof-photo:hover .img-wrap:before {
opacity: 1;
transition: all 0.5s ease; }
.single-proof_gallery #pixproof_gallery .proof-photo:hover .meta__action.select-action {
opacity: 1;
background-color: transparent;
transition: all 0.5s ease; }
.single-proof_gallery #pixproof_gallery .proof-photo:hover .meta__action.select-action:hover:before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
transition: all 0.5s ease; }
.single-proof_gallery #pixproof_gallery .proof-photo.selected .meta__action.select-action {
opacity: 1;
border: 1px solid #c0af94;
background-color: #c0af94; }
.single-proof_gallery #pixproof_gallery .proof-photo.selected .meta__action.select-action:before {
content: '\f00c';
transition: all 0.5s ease; }
.single-proof_gallery #pixproof_gallery .proof-photo.selected:hover .meta__action.select-action:hover:before {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: '\f068';
transition: all 0.5s ease; }
/*Justified gallery*/
.justified-gallery .dgwt-jg-caption {
background: rgba(0, 0, 0, 0.5); }
.dgwt-jg-gallery.justified-gallery .dgwt-jg-caption span {
font-family: "BebasNeueRegular";
font-size: 24px !important;
line-height: 30px !important;
color: #ffffff;
letter-spacing: 1.92px !important;
font-weight: 400 !important;
opacity: 1 !important; }
.lg .lg-sub-html h4 {
font-family: "BebasNeueRegular";
font-size: 24px !important;
line-height: 30px !important;
color: #ffffff;
font-weight: 400 !important;
letter-spacing: 1.92px; }
.lg .lg-sub-html .dgwt-jg-item-desc {
letter-spacing: .8px;
font-size: 12px;
line-height: 20px !important;
letter-spacing: 2.4px;
font-family: "Montserrat", sans-serif;
color: #888888;
text-align: center;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
max-width: 900px;
margin-left: auto !important;
margin-right: auto !important; }
.single-proof_gallery .mfp-arrow-left {
left: 5px !important; }
.single-proof_gallery .mfp-arrow-right {
right: 100px !important; }
/*Izotop container portfolio*/
@media (max-width: 767px) {
.izotope-container .item-single {
margin-bottom: 5px !important; }
.izotope-container .item-single:last-child {
margin-bottom: 30px !important; } }
/* 13. PORTFOLIO FILTER
-------------------------*/
.filter {
text-align: center; }
.filter.grid {
text-align: left; }
.filter.grid ul,
.filter.sim ul,
.filter.cla ul {
margin: 30px 0; }
.filter.masonry ul {
margin: 63px 0; }
.filter ul li {
font-family: "Libre Baskerville", sans-serif;
font-size: 14px;
line-height: 28px;
font-weight: 400;
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
margin: 8px;
cursor: pointer;
opacity: 1;
color: #b2b2b2;
transition: all 300ms ease; }
.filter ul li:hover {
opacity: 0.7; }
.filter ul li.active {
color: #131313;
opacity: 1; }
.filter.grid ul li:first-child {
margin-left: 0; }
@media (max-width: 991px) {
.filter.masonry ul {
margin: 30px 0; } }
@media (max-width: 767px) {
.filter,
.filter.grid {
text-align: center;
padding: 0 15px; }
.filter.grid ul li:first-child {
margin-left: 8px; } }
/* 14. BLOCKQUOTE
------------------*/
blockquote {
border: none;
font-size: 15px;
padding: 10px 0; }
blockquote footer {
font-size: 85%; }
/* 15. TEAM
------------------------*/
.team-member .social {
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
transition: all 300ms ease;
width: 100%;
height: 100%; }
.team-member .social .wrap:hover a {
opacity: .5; }
.team-member .social .wrap a {
display: inline-block;
color: #ffffff;
font-size: 16px;
padding: 0 15px;
transition: all 300ms ease; }
.team-member .social .wrap a:hover {
opacity: 1; }
.team-member:hover .social {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.team-member .info {
text-align: center;
padding: 36px 15px; }
.team-member.custom .avatar {
height: 470px;
max-width: 470px; }
.team-member.custom .info {
padding: 25px 15px; }
.team-member.custom .info .title {
margin-top: -2px; }
@media (max-width: 991px) {
.team-member .info {
padding: 15px 15px 0px 15px; }
.team-member.custom .avatar {
height: 370px; }
.team-member.custom .info .title {
font-size: 26px; }
.team-member.custom .info .position {
font-size: 11px; } }
.team-member .info .title {
font-size: 36px;
line-height: 40px;
font-family: "BebasNeueRegular", sans-serif;
color: #131313;
font-weight: 400;
letter-spacing: 2.88px; }
.team-member .info .position {
letter-spacing: .8px;
font-size: 12px;
line-height: 20px;
letter-spacing: 2.4px;
font-family: "Montserrat", sans-serif;
color: #c0af94;
text-align: center;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased; }
.team-member .avatar {
position: relative;
overflow: hidden;
background-size: cover !important;
background: no-repeat;
background-position: center;
width: 100%;
height: 370px;
max-width: 370px;
margin: auto; }
.team-member.fullheight {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 10;
display: flex;
align-items: flex-end; }
.team-member.fullheight:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); }
.team-member.fullheight .info {
width: 100%;
position: relative;
z-index: 20;
padding: 34px 15px; }
.team-member.fullheight .info .title {
margin-bottom: 20px;
color: #ffffff; }
.team-member.fullheight .info .description {
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-family: "Libre Baskerville";
font-weight: 400;
font-style: normal;
color: #ffffff;
margin-bottom: 0;
margin-top: 2px; }
.team-member.fullheight .social {
position: static;
transform: none;
background-color: transparent;
margin-top: 25px; }
.team-member.fullheight .social .vertical-align {
position: static;
transform: none; }
@media only screen and (max-width: 767px) {
.team-member.fullheight {
height: 370px !important; } }
/* 16. POSTS LIST
------------------------*/
.all-posts-descr {
margin: 15px 0px; }
@media (max-width: 767px) {
.all-posts-descr {
text-align: center;
padding: 0px 15px;
margin-bottom: 40px; } }
.all-posts-descr h6 {
font-size: 12px;
line-height: 20px;
letter-spacing: 2.40px;
font-family: "Montserrat";
font-weight: 400;
color: #c0af94;
font-style: normal;
margin-top: -7px;
margin-bottom: 27px;
-webkit-font-smoothing: antialiased; }
@media (max-width: 991px) {
.all-posts-descr h6 {
margin-bottom: 10px; } }
.all-posts-descr h5 {
font-size: 36px;
line-height: 40px;
letter-spacing: 2.88px;
font-family: "BebasNeueRegular";
font-weight: 400;
color: #131313;
margin-bottom: 20px; }
.all-posts-descr p {
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-family: "Libre Baskerville";
font-weight: 400;
color: #888888;
margin-bottom: 30px; }
.post_list .all-posts-descr {
text-align: center;
max-width: 770px;
margin: 30px auto 58px auto; }
.post_list .all-posts-descr h5 {
font-family: "BebasNeueBook";
font-size: 70px;
line-height: 77px;
letter-spacing: 5.6px;
font-weight: 400;
margin-bottom: 10px; }
@media (max-width: 768px) {
.post_list .all-posts-descr {
margin: 30px auto; }
.post_list .all-posts-descr h5 {
font-size: 34px;
line-height: 40px; } }
.row.simple .all-posts-descr {
text-align: left;
margin: 0 0 40px 0; }
.post-box {
text-align: center;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 240px;
margin-top: 15px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
opacity: 1; }
.post-box:hover {
opacity: 1; }
.post-box:before {
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
content: '';
background-color: rgba(0, 0, 0, 0.3);
transition: all 0.5s ease; }
.post-box .text {
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.5s ease; }
@media (max-width: 767px) {
.post-box {
margin: 0px;
margin-bottom: 5px; }
.post-box .text {
padding: 0px 15px; } }
.post-box .text h6 {
font-size: 24px;
color: #ffffff;
font-family: "BebasNeueRegular", sans-serif;
font-weight: 400;
line-height: 30px;
letter-spacing: 1.92px;
margin-bottom: 10px;
font-style: normal;
transition: all 0.5s ease; }
.post-box .text span {
font-size: 11px;
line-height: 20px;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
letter-spacing: 1.1px;
color: #ffffff;
font-weight: 400;
transition: all 0.5s ease;
-webkit-font-smoothing: antialiased; }
.post-box:hover:before,
.post-box:hover .text h6,
.post-box:hover .text span {
opacity: 0;
transition: all 0.5s ease; }
.post-box .post-descr {
position: absolute;
width: 100%;
height: 100%;
transition: all 400ms ease;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
background-color: #ffffff; }
.post-box .post-descr .wrap {
padding: 15px; }
.post-box .post-descr h6 {
font-size: 26px;
font-family: "Libre Baskerville", sans-serif;
color: #131313;
font-weight: bold;
margin-bottom: 30px;
line-height: 1.4;
font-style: normal; }
.post-box .post-descr p {
font-size: 14px;
font-family: "Montserrat", sans-serif;
color: #131313;
opacity: .9;
line-height: 24px; }
.post-box .post-descr a {
margin-top: 20px;
font-weight: 300; }
.post-box:hover .post-descr,
.post-box.active .post-descr {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.post_list .post-box {
height: auto;
max-width: 770px;
margin-left: auto;
margin-right: auto; }
.post_list .post-box:before {
display: none; }
.post_list .post-box:hover .text .post-box-date {
opacity: 1; }
.post_list .post-box .post-box-img-wrapp {
height: 470px;
display: block;
background-size: cover;
background-position: top center;
background-repeat: no-repeat; }
.post_list .post-box .text {
position: static;
transform: none;
margin: 30px 0 40px 0; }
.post_list .post-box .text .post-box-title {
color: #131313;
font-weight: 400;
letter-spacing: 1.92px;
margin-bottom: 0; }
.post_list .post-box .text .post-box-title a {
text-decoration: none; }
.post_list .post-box .text .post-box-date {
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
letter-spacing: 1.1px;
color: #c0af94;
font-weight: 400;
transition: all 0.5s ease; }
@media only screen and (max-width: 991px) {
.post_list .post-box .post-box-img-wrapp {
height: 370px; } }
@media only screen and (max-width: 767px) {
.post_list .post-box .text {
margin: 15px 0; } }
.row.simple {
overflow-y: scroll;
border-right: 2px solid #f0f0f0; }
.row.simple::-webkit-scrollbar {
width: 4px; }
.row.simple::-webkit-scrollbar-thumb {
background-color: #c0af94;
outline: none; }
.simple {
margin-left: 0;
margin-right: 0; }
.simple .col-lg-12, .simple .col-sm-12, .simple .col-xs-12 {
padding-right: 15px;
padding-left: 0; }
.simple .post-box {
height: auto;
text-align: left;
margin: 0 0 33px 0; }
.simple .post-box:before {
display: none; }
.simple .post-box:hover .text .post-box-date {
opacity: 1; }
.simple .post-box .text {
position: static;
transform: none; }
.simple .post-box .text .post-box-date {
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
letter-spacing: 1.1px;
color: #c0af94;
font-weight: 400;
transition: all 0.5s ease; }
.simple .post-box .text .post-box-title {
color: #131313;
font-weight: 400;
letter-spacing: 1.92px;
margin-bottom: 0;
margin-top: 5px; }
.simple .post-box .text .post-box-title a {
text-decoration: none; }
.simple .post-box .text .post-box-desc {
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-family: "Libre Baskerville";
font-weight: 400;
color: #888888;
margin-bottom: 0;
margin-top: 2px; }
.simple .post-box .text .post-box-desc p {
margin-bottom: 0;
color: #888888; }
@media only screen and (max-width: 767px) {
.simple {
margin: 0 15px; }
.simple .post-box .text {
padding: 0; } }
.scroll {
background-color: #c0af94;
position: absolute;
left: 1379px;
top: 191px;
width: 4px;
height: 30px;
z-index: 10; }
/* 17. TOGGLES
------------------------*/
.toggle {
margin-bottom: 10px; }
.toggle-title {
position: relative;
display: inline-block;
font-family: 'Montserrat';
letter-spacing: .1em;
text-transform: uppercase;
cursor: pointer;
font-size: 15px;
-webkit-font-smoothing: antialiased; }
.toggle-title:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 1px;
background-color: #000;
bottom: -3px;
transition: all .5s ease; }
.toggle.active .toggle-title:after {
width: 100%; }
.toggle-content {
padding-top: 10px;
font-size: 14px;
display: none; }
.toggle.active .toggle-content {
display: block; }
/* 18. SERVICES
------------------------*/
.services {
background-color: #F4F4F4;
padding: 30px 15px;
min-height: 295px;
margin-bottom: 30px;
position: relative;
background-size: cover;
background-position: center; }
.no-content-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.services .img-wrap {
width: 100%;
height: 110px;
margin: auto;
position: relative; }
.services .img-wrap img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 110px; }
.services .content {
padding-top: 3px; }
.services .content .title {
font-size: 26px;
line-height: 36px;
letter-spacing: 2.08px;
font-family: "BebasNeueRegular", sans-serif;
color: #131313;
font-weight: 400;
text-align: center;
margin-bottom: 10px; }
.services .content .text {
font-size: 12px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
line-height: 22px;
text-align: center;
letter-spacing: 0.96px;
font-weight: 400; }
/* 19. IMAGE SLIDER
--------------------*/
.img-slider {
position: relative; }
.img-slider img {
width: 100%; }
.img-slider ul {
list-style: none; }
.post-slider-img {
width: 100%;
height: 247px;
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.img-slider .flex-direction-nav {
margin-left: 0;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
opacity: .5;
transition: all .3s ease; }
.img-slider:hover .flex-direction-nav {
opacity: 1; }
.img-slider .flex-direction-nav li {
display: inline-block; }
.img-slider .flex-next,
.img-slider .flex-prev {
background: #ffffff;
display: block;
padding: 5px;
font-size: 40px;
color: #555; }
.post .img-slider .flex-next,
.post .img-slider .flex-prev {
padding: 0; }
/* 20. BLOG
------------------------*/
.post {
margin-bottom: 30px; }
@media (max-width: 767px) {
.banner-gallery .content-wrap {
width: 100% !important;
margin-left: 0 !important; }
.post {
width: 100%; } }
.post a {
text-decoration: none;
display: block;
position: relative;
opacity: 1 !important;
transition: all 0.5s ease;
width: 100%;
background-color: #343434; }
.post a .post-content .post-media {
display: none; }
.post a .post-media {
display: block;
width: 100%;
height: 240px;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.post a:before {
display: block;
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
opacity: 1;
transition: all 0.5s ease; }
.post-content {
margin: 0;
position: absolute;
top: 50%;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.5s ease; }
.post-content.sticky .title {
position: relative; }
.post-content.sticky .title::before {
content: "\f249";
font-family: "FontAwesome";
margin-right: 8px; }
.post-content h5 {
font-size: 24px;
line-height: 30px;
font-family: "BebasNeueRegular", sans-serif;
color: #ffffff;
display: inline-block;
font-weight: 400;
text-transform: none;
text-align: center;
letter-spacing: 1.92px;
margin: 0;
margin-bottom: 13px; }
.post-content .date {
font-size: 11px;
line-height: 20px !important;
letter-spacing: 1.1px;
font-family: "Montserrat", sans-serif;
color: #ffffff;
text-align: center;
line-height: normal;
margin: 0;
-webkit-font-smoothing: antialiased; }
.post iframe {
border: none;
display: block; }
.post a:hover {
opacity: 1 !important;
transition: all 0.5s ease; }
.post a:hover:before {
opacity: 0;
transition: all 0.5s ease; }
.post a:hover .date {
opacity: 0;
transition: all 0.5s ease; }
.post a:hover h5 {
opacity: 0;
transition: all 0.5s ease; }
/*Detail post*/
.single-post .date-post {
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
font-weight: 400;
letter-spacing: 1.1px;
color: #c0af94;
text-transform: uppercase;
padding-top: 35px;
padding-bottom: 17px;
-webkit-font-smoothing: antialiased; }
@media (max-width: 767px) {
.single-post .date-post {
padding-top: 30px;
text-align: center; } }
.single-post .title {
font-family: "BebasNeueBook";
font-size: 70px;
line-height: 80px;
letter-spacing: 5.6px;
font-weight: 400;
margin: 0;
margin-bottom: 15px;
-ms-word-wrap: break-word;
word-wrap: break-word;
color: #131313; }
@media (max-width: 767px) {
.single-post .title {
font-size: 40px;
line-height: 50px;
text-align: center; } }
.single-post p {
font-size: 14px;
line-height: 1.6;
font-weight: 400;
font-family: "Libre Baskerville";
color: inherit;
margin-bottom: 30px; }
.single-post .single-content blockquote:not(.wp-block-quote) {
margin: 30px 0px;
overflow: hidden;
text-align: center;
padding: 20px 30px 20px 25px;
border-left: 4px solid #c0af94;
background-color: #ebebeb; }
.single-post .single-content .wp-block-pullquote blockquote {
margin: 30px auto;
border-left: 0;
background-color: transparent; }
@media (max-width: 767px) {
.single-post .single-content blockquote {
padding: 15px; } }
.single-post .single-content blockquote:not(.wp-block-quote) p {
font-size: 16px;
line-height: 30px;
font-family: "Libre Baskerville";
color: #131313;
text-align: left;
font-style: normal;
margin: 0;
letter-spacing: 1.28px; }
.single-post .single-content .wp-block-pullquote blockquote p {
font-size: 14px;
line-height: 1.6;
color: inherit;
font-weight: 400;
margin-bottom: 30px;
text-align: inherit; }
.single-post .single-content .wp-block-pullquote blockquote cite {
font-family: "Montserrat", sans-serif; }
.single-post .wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 32px;
text-align: left; }
.single-post .wp-block-pullquote.is-style-solid-color blockquote cite {
text-align: left; }
/*Recent posts*/
.recent-post-single .recent-title {
font-size: 36px;
line-height: 40px;
letter-spacing: 2.88px;
font-family: "BebasNeueRegular";
font-weight: 400;
margin: 0;
margin-top: 34px;
margin-bottom: 34px;
color: #131313; }
.sm-wrap-post a {
display: block;
background-color: #343434;
position: relative;
min-height: 240px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: all 0.5s ease; }
.sm-wrap-post a:hover {
opacity: 1;
transition: all 0.5s ease; }
.sm-wrap-post .content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
opacity: 1;
transition: all 0.5s ease; }
.sm-wrap-post a:hover .content {
opacity: 0;
transition: all 0.5s ease; }
.sm-wrap-post .content .title {
font-size: 24px;
line-height: 30px;
font-family: "BebasNeueRegular";
letter-spacing: 1.92px;
font-weight: 400;
color: #ffffff;
margin-bottom: 12px; }
.sm-wrap-post .content .post-date {
display: block;
height: auto;
line-height: 20px; }
.sm-wrap-post .content .post-date .date {
font-size: 11px;
line-height: 20px;
font-family: "Montserrat";
letter-spacing: 1.1px;
font-weight: 400;
color: #ffffff;
margin: 0;
display: inline-block;
vertical-align: top;
-webkit-font-smoothing: antialiased; }
.sm-wrap-post a:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
opacity: 1;
transition: all 0.5s ease; }
.sm-wrap-post a:hover:before {
opacity: 0;
transition: all 0.5s ease; }
/* 21. GOOGLE MAP
----------------------*/
#google-map {
width: 68%;
float: left;
height: 480px !important; }
#google-map img {
max-width: none; }
/* 22. CONTACT INFO
---------------------*/
.contact-info {
float: left;
width: 32%;
color: #000;
z-index: 888;
display: block;
padding: 60px 70px 20px 70px;
background-color: #f2f2f2;
height: 480px !important; }
@media (max-width: 991px) {
.contact-info {
padding: 40px 20px 20px 20px; } }
.contact-info .info-box {
margin-bottom: 24px; }
.contact-info .info-box:last-child {
margin-bottom: 0; }
.contact-info i {
float: left;
width: 50px; }
.contact-info .details {
display: inline-block; }
.contact-info .details h5 {
font-size: 36px;
line-height: 40px;
font-family: "BebasNeueRegular", sans-serif;
color: #131313;
font-weight: 400;
letter-spacing: 2.88px;
margin-bottom: 8px; }
.contact-info h5 {
margin-bottom: 10px; }
.contact-info .details a,
.contact-info .details h6 {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
text-decoration: none;
line-height: 28px;
letter-spacing: 1.12px;
font-style: normal;
display: block;
margin: 0px;
font-weight: 400;
color: #888888; }
.contact-info .details a:hover {
opacity: 1; }
/* 23. CONTACT FORM
----------------------*/
.contact-form {
margin-top: 30px;
margin-bottom: 50px; }
@media (max-width: 767px) {
.contact-form {
text-align: center;
margin-top: 0px;
margin-bottom: 30px; } }
.contact-form .title {
font-size: 36px;
line-height: 40px;
font-family: "BebasNeueRegular", sans-serif;
color: #131313;
font-weight: 400;
letter-spacing: 2.88px;
margin-bottom: 16px; }
.wpcf7-form,
.wpcf7 {
font-family: "Libre Baskerville", sans-serif; }
.wpcf7 form label {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
width: 100%; }
form.wpcf7-form input,
form.wpcf7-form textarea {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
background: none;
width: 100%;
border: 0;
border-radius: 0;
color: #131313;
border-bottom: 2px solid #f2f2f2;
padding: 10px 0px;
letter-spacing: 1.04px;
margin-bottom: 22px;
transition: all .3s ease; }
.wpcf7 form textarea {
min-height: 50px;
max-height: 50px;
resize: none;
margin-bottom: 20px; }
form.wpcf7-form input::-moz-placeholder {
color: #888888; }
.wpcf7 form input::-moz-placeholder {
color: #888888; }
form.wpcf7-form input::-webkit-input-placeholder {
color: #888888; }
.wpcf7 form input::-webkit-input-placeholder {
color: #888888; }
form.wpcf7-form input:-moz-placeholder {
color: #888888; }
.wpcf7 form input:-moz-placeholder {
color: #888888; }
form.wpcf7-form input:-ms-input-placeholder {
color: #888888; }
.wpcf7 form input:-ms-input-placeholder {
color: #888888; }
form.wpcf7-form textarea::-moz-placeholder {
color: #888888; }
.wpcf7 form textarea::-moz-placeholder {
color: #888888; }
form.wpcf7-form textarea::-webkit-input-placeholder {
color: #888888; }
.wpcf7 form textarea::-webkit-input-placeholder {
color: #888888; }
form.wpcf7-form textarea:-moz-placeholder {
color: #888888; }
.wpcf7 form textarea:-moz-placeholder {
color: #888888; }
form.wpcf7-form textarea:-ms-input-placeholder {
color: #888888; }
.wpcf7 form textarea:-ms-input-placeholder {
color: #888888; }
form.wpcf7-form textarea {
min-height: 50px;
max-height: 50px;
resize: none;
margin-bottom: 24px; }
.wpcf7 form input:focus,
form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus {
color: #131313;
border-bottom: 2px solid #c0af94; }
.wpcf7 form input[type="submit"],
form.wpcf7-form #submit {
font-size: 11px;
line-height: 20px;
display: inline-block;
letter-spacing: 1.1px;
font-family: "Montserrat";
font-weight: bold;
box-sizing: border-box;
padding: 8px 20px;
text-transform: uppercase;
text-decoration: none;
border-top: 2px solid rgba(19, 19, 19, 0.5);
border-bottom: 2px solid rgba(19, 19, 19, 0.5);
border-left: none;
border-right: none;
color: #131313;
width: auto;
margin-top: 7px;
margin-bottom: 0px;
-webkit-font-smoothing: antialiased;
border-radius: 0px;
min-width: 140px; }
@media (max-width: 767px) {
.wpcf7 form input[type="submit"],
form.wpcf7-form #submit {
margin-bottom: 30px; } }
.wpcf7 form input[type="submit"]:hover,
form.wpcf7-form #submit:hover {
border-top: 2px solid #131313;
border-bottom: 2px solid #131313;
border-left: none;
border-right: none;
color: #ffffff;
background-color: #131313;
opacity: 1; }
.contact-message {
display: none;
text-transform: capitalize;
text-align: center;
margin: 50px 0; }
/* 24. PAGINATION
------------------------*/
.pagination {
width: 100%;
text-align: center;
margin: 37px 0 0; }
.pagination.cs-pager .page-numbers.next:after {
content: '\f105';
font-family: FontAwesome;
display: inline-block;
color: #131313; }
.pagination.cs-pager .page-numbers.prev:after {
content: '\f104';
font-family: FontAwesome;
display: inline-block;
color: #131313; }
/* 25. FOOTER
------------------------*/
#footer {
display: block;
padding: 30px 0px;
background-color: #131313;
z-index: 99;
width: 100%;
margin: auto;
min-height: 90px;
transition: none !important;
position: absolute;
bottom: 0;
left: 0; }
#footer.fix-bottom {
position: fixed;
z-index: 300;
bottom: 0;
width: 100%;
background-color: transparent; }
@media (max-width: 767px) {
#footer {
padding: 20px 0px; } }
#footer .copyright {
letter-spacing: 0.96px;
font-size: 12px;
line-height: 30px;
font-family: "Libre Baskerville", sans-serif;
color: #8f8f8f;
text-align: left;
float: left;
word-wrap: break-word; }
#footer .copyright a {
color: #ffffff;
transition: all 300ms ease;
text-decoration: none; }
#footer .copyright a:hover {
opacity: 0.7;
text-decoration: none; }
#footer .social-links {
float: right;
line-height: 30px; }
#footer .social-links .fa {
font-size: 15px; }
#footer .social-links a {
font-size: 13px;
text-decoration: none;
color: #ffffff;
display: inline-block;
padding-left: 18px;
transition: all .3s ease; }
#footer .social-links:hover a {
opacity: .7; }
#footer .social-links a:hover {
opacity: 1; }
.social-list > li {
position: relative;
display: inline;
margin: 0px 11px 0 1px;
list-style: none !important; }
.social-list {
margin-top: 15px;
margin-left: 0 !important;
text-align: center;
padding: 0 15px; }
.social-list a {
transition: all 300ms ease; }
.social-list:hover a {
opacity: .7; }
.social-list a:hover {
opacity: 1; }
/* 26. SIDEBAR
-----------------*/
.sidebar-item {
margin-bottom: 50px; }
.sidebar-item > h5,
.sidebar-item .screen-reader-text {
letter-spacing: .75px;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 21px;
line-height: 21px;
display: block; }
.sidebar-item .screen-reader-text,
.screen-reader-text {
display: none; }
.widget_search label {
display: block;
width: 100%; }
.widget_search .searchform {
position: relative; }
.widget_search input[type="text"] {
background-color: #ffffff;
border: 1px solid #131313;
border-radius: 2px;
color: #131313;
padding: 5px 70px 5px 10px;
font-weight: 400;
width: 100%; }
.widget_search input[type="submit"] {
background: #131313;
border: 1px solid #131313;
border-radius: 2px;
color: #ffffff;
padding: 5px 10px;
font-weight: 400;
transition: all 300ms ease;
position: absolute;
right: 0;
bottom: 0; }
.widget_search input[type="submit"]:hover {
color: #131313;
background: #ffffff; }
.widget_rss .rss-date {
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
display: block;
opacity: .7; }
.widget_rss ul li {
margin-bottom: 15px; }
.widget_tag_cloud .tagcloud a {
border: 1px solid #131313;
padding: 2px 5px;
text-decoration: none;
margin: 3px;
display: inline-block;
font-family: "Montserrat", sans-serif;
vertical-align: top;
font-weight: 600; }
.widget_calendar table td,
.widget_calendar table th {
text-align: center; }
.sidebar-item:first-child {
margin-top: 0; }
.sidebar-item h5 {
padding: 0px 7px 10px 3px;
width: 100%;
border-bottom: 1px solid #131313;
font-family: "Montserrat", sans-serif; }
.page ol,
.page ul,
.page ul,
.single-content ol,
.single-content ul,
.sidebar-item ul {
font-family: "Montserrat", sans-serif;
margin-left: 25px; }
.page ol.wp-block-latest-comments,
.page ul.wp-block-latest-comments,
.page ul.wp-block-latest-comments,
.single-content ol.wp-block-latest-comments,
.single-content ul.wp-block-latest-comments,
.sidebar-item ul.wp-block-latest-comments {
margin-left: 0; }
.sidebar-item ul li {
color: rgba(19, 19, 19, 0.7); }
.sidebar-item ul li a {
text-decoration: none;
color: #131313; }
.sidebar-item select {
max-width: 100%;
font-family: "Montserrat", sans-serif;
padding: 5px 10px; }
.sidebar-item select option {
max-width: 255px;
width: 100%; }
.sidebar-item input {
padding: 4px 5px 6px 9px;
border: 1px solid #a6a6a6;
font-family: "Montserrat", sans-serif; }
.page ul.slides {
margin-left: 0; }
.post-banner {
height: 400px;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.post-details .date-post {
font-size: 12px;
font-family: "Montserrat", sans-serif;
color: #131313;
margin-top: 20px;
letter-spacing: .6px; }
.post-details .title {
font-size: 44px;
font-family: "Libre Baskerville", sans-serif;
color: #131313;
font-weight: bold;
margin-top: 8px;
margin-bottom: 12px;
letter-spacing: 3px; }
.pagination a.img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 150px;
width: 100%;
display: block;
opacity: 1;
margin: 0;
background-color: #000;
text-decoration: none;
padding-top: 87px;
margin-bottom: 5px; }
/* 27. PROTECTED PAGE
-----------------*/
.protected-page .protected-title {
font-size: 36px;
line-height: 40px;
letter-spacing: 2.88px;
color: #131313;
font-family: "BebasNeueRegular";
font-weight: 400;
text-align: center;
padding: 280px 15px 16px 15px; }
@media (max-width: 767px) {
.protected-page .protected-title {
padding-top: 40px;
padding-bottom: 20px; } }
.protected-page form {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.4px;
font-weight: 400;
color: #c0af94;
text-align: center;
-webkit-font-smoothing: antialiased; }
@media (max-width: 767px) {
.protected-page form {
padding: 0px 15px; } }
.protected-page input[type="password"] {
margin-top: 35px;
display: block;
max-width: 370px;
margin-left: auto;
margin-right: auto;
width: 100%;
font-size: 14px;
line-height: 28px;
padding: 10px 0px;
text-align: center;
font-family: "Libre Baskerville";
letter-spacing: 0.39px;
font-weight: 400;
border: none;
background-color: transparent;
outline: none;
border-bottom: 2px solid #f2f2f2;
transition: all 0.5s ease;
color: #888888; }
@media (max-width: 767px) {
.protected-page input[type="password"] {
margin-top: 10px; } }
.protected-page input[type="password"]:focus {
color: #131313;
border-bottom: 2px solid #c0af94;
transition: all 0.5s ease; }
.protected-page input[type="password"]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #888888; }
.protected-page input[type="password"]::-moz-placeholder {
/* Firefox 19+ */
color: #888888; }
.protected-page input[type="password"]:-ms-input-placeholder {
/* IE 10+ */
color: #888888; }
.protected-page input[type="password"]:-moz-placeholder {
/* Firefox 18- */
color: #888888; }
@media (max-width: 767px) {
.protected-page input[type="password"] {
padding-left: 15px;
padding-right: 15px; } }
.protected-page input[type="submit"] {
font-size: 11px;
line-height: 20px;
display: inline-block;
letter-spacing: 1.1px;
font-family: "Montserrat";
font-weight: bold;
box-sizing: border-box;
padding: 8px 20px;
text-transform: uppercase;
text-decoration: none;
border: none;
outline: none;
border-top: 2px solid rgba(19, 19, 19, 0.5);
border-bottom: 2px solid rgba(19, 19, 19, 0.5);
border-left: none;
border-right: none;
color: #131313;
background-color: transparent;
margin-top: 40px;
margin-bottom: 40px;
-webkit-font-smoothing: antialiased;
border-radius: 0px; }
@media (max-width: 767px) {
.protected-page input[type="submit"] {
margin-top: 40px;
margin-bottom: 40px; } }
.protected-page input[type="submit"]:hover {
border-top: 2px solid #131313;
border-bottom: 2px solid #131313;
border-left: none;
border-right: none;
color: #ffffff;
background-color: #131313;
opacity: 1; }
.single-content.protected-page .post-info {
display: none; }
.single-proof_gallery .recent-post-single {
display: none; }
.single-proof_gallery .comments {
display: none; }
/* 28. SLIDER
-----------------*/
.banner-slider-wrap {
/*background image*/
/*Arrows*/ }
/* .banner-slider-wrap.horizontal .swiper-wrapper,
.banner-slider-wrap.horizontal .swiper-slide{
width: auto !important;
} */
@media (max-width: 767px) {
.banner-slider-wrap {
text-align: center; } }
.main-header-testimonial .swiper-slide,
.portfolio-slider-wrapper.slider_masonry .swiper-slide {
cursor: ew-resize; }
.banner-slider-wrap .slider-banner {
min-height: 500px !important; }
.banner-slider-wrap .title,
.banner-slider-wrap .subtitle {
font-family: "BebasNeueBook";
color: #ffffff;
font-weight: 300;
font-style: normal;
letter-spacing: 5.6px;
margin-bottom: 40px; }
@media (max-width: 767px) {
.banner-slider-wrap .title {
font-size: 40px;
line-height: 50px;
margin-bottom: 20px; } }
.banner-slider-wrap .subtitle {
font-size: 12px;
line-height: 20px;
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-weight: 400;
letter-spacing: 2.4px;
margin-bottom: 40px;
-webkit-font-smoothing: antialiased; }
@media (max-width: 480px) {
.banner-slider-wrap .subtitle {
margin-bottom: 20px; } }
.banner-slider-wrap p {
font-size: 14px;
line-height: 28px;
font-family: "Libre Baskerville", sans-serif;
color: #ffffff;
font-weight: 400;
letter-spacing: 1.12px;
max-width: 510px; }
@media (max-width: 767px) {
.banner-slider-wrap .descr {
max-width: 480px;
margin-left: auto;
margin-right: auto; } }
.banner-slider-wrap .a-btn,
.banner-slider-wrap .a-btn-2 {
margin-top: 30px !important; }
.banner-slider-wrap .container {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.banner-slider-wrap .img-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1; }
.banner-slider-wrap .swiper-arrow-right {
position: absolute;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: '\f103';
font-family: fontAwesome;
color: #ffffff;
width: 50px;
height: 50px;
z-index: 10;
cursor: pointer;
transition: all 0.7s ease; }
@media (max-width: 767px) {
.banner-slider-wrap .swiper-arrow-right {
bottom: 0px; } }
.banner-slider-wrap .swiper-arrow-right .fa {
font-size: 20px;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation-name: sliderArrowAnimation;
animation-name: sliderArrowAnimation;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
text-align: center;
opacity: 1;
transition: all 0.3s ease; }
.banner-slider-wrap .swiper-arrow-right:hover .fa {
-webkit-animation: none;
animation: none;
transition: all 0.3s ease;
opacity: 0.6; }
@-webkit-keyframes sliderArrowAnimation {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
25% {
-webkit-transform: translate(-50%, -70%);
transform: translate(-50%, -70%); }
50% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
75% {
-webkit-transform: translate(-50%, -30%);
transform: translate(-50%, -30%); }
100% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
@keyframes sliderArrowAnimation {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
25% {
-webkit-transform: translate(-50%, -70%);
transform: translate(-50%, -70%); }
50% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
75% {
-webkit-transform: translate(-50%, -30%);
transform: translate(-50%, -30%); }
100% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
/* 29. COMMENTS
-----------------*/
.single-content ul.comments {
margin-left: 0; }
.comments {
margin-top: 73px;
margin-bottom: 20px; }
.comments .comment {
margin-bottom: 3px; }
.comments .content {
position: relative;
padding-right: 40px; }
.comments .content .comment-reply-link {
position: absolute;
top: 0;
right: 0;
font-size: 12px;
line-height: 20px;
letter-spacing: 2.4px;
font-family: "Montserrat", sans-serif;
color: #bababa;
text-decoration: none;
font-weight: 400;
transition: all 300ms ease;
text-transform: uppercase;
-webkit-font-smoothing: antialiased; }
.comments .comment-reply-title {
font-size: 36px;
line-height: 40px;
letter-spacing: 2.88px;
font-family: "BebasNeueRegular";
font-weight: 400;
padding-top: 44px;
margin-bottom: 13px;
color: #131313; }
.comments .comment-reply-title strong {
font-weight: 400; }
.comments .comment-reply-title a {
text-decoration: none; }
@media (max-width: 767px) {
.comments .comment-reply-title {
padding-top: 20px; } }
.comments .content .comment-reply-link:hover {
color: #131313; }
.comments .content .text {
font-size: 12px;
font-family: "Montserrat", sans-serif;
color: #585858;
overflow: hidden;
line-height: 22px;
margin-top: 6px;
letter-spacing: .6px; }
.comments .content .text p {
margin-bottom: 16px; }
.comments .person img {
vertical-align: top;
float: left;
margin-right: 20px;
margin-top: 6px; }
.comments .person .author {
font-size: 24px;
line-height: 30px;
letter-spacing: 1.92px;
font-family: "BebasNeueRegular";
font-weight: 400;
margin: 0;
text-decoration: none;
color: #131313; }
.comments .person .author:hover {
opacity: .7; }
.comments .person .comment-date {
font-size: 12px;
line-height: 20px;
font-family: "Montserrat", sans-serif;
color: #c0af94;
margin-left: 5px;
font-weight: 400;
letter-spacing: 2.4px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased; }
.comments-title,
.comments-title span {
font-size: 36px;
line-height: 40px;
letter-spacing: 2.88px;
font-family: "BebasNeueRegular";
font-weight: 400;
margin-bottom: 26px;
color: #131313; }
.comment-title {
border-bottom: 1px dashed #a6a6a6;
padding-bottom: 6px; }
.comments li.comment {
list-style: none; }
.comments ul.children {
margin-top: 30px; }
.comments-form {
padding-top: 2px;
margin-bottom: 80px;
clear: both; }
.comments-form input[type=submit]:hover {
opacity: 1 !important; }
#contactform h3,
.comments-form h3 {
display: block;
font-size: 16px;
font-family: "Libre Baskerville", sans-serif;
color: #131313;
font-weight: bold;
letter-spacing: 1.25px;
margin-bottom: 20px; }
#contactform textarea,
#contactform input,
.comments-form textarea,
.comments-form input {
font-size: 14px;
line-height: 28px;
font-family: "Libre Baskerville", sans-serif;
background: none;
width: 100%;
color: #888888;
border: 0;
border-bottom: 2px solid #f2f2f2;
padding: 10px 0px;
letter-spacing: 1.12px;
margin-bottom: 13px;
transition: all .5s ease; }
#contactform textarea:focus,
#contactform input:focus,
.comments-form textarea:focus,
.comments-form input:focus {
border-bottom: 2px solid #c0af94;
transition: all .5s ease; }
#contactform textarea::-moz-placeholder,
#contactform input::-moz-placeholder,
.comments-form textarea::-moz-placeholder,
.comments-form input::-moz-placeholder {
color: #888888; }
#contactform textarea::-webkit-input-placeholder,
#contactform input::-webkit-input-placeholder,
.comments-form textarea::-webkit-input-placeholder,
.comments-form input::-webkit-input-placeholder {
color: #888888; }
#contactform textarea:-moz-placeholder,
#contactform input:-moz-placeholder,
.comments-form textarea:-moz-placeholder,
.comments-form input:-moz-placeholder {
color: #888888; }
#contactform textarea:-ms-input-placeholder,
#contactform input:-ms-input-placeholder,
.comments-form textarea:-ms-input-placeholder,
.comments-form input:-ms-input-placeholder {
color: #888888; }
#contactform textarea,
.comments-form textarea {
min-height: 50px;
max-height: 50px;
resize: none; }
#contactform #submit,
.comments-form #submit {
font-size: 11px;
line-height: 20px;
display: inline-block;
letter-spacing: 1.1px;
font-family: "Montserrat";
font-weight: bold;
box-sizing: border-box;
padding: 8px 20px;
text-transform: uppercase;
text-decoration: none;
border: none;
outline: none;
border-top: 2px solid rgba(19, 19, 19, 0.5);
border-bottom: 2px solid rgba(19, 19, 19, 0.5);
border-left: none;
border-right: none;
color: #131313;
background-color: transparent;
margin-top: 25px;
margin-bottom: 0;
width: auto;
-webkit-font-smoothing: antialiased;
border-radius: 0px; }
#contactform #submit:hover,
.comments-form #submit:hover {
border-top: 2px solid #131313;
border-bottom: 2px solid #131313;
border-left: none;
border-right: none;
color: #ffffff;
background-color: #131313;
opacity: 1; }
#contactform {
display: block; }
.empty-post-list {
padding-top: 130px;
text-align: center;
display: block;
width: 100%; }
.wpb_column > .wpb_wrapper > p:last-child {
margin-bottom: 10px; }
.vc_column_container .wpb_wrapper .vc_btn3.vc_btn3-style-outline {
border-width: 1px;
padding: 3px 22px;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 26px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased; }
.black p.separator {
background-color: #ffffff; }
.portfolio-gallery a.gallery-item {
float: none;
padding: 0; }
.blog .sidebar-item {
margin-left: 15px; }
.error404 .main-wrapper {
min-height: 100vh;
overflow: hidden; }
.container .ytbg iframe,
.hero .vc_row-fluid .vc_column_container .ytbg iframe {
margin-left: 0 !important; }
.mb_OnlyYT,
.mb_YTPTime,
span.mb_YTPMuteUnmute {
font-size: 0 !important;
display: none; }
.mb_YTPPlaypause {
display: block;
width: 50px;
height: 50px;
font-size: 0; }
.mb_YTPPlaypause:before {
font-family: 'FontAwesome';
content: "\f04c";
font-size: 25px;
color: #ffffff;
height: 50px;
line-height: 50px;
text-shadow: 1px 1px 2px black; }
.mb_YTPPlaypause.active:before {
content: "\f04b"; }
.mb_YTPBar {
bottom: 0;
left: 25px; }
.mb_YTPBar .buttonBar {
height: 60px; }
.single blockquote:not(.wp-block-quote),
.about-details .content blockquote:not(.wp-block-quote),
.about-section .content blockquote:not(.wp-block-quote),
.portfolio-single-content blockquote:not(.wp-block-quote) {
padding: 26px 26px 26px 64px;
border: none;
border-left: 4px solid #131313;
font-style: italic;
font-family: "Libre Baskerville", sans-serif;
background-color: #F4F4F4;
font-size: 18px;
letter-spacing: 1.38px;
color: #131313;
margin-top: -4px;
margin-bottom: 25px; }
blockquote cite {
line-height: 1.42857;
color: #777;
font-style: normal;
display: block;
font-size: 14px;
margin-top: 15px; }
blockquote:not(.wp-block-quote) cite:before {
content: '- ';
margin-right: 7px; }
#topmenu ul > li > ul > li > ul {
display: none !important; }
.single table td,
.single table th,
table td,
table th {
padding: 7px; }
.post-info {
margin: 10px 0 15px; }
.post-info span a,
.post-info span {
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
font-weight: 400;
letter-spacing: 1.1px;
text-decoration: none;
color: #c0af94;
text-transform: uppercase; }
.post-info span a,
.post-info span {
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
font-weight: 400;
letter-spacing: 1.1px;
text-decoration: none;
color: #c0af94;
text-transform: uppercase; }
.post-info span {
padding-right: 16px;
border-right: 1px solid #E8E8E8; }
.post-info span:last-child {
border: 0 none; }
.post-info span.author {
padding: 5px;
background-color: #ebebeb;
color: #131313;
border: none; }
.post-info span.author a {
color: #131313; }
div.wpcf7-mail-sent-ok {
left: 0;
right: 0; }
.wpcf7-not-valid {
border-bottom: 2px solid red !important; }
.wpcf7-form-control-wrap {
position: relative;
display: block; }
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
position: absolute;
top: 50px; }
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
border: none; }
.ajax-loader {
display: none; }
div.wpcf7 {
position: relative; }
div.wpcf7-response-output {
margin: 0 !important;
font-size: 13px; }
@media (max-width: 767px) {
div.wpcf7-response-output {
position: relative;
text-align: center; } }
.empty-post-list form {
padding-top: 20px;
width: 270px;
margin: auto;
display: block; }
.empty-post-list input {
display: inline-block;
margin: 0 auto;
height: 36px; }
.empty-post-list input[type=search] {
border: 1px solid #ccc;
padding-left: 7px; }
.empty-post-list label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
float: left;
width: 182px; }
.abs * {
color: inherit; }
.tabs ul,
.hero-slider ol,
.tabs ol {
margin-left: 0; }
/*.container .wpb_row {
margin-bottom: 20px;
}*/
@media (max-width: 767px) {
.slide-caption {
left: 20px;
bottom: 20px;
right: 20px; }
.vc_column_container.vc_col-sm-12 {
padding-left: 0;
padding-right: 0; }
.page .wpb_row,
.page .wpb_content_element,
.page ul.wpb_thumbnails-fluid > li,
.page .last_toggle_el_margin,
.page .wpb_button {
margin-bottom: 0; }
.pad-top-120 {
padding-top: 110px !important; }
[class*="col-sm"] {
margin-bottom: 0; }
#footer .copyright,
#footer .social-links {
float: none;
text-align: center; }
#footer .copyright a,
#footer .social-links a {
padding: 0 4px; } }
@media screen and (max-width: 600px) {
html {
margin-top: 0; } }
@media (max-width: 500px) {
.hero-slider .slides .slide {
height: 400px !important; }
.side-link .side-title {
font-size: 12px; } }
@media (max-width: 400px) {
.hero-slider .slides .slide {
height: 300px !important; } }
.social-links.single-post {
width: 100%;
text-align: center;
font-size: 20px; }
.social-links.single-post a {
padding-left: 20px; }
.click-on-this {
text-decoration: none; }
.social-list-portfolio:hover a {
opacity: .6; }
.social-list-portfolio a:hover {
opacity: 1; }
/* nn. ABOUT DETAILS
-----------------*/
.about-details-section {
background-color: #f2f2f2; }
.about-details {
padding: 60px 70px 20px; }
.about-details.style2 {
padding: 77px 0 71px 0; }
.about-details.style3 {
text-align: center;
padding: 38px 70px 20px; }
.about-details.style3 .content .text {
margin-top: -8px;
max-width: 780px;
margin-left: auto;
margin-right: auto; }
.about-details.style4 {
text-align: center;
padding: 34px 0px 7px; }
.about-details.style4 .content h1.title {
font-size: 70px;
line-height: 70px;
display: block;
margin-bottom: -13px; }
.about-details.style4 .content .title {
font-family: "BebasNeueRegular", sans-serif;
letter-spacing: 2.88px; }
@media (max-width: 1199px) {
.about-details {
padding: 30px 40px 10px; } }
@media (max-width: 991px) {
.about-details {
padding: 30px; }
.about-details.style3 {
padding: 30px 0; }
.about-details.style3 .content .text p {
margin-top: 15px; }
.about-details.style4 .content h1.title {
font-size: 50px;
line-height: 50px; } }
@media (max-width: 767px) {
.about-details {
padding: 30px 15px; }
.about-details.style2 {
padding: 60px 0; }
.about-details.style4 .content h1.title {
font-size: 30px;
line-height: 30px; } }
.simple-details {
margin-bottom: 30px; }
@media (max-width: 767px) {
.simple-details {
text-align: center;
padding: 0px 15px; } }
.about-details .content .subtitle,
.simple-details .content .subtitle {
font-family: "Montserrat", sans-serif;
color: #c0af94;
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-top: 0;
letter-spacing: 2.4px;
margin-bottom: 30px;
-webkit-font-smoothing: antialiased; }
@media (max-width: 1199px) {
.about-details .content .subtitle,
.simple-details .content .subtitle {
margin-bottom: 20px; } }
.simple-details .content .subtitle {
margin-top: -3px;
margin-bottom: 28px; }
@media (max-width: 1199px) {
.simple-details .content .subtitle {
margin-bottom: 15px; } }
.about-details .content h5 {
font-size: 36px; }
.about-details .content .title,
.simple-details .content .title {
font-family: "BebasNeueRegular";
line-height: 40px;
color: #131313;
letter-spacing: 2.88px;
font-weight: 400;
margin-bottom: 20px;
font-style: normal; }
.simple-details .content h5 {
font-size: 36px; }
@media (max-width: 1199px) {
.about-details .content .title,
.simple-details .content .title {
font-size: 30px;
line-height: 30px; } }
.simple-details .content .title {
line-height: 36px;
margin-bottom: 25px; }
@media (max-width: 1199px) {
.simple-details .content .title {
font-size: 30px;
line-height: 30px;
margin-bottom: 15px; } }
.about-details .content .text,
.simple-details .content .text {
font-size: 14px;
line-height: 28px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
letter-spacing: 1.12px; }
.about-details .content .text p,
.simple-details .content .text p {
margin-top: 28px;
word-wrap: break-word; }
.about-details.style2 .content .text p {
margin-top: 0;
margin-bottom: 5px; }
.simple-details .content .text {
margin-bottom: 30px; }
.about-details .content .text blockquote {
margin-top: 25px;
overflow: hidden;
text-align: center;
padding: 20px 30px 20px 25px;
border-left: 4px solid #c0af94;
background-color: #ebebeb; }
@media (max-width: 1199px) {
.about-details .content .text blockquote {
margin-top: 20px;
margin-bottom: 20px; } }
@media (max-width: 767px) {
.about-details .content .text blockquote {
padding: 15px; } }
.about-details .content .text blockquote p {
font-size: 16px;
line-height: 30px;
font-family: "Libre Baskerville";
color: #131313;
text-align: left;
font-style: normal;
margin: 0;
letter-spacing: 1.28px; }
.about-details .content .button {
margin-top: 14px;
margin-left: 0; }
/* nn. TITLES
-----------------*/
.titles {
max-width: 770px;
margin: auto; }
.titles.left {
max-width: none; }
.titles.left .title, .titles.left .subtitle {
text-align: left; }
.titles .title {
font-size: 36px;
font-family: "BebasNeueRegular", sans-serif;
color: #131313;
font-weight: 400;
line-height: 1.3;
text-align: center;
letter-spacing: 2px; }
.titles .subtitle {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
font-weight: 400;
line-height: 28px;
text-align: center;
letter-spacing: .73px; }
/* nn. INSTAGRAM
-----------------*/
.insta-box {
min-height: 300px; }
.insta-box img {
width: 100%; }
.insta-box .insta-box-follow {
font-size: 36px;
font-family: "BebasNeueRegular", sans-serif;
color: #131313;
font-weight: 400;
float: left;
width: 20.5%;
letter-spacing: 2.88px;
padding-top: 35px;
word-break: break-all;
line-height: 1.2; }
@media (max-width: 1199px) {
.insta-box .insta-box-follow {
font-size: 30px; } }
.insta-box .insta-box-follow a {
font-size: 14px;
display: inline-block;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
display: block;
font-weight: 400;
letter-spacing: 1.12px;
margin-top: 5px;
text-decoration: none;
transition: all 300ms ease; }
.insta-box .insta-box-follow a:hover {
color: #131313; }
.insta-box .insta-img-wrap {
overflow: hidden;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between; }
.insta-box .insta-img-wrap.style-2 {
flex-wrap: wrap; }
.insta-box .insta-img-wrap.style-2 a {
width: 120px; }
.insta-box .insta-img-wrap a {
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.insta-box .insta-img-wrap .img {
display: block;
height: 125px;
width: auto;
margin: 0;
margin-bottom: 40px; }
@media (max-width: 1199px) {
.insta-box .insta-img-wrap .img {
width: 115px;
height: 115px; } }
@media (max-width: 991px) {
.insta-box .insta-box-follow {
font-size: 24px;
float: none;
width: 100%;
text-align: center;
padding: 10px 0px 40px; }
.insta-box .insta-img-wrap .img {
width: 100px;
height: 100px; } }
@media (max-width: 767px) {
.insta-box {
padding: 0px 15px; }
.insta-box.col-xs-12 {
padding: 0px 30px; }
.insta-box .insta-img-wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around; }
.insta-box .insta-img-wrap a {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%; }
.insta-box .insta-img-wrap.style-2 a {
-webkit-flex-basis: 25%;
flex-basis: 25%; }
.insta-box .insta-img-wrap a .img {
margin-left: auto;
margin-right: auto; } }
.portfolio-single-content {
font-size: 14px;
font-family: "Montserrat", sans-serif;
color: #585858;
line-height: 1.7;
letter-spacing: .7px; }
.no-padd {
padding: 0 !important; }
@media (min-width: 1200px) {
.hero > .container {
padding: 0 !important; }
.no-padd-md {
padding: 0 !important; } }
@media (max-width: 992px) {
#google-map {
min-height: 310px !important; }
.top-banner .banner-text {
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
@media (max-width: 991px) {
.banner-gallery .content-wrap .content {
padding: 15px 30px; }
.banner-gallery .content-wrap .title {
font-size: 35px;
letter-spacing: 3px;
line-height: 50px; }
.about-details {
text-align: center; } }
@media (min-width: 768px) {
.pad-sm-l-0 {
padding-left: 0 !important; }
.pad-sm-r-0 {
padding-right: 0 !important; }
#contactform input,
.comments-form input {
width: 48.5%;
float: left; }
#contactform input[name="author"],
.comments-form input[name="author"] {
margin-right: 3%; } }
@media (max-width: 768px) {
.post-details .title {
line-height: 1.2; }
.top-banner {
height: 100vmin;
min-height: 500px; }
.top-banner.center_content {
min-height: 300px; }
.top-banner .banner-text {
position: relative;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
@media (max-width: 767px) {
.wpcf7 form input,
form.wpcf7-form input {
margin-bottom: 10px; }
.no-pad-xs {
padding: 0 !important; }
.action {
padding: 27px 30px;
text-align: center; }
.action .button {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-top: 20px;
padding: 1px 39px; }
.banner-gallery::before {
content: '';
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
height: 100%;
display: block;
position: absolute; }
.banner-gallery .content-wrap {
-webkit-transform: none;
-ms-transform: none;
transform: none;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
padding: 30px 15px;
margin-left: 0; }
.banner-gallery .content-wrap .content {
padding: 0; } }
@media (max-width: 767px) {
#google-map,
.contact-info {
float: none;
width: 100%;
height: auto !important; }
#google-map {
min-height: 300px !important;
height: 300px !important; }
.contact-info .details {
margin-left: 0; }
.contact-info {
margin-top: 30px;
text-align: center;
padding: 30px 15px; }
.top-banner .banner-text {
max-width: 90%;
padding: 0 15px; }
.top-banner .banner-text .title {
font-size: 28px; }
.hero {
padding: 0; }
.top-banner .subtitle {
letter-spacing: 5px; }
.about-details .content .text blockquote,
.about-section .content blockquote,
.portfolio-single-content blockquote {
padding: 23px 25px 14px; }
.about-details .content .text p {
margin-bottom: 15px; }
.about-details .content .text blockquote,
.about-section .content blockquote,
.portfolio-single-content blockquote {
margin-top: 13px; }
.about-details .content .button {
margin-top: 5px; }
.about-details .content .subtitle {
letter-spacing: 5px; }
.team-member .avatar {
height: 300px; }
.team-member .info .title {
font-size: 22px; }
.banner-gallery .content-wrap .title {
font-size: 30px;
margin-bottom: 30px;
line-height: 40px; } }
@media (max-width: 480px) {
.single blockquote,
.about-details .content blockquote,
.about-section .content blockquote,
.portfolio-single-content blockquote {
padding: 26px 26px 26px 36px; }
.pagination {
margin: 15px 0 0; }
.comments {
margin-top: 28px;
text-align: center; }
.comments .person .comment-date {
display: block; }
.comments .content {
padding-right: 0; }
.comments .person img {
float: none;
display: block;
margin: auto auto 15px; }
.comments .content .comment-reply-link {
top: auto;
bottom: -15px; }
.comments .comment {
margin-bottom: 30px; }
.comments-title {
margin-bottom: 20px; }
.comments-form {
margin-bottom: 60px; }
.post-details,
.single-content {
text-align: center; }
.post-details .title {
font-size: 30px; }
.single blockquote,
.about-details .content blockquote,
.about-section .content blockquote,
.portfolio-single-content blockquote {
font-size: 16px;
padding: 26px; }
.single-content p {
margin-bottom: 15px; }
.about-section {
padding: 30px 15px; }
.about-section .title {
font-size: 26px; }
.insta-box .insta-img-wrap.style-2 a {
-webkit-flex-basis: 25%;
flex-basis: 25%; } }
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
width: 100%; }
table,
th,
td {
border: 1px solid #d1d1d1; }
dd {
margin: 0 0 1.75em; }
address {
font-style: italic; }
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help; }
code {
color: #131313;
background-color: #545454; }
mark,
ins {
background: #007acc;
color: #ffffff;
padding: 0.125em 0.25em;
text-decoration: none; }
kbd {
background-color: transparent;
color: #131313;
font-weight: 100;
box-shadow: none;
opacity: .9; }
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0; }
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em; }
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%; }
.wp-caption .wp-caption-text {
font-style: italic;
opacity: .9;
font-size: 13px; }
/*PAGE NAVIGATION */
.post-nav,
.pager-pagination {
text-align: center;
clear: both;
font-family: "Montserrat", sans-serif;
padding: 50px 0; }
.post-nav a,
.pages,
.page-numbers:not(.next, .prev) {
border: 1px solid #131313;
border-radius: 2px;
display: inline-block;
font-size: 13px;
height: 24px;
line-height: 22px;
margin-right: 4px;
text-align: center;
width: 24px;
color: #ffffff;
text-decoration: none;
background-color: #131313; }
.post-nav a:hover,
.post-nav a:focus,
.page-numbers:hover,
.page-numbers:focus {
opacity: .7;
border-color: transparent;
color: #131313;
text-decoration: none; }
.next.page-numbers,
.prev.page-numbers {
font-family: "Montserrat", sans-serif;
text-decoration: none;
background-color: transparent !important;
color: #131313; }
.prev.page-numbers {
padding-right: 10px; }
.next.page-numbers {
padding-left: 10px; }
.next.page-numbers:hover,
.prev.page-numbers:hover {
color: #131313; }
.post-nav .pages,
.post-nav .current,
.pager-pagination .pages,
.pager-pagination .current {
opacity: .7;
border-color: transparent;
color: #131313; }
.post-nav a .pages {
opacity: 1; }
.post-nav a .pages {
opacity: 1; }
@media screen and (max-width: 991px) {
.post-nav,
.pager-pagination {
padding: 30px 0; } }
button,
html input[type=button],
input[type=reset],
input[type=submit] {
padding: 0 10px;
background: #131313;
border-color: #131313;
color: #ffffff;
transition: all 300ms ease;
border-radius: 0px; }
button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
opacity: .8; }
figure.gallery-item {
display: inline-block;
max-width: 33.33%;
text-align: center;
overflow: visible;
vertical-align: top;
width: 100%;
height: auto;
padding: 0 1.1400652% 2.2801304%; }
.gallery-caption {
padding-top: 7px; }
.gallery-columns-1 .gallery-item {
max-width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
caption {
color: #131313;
opacity: .7; }
div.wpcf7-response-output {
margin: auto auto 20px;
padding: 15px 0 0; }
.main-wrapper {
position: relative; }
.display {
display: block !important; }
.portfolio-single-content .social-list {
text-align: right; }
.portfolio-single-content .social-list li {
margin: 0px 1px 0 11px; }
.single-pagination {
padding: 50px 0; }
.single-pagination > div {
display: inline-block; }
.single-pagination > div.pag-prev {
float: left; }
.single-pagination > div.pag-prev a {
padding-left: 20px; }
.single-pagination > div.pag-prev a:hover i {
left: 5px; }
.single-pagination > div.pag-prev i {
left: 0;
transition: left 300ms ease; }
.single-pagination > div.pag-next {
float: right; }
.single-pagination > div.pag-next a {
padding-right: 20px; }
.single-pagination > div.pag-next a:hover i {
right: 5px; }
.single-pagination > div.pag-next i {
right: 0;
transition: right 300ms ease; }
.single-pagination > div a.content {
font-size: 14px;
font-family: "Montserrat", sans-serif;
color: #585858;
line-height: 1.7;
letter-spacing: .7px;
text-decoration: none;
position: relative;
display: block; }
.single-pagination > div a.content:hover {
color: #c0af94; }
.single-pagination > div a.content i {
font-size: 18px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #c0af94; }
@media screen and (max-width: 991px) {
.single-pagination {
padding: 30px 0; } }
@media screen and (max-width: 767px) {
.single-pagination > div.pag-prev {
float: left;
margin-left: 15px; }
.single-pagination > div.pag-next {
float: right;
margin-right: 15px; } }
/*Another styles*/
.bypostauthor {
font-size: inherit; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.top-banner {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: auto; }
.top-banner .subtitle {
padding-top: 0; }
.top-banner .content {
margin-top: 150px;
margin-bottom: 150px;
z-index: 30;
padding: 0 30px; }
.top-banner.left_content .content {
margin-top: 213px;
margin-bottom: 213px; }
.top-banner.center_content .content {
margin-top: 75px;
margin-bottom: 60px; }
.top-banner.full-height .content {
margin-top: auto;
margin-bottom: auto; }
.protected-page form {
padding-bottom: 280px; }
.sm-wrap-post .content .title {
padding-right: 15px;
padding-left: 15px; }
.post-content h5 {
padding-right: 15px;
padding-left: 15px; }
@media screen and (max-width: 1200px) {
.protected-page .protected-title {
padding-top: 150px; }
.protected-page form {
padding-bottom: 150px; }
.post-banner {
height: 300px; } }
@media (min-height: 600px) and (min-width: 1280px) {
.protected-page .protected-title {
padding-top: 100px; }
.protected-page form {
padding-bottom: 100px; } }
@media screen and (max-width: 992px) {
.top-banner .content {
margin-top: 100px;
margin-bottom: 100px; }
.top-banner.left_content .content {
margin-top: 150px;
margin-bottom: 150px; }
.protected-page .protected-title {
padding-top: 100px; }
.protected-page form {
padding-bottom: 100px; }
.select-for-hovers .content {
text-align: center; }
.services {
min-height: 280px; }
.post-banner {
height: 250px; }
.single-post .title {
font-size: 48px;
line-height: 1.2; }
.comments .comment-reply-title {
padding-top: 0;
font-size: 25px;
line-height: 1.2; }
.recent-post-single .recent-title {
font-size: 25px;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px; } }
.top-banner .content {
max-width: 1170px;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.top-banner.center_content {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0; }
.top-banner.center_content .content {
text-align: center; }
@media (max-width: 1199px) {
.top-banner .content {
max-width: 970px; } }
@media (max-width: 991px) {
.top-banner .content {
max-width: 750px; } }
@media (max-width: 767px) {
.top-banner .content {
padding: 0px 15px; } }
.top-banner .title {
line-height: 1.1; }
@media screen and (max-width: 768px) {
.single-post .title {
font-size: 40px; }
.single-post p {
margin-bottom: 15px; }
.contact-info {
margin-top: 0px; }
.contact-info .details h5,
.contact-form h2 {
font-size: 28px; }
.wpcf7 form input[type="submit"],
form.wpcf7-form #submit {
margin-bottom: 0px; } }
@media screen and (max-width: 767px) {
.sm-wrap-post a {
min-height: 150px; }
.blog .sidebar-item {
margin-right: 15px; } }
@media screen and (max-width: 600px) {
.top-banner .content,
.top-banner.center_content .content {
margin-top: 70px;
margin-bottom: 70px; }
.top-banner.left_content .content {
margin-top: 100px;
margin-bottom: 100px; }
.protected-page .protected-title {
padding-top: 60px;
font-size: 26px;
padding-bottom: 0; }
.protected-page form {
padding-bottom: 60px; }
.protected-page input[type="submit"] {
margin-top: 30px;
margin-bottom: 10px; }
.single-post .title {
font-size: 30px; } }
.error-height {
height: 100vh; }
.top-banner.top_align .content {
top: 0 !important;
margin-top: 0 !important; }
/* change */
.post.no-image a:hover,
.no-image.recent-simple-post a:hover {
opacity: 1 !important;
transition: all 0.5s ease; }
.post.no-image a:hover:before {
opacity: 1;
transition: all 0.5s ease; }
.post.no-image a:hover .date {
opacity: 1;
transition: all 0.5s ease; }
.post.no-image a:hover h5,
.no-image.recent-simple-post .sm-wrap-post a:hover .content {
opacity: 1;
transition: all 0.5s ease; }
.empty-post-list {
padding-bottom: 130px; }
.search-no-results .main-wrapper {
height: auto; }
.blog {
height: auto !important; }
.banner-list li span {
background-size: cover; }
/* For version 1.3.0 */
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #984f4f; }
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #364e24; }
/*================================================*/
/* PRODUCT PRICE */
/*================================================*/
.woocommerce .napoli_product_detail div.product p.price,
.woocommerce .single-product div.product p.price,
.woocommerce .napoli_product_detail div.product span.price,
.woocommerce .single-product div.product span.price,
.woocommerce ul.products.default li.product .price,
.napoli_cart.shop_table ul .cart_item ul .product-price,
.napoli_cart.shop_table ul .cart_item ul .product-subtotal,
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price,
.woocommerce table.shop_table .cart_item .product-total {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.40px;
font-weight: 600;
color: #c0af94;
margin-bottom: 0; }
.woocommerce .napoli_product_detail div.product p.price del,
.woocommerce .single-product div.product p.price del,
.woocommerce .napoli_product_detail div.product span.price del,
.woocommerce .single-product div.product span.price del,
.woocommerce ul.products.default li.product .price del,
.napoli_cart.shop_table ul .cart_item ul .product-price del,
.napoli_cart.shop_table ul .cart_item ul .product-subtotal del,
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price del,
.woocommerce table.shop_table .cart_item .product-total del {
color: #d4d4d4;
opacity: 1;
display: inline-block;
padding-right: 10px; }
.woocommerce .napoli_product_detail div.product p.price ins,
.woocommerce .single-product div.product p.price ins,
.woocommerce .napoli_product_detail div.product span.price ins,
.woocommerce .single-product div.product span.price ins,
.woocommerce ul.products.default li.product .price ins,
.napoli_cart.shop_table ul .cart_item ul .product-price ins,
.napoli_cart.shop_table ul .cart_item ul .product-subtotal ins,
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price ins,
.woocommerce table.shop_table .cart_item .product-total ins {
padding: 0;
color: #131313;
font-weight: 600; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 24px;
font-weight: normal;
letter-spacing: 1.88px; }
/*================================================*/
/* BUTTONS */
/*================================================*/
.woocommerce-page.woocommerce-cart .woocommerce input.button,
.woocommerce-page.woocommerce-checkout .woocommerce input.button {
display: inline-block;
width: auto;
min-width: 144px;
border-radius: 0;
box-sizing: border-box;
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
letter-spacing: 1.1px;
font-weight: bold;
text-transform: uppercase;
padding: 8px 20px;
background-color: transparent;
border-top: 2px solid rgba(19, 19, 19, 0.5);
border-bottom: 2px solid rgba(19, 19, 19, 0.5);
color: #131313;
transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
right: auto;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.woocommerce-page.woocommerce-cart .woocommerce input.button:hover,
.woocommerce-page.woocommerce-checkout .woocommerce input.button:hover {
border-top: 2px solid #131313;
border-bottom: 2px solid #131313;
background-color: #131313;
color: #fff;
opacity: 1; }
.woocommerce-page.woocommerce-cart a.button,
.woocommerce-page.woocommerce-checkout a.button,
.woocommerce-page.woocommerce a.button,
.woocommerce-page.woocommerce button.button.alt,
.woocommerce button.button.alt,
a.button.checkout {
display: inline-block;
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
letter-spacing: 1.1px;
font-weight: bold;
box-sizing: border-box;
padding: 8px 20px;
text-transform: uppercase;
border-top: 2px solid rgba(19, 19, 19, 0.5);
border-bottom: 2px solid rgba(19, 19, 19, 0.5);
color: #131313;
border-radius: 0;
background-color: transparent;
margin-top: 0;
opacity: 1; }
.woocommerce-page.woocommerce-cart a.button:hover,
.woocommerce-page.woocommerce-checkout a.button:hover,
.woocommerce-page.woocommerce a.button:hover,
.woocommerce-page.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:hover,
a.button.checkout:hover {
border-top: 2px solid #131313;
border-bottom: 2px solid #131313;
background-color: #131313;
color: #fff; }
.woocommerce ul.products li.product .napoli-prod-list-image .napoli-add-to-cart a,
.woocommerce-page.woocommerce .woocommerce-message a.button {
display: inline-block;
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
letter-spacing: 1.1px;
font-weight: bold;
box-sizing: border-box;
padding: 8px 20px;
text-transform: uppercase;
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
color: #ffffff;
border-radius: 0;
background-color: transparent;
margin-top: 0;
opacity: 1; }
.woocommerce ul.products li.product .napoli-prod-list-image .napoli-add-to-cart a:hover,
.woocommerce-page.woocommerce .woocommerce-message a.button:hover {
opacity: 1;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
color: #000;
background-color: #ffffff; }
.woocommerce ul.products li.product .napoli-prod-list-image .napoli-add-to-cart .added_to_cart {
display: none; }
/*================================================*/
/* PRODUCT RATING */
/*================================================*/
.woocommerce .single-product .star-rating,
.woocommerce .napoli_product_detail .star-rating {
font-size: 12px;
height: 20px;
color: #131313; }
.woocommerce .single-product .star-rating:before,
.woocommerce .napoli_product_detail .star-rating:before {
color: #e6e6e6; }
/*================================================*/
/* PRODUCT ONSALE */
/*================================================*/
.woocommerce .napoli_images span.onsale,
.woocommerce ul.products li.product .napoli-prod-list-image .onsale {
position: absolute;
top: 30px;
left: 30px;
bottom: auto;
right: auto;
border-radius: 0;
display: inline-block;
margin: 0;
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.40px;
font-weight: 400;
background-color: #c0af94;
color: #fff;
text-transform: uppercase;
padding: 8px 20px;
min-height: auto;
min-width: auto; }
/*================================================*/
/* PRODUCT QUANTITY */
/*================================================*/
.woocommerce .quantity .qty {
width: 80px;
height: 40px;
margin-right: 22px;
border: 2px solid #f2f2f2;
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
font-weight: 700;
color: #131313;
padding-right: 7px;
background-color: transparent; }
/*================================================*/
/* PRODUCT MESSAGE */
/*================================================*/
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
font-family: "Montserrat";
font-size: 14px;
line-height: 40px;
border-top: 4px solid #c0af94;
background-color: #c0af94;
color: #f9f5ee; }
.woocommerce .woocommerce-error {
background-color: #984f4f;
border-top: 4px solid #984f4f; }
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-error:before {
color: #f9f5ee; }
.woocommerce .woocommerce-message .showcoupon,
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info .showcoupon,
.woocommerce .woocommerce-info .showlogin {
color: #fff; }
@media only screen and (max-width: 767px) {
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
margin-left: 15px !important;
margin-right: 15px !important; }
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
line-height: 20px; } }
/*================================================*/
/* PRODUCT DETAIL PAGE */
/*================================================*/
.napoli_product_detail,
.single-product {
margin-top: 0;
margin-bottom: 20px; }
/* PRODUCT DETAILS PAGE - IMAGES */
.napoli_product_detail .product .napoli_images,
.single-product .product .napoli_images {
width: 52%;
float: left;
max-width: 600px;
margin-top: 5px;
position: relative; }
.napoli_product_detail .product .napoli_images a,
.single-product .product .napoli_images a {
display: block; }
/* PRODUCT DETAILS PAGE - SLIDER */
.napoli_images .swiper-slide a {
display: block;
min-height: 600px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat; }
.napoli_images .pagination {
position: absolute;
bottom: 22px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
width: auto; }
.napoli_images .pagination .swiper-pagination-switch {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
border-radius: 50%;
background-color: #fff;
opacity: 0.4;
cursor: pointer;
transition: opacity 0.3s ease; }
.napoli_images .pagination .swiper-pagination-switch:hover {
opacity: 0.7; }
.napoli_images .pagination .swiper-active-switch {
opacity: 1; }
/* PRODUCT DETAILS PAGE - INFO */
.single-product .product .summary.entry-summary,
.napoli_product_detail .product .summary.entry-summary {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 500px;
margin-bottom: 0; }
/* PRODUCT DETAILS PAGE - PRICE */
.single-product .product_price,
.napoli_product_detail .product_price {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 40%;
margin-bottom: 27px; }
/* PRODUCT DETAILS PAGE - RATING */
.single-product .product .summary .woocommerce-product-rating,
.napoli_product_detail .product .summary .woocommerce-product-rating {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 60%;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 0; }
.single-product .product .summary .woocommerce-product-rating .star-rating,
.napoli_product_detail .product .summary .woocommerce-product-rating .star-rating {
margin-top: 3px;
margin-right: 5px; }
.single-product .product .summary .woocommerce-product-rating .woocommerce-review-link,
.napoli_product_detail .product .summary .woocommerce-product-rating .woocommerce-review-link {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.40px;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
color: #888888; }
/* PRODUCT DETAILS PAGE - TITLE */
.single-product .product .summary .product_title,
.napoli_product_detail .product .summary .product_title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
width: 100%;
font-size: 36px;
line-height: 40px;
font-weight: 400;
letter-spacing: 2.88px;
margin-bottom: 20px;
color: #131313; }
/* PRODUCT DETAILS PAGE - DESCRIPTION */
.single-product .product .summary .product_desc,
.napoli_product_detail .product .summary .product_desc {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
width: 100%;
margin-bottom: 22px; }
.single-product .product .summary .product_desc p,
.napoli_product_detail .product .summary .product_desc p {
width: 100%;
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
margin-bottom: 0;
color: #888888; }
/* PRODUCT DETAILS PAGE - FORM */
.single-product .product .summary .cart,
.napoli_product_detail .product .summary .cart {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
width: 100%;
margin-bottom: 33px; }
.single-product .product .summary .variations_form.cart,
.napoli_product_detail .product .summary .variations_form.cart {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.single-product .product .summary .cart .variations,
.napoli_product_detail .product .summary .cart .variations {
margin-bottom: 42px;
table-layout: auto; }
.single-product .product .summary .cart .group_table,
.napoli_product_detail .product .summary .cart .group_table {
border: 0;
margin-bottom: 42px;
table-layout: auto; }
.single-product .product .summary .cart .group_table td.label,
.napoli_product_detail .product .summary .cart .group_table td.label {
font-family: "BebasNeueRegular",sans-serif;
font-size: 18px;
line-height: 28px;
letter-spacing: 1.4px;
font-weight: 400;
color: #fff;
text-align: left; }
.single-product .product .summary .cart .variations .label,
.napoli_product_detail .product .summary .cart .variations .label {
padding: 0; }
.single-product .product .summary .cart .variations .label label,
.napoli_product_detail .product .summary .cart .variations .label label {
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
letter-spacing: 1.1px;
font-weight: 400;
text-transform: uppercase;
color: #131313;
margin-bottom: 14px; }
.single-product .product .summary .cart .variations .value,
.napoli_product_detail .product .summary .cart .variations .value {
padding: 0; }
.single-product .product .summary .cart .variations .value fieldset,
.napoli_product_detail .product .summary .cart .variations .value fieldset {
border-top: 4px solid #f2f2f2;
border-bottom: 4px solid #f2f2f2; }
.single-product .product .summary .cart .variations .value ul,
.napoli_product_detail .product .summary .cart .variations .value ul {
list-style-type: none;
margin-bottom: 0;
padding: 18px 0; }
.single-product .product .summary .cart .variations .value ul li:not(:last-child),
.napoli_product_detail .product .summary .cart .variations .value ul li:not(:last-child) {
margin-bottom: 7px; }
.single-product .product .summary .cart .variations .value ul li input,
.napoli_product_detail .product .summary .cart .variations .value ul li input {
display: none; }
.single-product .product .summary .cart .variations .value ul li label,
.napoli_product_detail .product .summary .cart .variations .value ul li label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 29px;
margin-right: 0;
font-family: "Libre Baskerville";
font-size: 12px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #131313;
margin-bottom: 0;
min-width: 121px; }
.single-product .product .summary .cart .variations .value ul li label:before,
.napoli_product_detail .product .summary .cart .variations .value ul li label:before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #e6e6e6; }
.single-product .product .summary .cart .variations .value ul li input:checked + label:before,
.napoli_product_detail .product .summary .cart .variations .value ul li input:checked + label:before {
background-color: #c0af94; }
.single-product .product .summary .cart .variations .value ul li p,
.napoli_product_detail .product .summary .cart .variations .value ul li p {
display: inline-block;
margin-bottom: 0;
font-size: 12px;
line-height: 28px;
letter-spacing: 0.9px;
font-weight: 400;
color: #969696;
position: relative; }
.single-product .product .summary .cart .variations .value ul li .price,
.napoli_product_detail .product .summary .cart .variations .value ul li .price {
float: right;
line-height: 28px; }
.single-product .single_variation_wrap,
.napoli_product_detail .single_variation_wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.single-product .single_variation,
.napoli_product_detail .single_variation {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 50%;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.single-product .variations_button,
.napoli_product_detail .variations_button {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 50%; }
.single-product .product .summary .cart .button,
.napoli_product_detail .product .summary .cart .button {
float: none; }
.single-product .product .summary .cart .button:hover,
.napoli_product_detail .product .summary .cart .button:hover {
color: #fff !important; }
/* PRODUCT DETAILS PAGE - META */
.single-product .product .summary .product_meta,
.napoli_product_detail .product .summary .product_meta {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888; }
.single-product .product .summary .product_meta a,
.napoli_product_detail .product .summary .product_meta a {
text-decoration: none;
color: #c0af94; }
.single-product .product .summary .product_meta .sku_wrapper,
.napoli_product_detail .product .summary .product_meta .sku_wrapper {
width: 100%; }
.single-product .product .summary .product_meta .posted_in,
.napoli_product_detail .product .summary .product_meta .posted_in {
width: 100%; }
@media only screen and (max-width: 1199px) {
.single-product .product .napoli_images,
.napoli_product_detail .product .napoli_images {
max-width: 500px; }
.single-product .product .summary.entry-summary,
.napoli_product_detail .product .summary.entry-summary {
max-width: 440px; }
/* PRODUCT DETAILS PAGE - FORM */
.single-product .product .summary .cart .variations .value ul li,
.napoli_product_detail .product .summary .cart .variations .value ul li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.single-product .product .summary .cart .variations .value ul li label,
.napoli_product_detail .product .summary .cart .variations .value ul li label {
min-width: 100px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.single-product .product .summary .cart .variations .value ul li p,
.napoli_product_detail .product .summary .cart .variations .value ul li p {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.single-product .product .summary .cart .variations .value ul li .price,
.napoli_product_detail .product .summary .cart .variations .value ul li .price {
float: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; } }
@media only screen and (max-width: 991px) {
.single-product .product .napoli_images,
.napoli_product_detail .product .napoli_images {
width: 50%;
max-width: 360px; }
.napoli_images .swiper-slide a {
min-height: 360px; }
.single-product .product .summary.entry-summary,
.napoli_product_detail .product .summary.entry-summary {
width: 50%;
max-width: 360px; } }
@media only screen and (max-width: 768px) {
.single-product .product .napoli_images,
.napoli_product_detail .product .napoli_images {
float: none;
width: 100%;
max-width: 570px;
margin-left: auto;
margin-right: auto; }
.single-product .product .napoli_images a,
.napoli_product_detail .product .napoli_images a {
text-align: center; }
.napoli_images .swiper-slide a {
min-height: 570px; }
.single-product .product .summary.entry-summary,
.napoli_product_detail .product .summary.entry-summary {
width: 100%;
max-width: none;
margin-top: 30px; }
.single-product .product .summary .variations_form.cart,
.napoli_product_detail .product .summary .variations_form.cart {
display: inline-block;
width: auto;
min-width: 500px; } }
@media only screen and (max-width: 767px) {
.single-product .product,
.napoli_product_detail .product {
padding: 0 15px; }
.napoli_images .swiper-slide a {
min-height: 360px; }
.single-product .product .summary .woocommerce-product-rating,
.napoli_product_detail .product .summary .woocommerce-product-rating {
width: 100%;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.single-product .product_price,
.napoli_product_detail .product_price {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-bottom: 15px; } }
@media only screen and (max-width: 600px) {
.single-product .product .summary .variations_form.cart,
.napoli_product_detail .product .summary .variations_form.cart {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
min-width: auto; }
.single-product .single_variation_wrap,
.napoli_product_detail .single_variation_wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
@media only screen and (max-width: 400px) {
.single-product .single_variation,
.napoli_product_detail .single_variation {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 30px; }
.single-product .variations_button,
.napoli_product_detail .variations_button {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%; } }
/*================================================*/
/* PRODUCT DETAIL PAGE TABS */
/*================================================*/
.single-product .product .woocommerce-tabs,
.napoli_product_detail .product .woocommerce-tabs {
padding-top: 60px; }
.single-product .product .woocommerce-tabs .tabs.wc-tabs,
.napoli_product_detail .product .woocommerce-tabs .tabs.wc-tabs {
padding: 0;
margin-bottom: 34px; }
.single-product .product .woocommerce-tabs .tabs.wc-tabs:before,
.napoli_product_detail .product .woocommerce-tabs .tabs.wc-tabs:before {
border-bottom: 4px solid #f2f2f2; }
.single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li,
.napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li {
background-color: transparent;
border: none;
border-radius: 0;
margin: 0;
padding: 0 15px;
border-bottom: 4px solid transparent;
transition: border-bottom 0.3s ease;
position: relative; }
.single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li a,
.napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
font-family: "Montserrat",sans-serif;
font-size: 11px;
line-height: 24px;
letter-spacing: 2.20px;
font-weight: 400;
color: #888888;
text-transform: uppercase;
padding: 12px 0; }
.single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li.active,
.napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li.active {
border-bottom: 4px solid #c0af94;
transition: border-bottom 0.3s ease; }
.single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li:before,
.napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li:before,
.single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li:after,
.napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li:after {
display: none; }
.single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a,
.napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
color: #131313; }
/* PRODUCT DETAILS PAGE - TABS PANEL*/
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel,
.napoli_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel {
border: none;
box-shadow: none;
background-color: transparent; }
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel h2,
.napoli_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 36px;
line-height: 40px;
letter-spacing: 2.88px;
font-weight: 400;
margin-bottom: 26px;
color: #131313; }
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel p,
.napoli_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel p {
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888;
margin-bottom: 0; }
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel table,
.napoli_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel table {
border: none;
border-collapse: collapse; }
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel table th,
.napoli_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel table th,
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel table td,
.napoli_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel table td {
border: none; }
/* PRODUCT DETAILS PAGE - TABS PANEL REVIEWS*/
.single-product .product .woocommerce-Reviews,
.napoli_product_detail .product .woocommerce-Reviews {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
/* PRODUCT DETAILS PAGE - TABS PANEL COMMENTS*/
.single-product .product .woocommerce-Reviews #comments,
.napoli_product_detail .product .woocommerce-Reviews #comments {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 70%; }
.single-product .product #reviews #comments .commentlist .comment,
.napoli_product_detail .product #reviews #comments .commentlist .comment {
margin-bottom: 20px; }
.single-product .product #reviews #comments .commentlist .comment .avatar,
.napoli_product_detail .product #reviews #comments .commentlist .comment .avatar {
width: 70px;
padding: 0;
background-color: transparent;
border: none;
margin-right: 20px;
margin-top: 6px; }
.single-product .product #reviews #comments .commentlist .comment .comment-text,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text {
margin: 0 0 0 90px;
border: none;
border-radius: 0;
padding: 0; }
.single-product .product #reviews #comments .commentlist .comment .comment-text .star-rating,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .star-rating {
margin-top: 13px;
margin-right: 20px; }
.single-product .product #reviews #comments .commentlist .comment .comment-text .meta,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .meta {
font-family: "BebasNeueRegular";
font-size: 24px;
line-height: 30px;
letter-spacing: 1.92px;
font-weight: 400;
margin-top: 0;
margin-bottom: 7px;
text-transform: uppercase;
color: #131313; }
.single-product .product #reviews #comments .commentlist .comment .comment-text .meta strong,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .meta strong {
font-weight: inherit; }
.single-product .product #reviews #comments .commentlist .comment .comment-text .date_publish,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .date_publish {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.40px;
font-weight: 400;
color: #c0af94;
margin-left: 10px; }
.single-product .product #reviews #comments .commentlist .comment .comment-text .description,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .description {
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888; }
.single-product .product #reviews #comments .commentlist .comment .comment-text .description p,
.napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .description p {
margin: 0; }
/* PRODUCT DETAILS PAGE - TABS PANEL FORM*/
.single-product .product .woocommerce-Reviews #review_form_wrapper,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 30%;
padding-left: 50px; }
.single-product .product .woocommerce-Reviews #review_form_wrapper .comment-reply-title,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-reply-title {
font-family: "BebasNeueRegular",sans-serif;
font-size: 24px;
line-height: 30px;
letter-spacing: 1.92px;
font-weight: 400;
margin-top: 8px;
color: #131313; }
.single-product .product .woocommerce-Reviews #review_form_wrapper #respond .comment-form-rating,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper #respond .comment-form-rating {
margin: 10px 0 15px 0; }
.single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form-rating label,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form-rating label {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 1.50px;
font-weight: 400;
color: #c0af94;
text-transform: uppercase;
margin-bottom: 0;
margin-right: 15px; }
.single-product .product .woocommerce-Reviews #review_form_wrapper #respond .comment-form-rating .stars,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper #respond .comment-form-rating .stars {
display: inline-block;
font-size: 12px;
line-height: 20px;
margin-bottom: 0; }
.single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form-rating .stars a,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form-rating .stars a {
height: 20px;
vertical-align: middle; }
.single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form-comment,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form-comment,
.single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form-author,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form-author,
.single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form-email,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form-email {
margin: 0 0 12px !important; }
.single-product .product .woocommerce-Reviews #review_form_wrapper input,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper input,
.single-product .product .woocommerce-Reviews #review_form_wrapper textarea,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper textarea {
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888;
width: 100%;
border: none;
background-color: transparent;
padding: 10px 0;
border-bottom: 1px solid #f2f2f2; }
.single-product .product .woocommerce-Reviews #review_form_wrapper textarea,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper textarea {
resize: vertical; }
.single-product .product .woocommerce-Reviews #review_form_wrapper .form-submit,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .form-submit {
margin-top: 46px !important; }
.single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit {
display: inline-block;
width: auto;
min-width: 144px;
border-radius: 0;
box-sizing: border-box;
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
letter-spacing: 1.1px;
font-weight: bold;
text-transform: uppercase;
padding: 8px 20px;
background-color: transparent;
border-top: 2px solid rgba(19, 19, 19, 0.5);
border-bottom: 2px solid rgba(19, 19, 19, 0.5);
color: #131313;
transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease; }
.single-product .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit:hover,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit input#submit:hover {
border-top: 2px solid #131313;
border-bottom: 2px solid #131313;
background-color: #131313;
color: #fff;
opacity: 1; }
@media only screen and (max-width: 1199px) {
.single-product .product .woocommerce-Reviews #review_form_wrapper,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper {
padding-left: 30px; } }
@media only screen and (max-width: 991px) {
.single-product .product .woocommerce-Reviews #comments,
.napoli_product_detail .product .woocommerce-Reviews #comments {
width: 65%; }
.single-product .product .woocommerce-Reviews #review_form_wrapper,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper {
width: 35%; } }
@media only screen and (max-width: 767px) {
.single-product .product .woocommerce-Reviews #comments,
.napoli_product_detail .product .woocommerce-Reviews #comments {
width: 100%; }
.single-product .product .woocommerce-Reviews #review_form_wrapper,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper {
width: 100%;
padding-left: 0;
max-width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 40px; }
.single-product .product .woocommerce-Reviews #review_form_wrapper #respond .comment-form-rating,
.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper #respond .comment-form-rating {
text-align: left; } }
/*================================================*/
/* PRODUCT DETAIL PAGE RELATED PRODUCTS */
/*================================================*/
.single-product .product div.related.products,
.napoli_product_detail .product div.related.products {
padding-top: 16px; }
.single-product div.product .up-sells .products,
.napoli_product_detail div.product .up-sells .products,
.single-product .product .related.products .products,
.napoli_product_detail .product .related.products .products {
margin-top: 31px;
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px; }
/* PRODUCT DETAILS PAGE - UP SELLS*/
.single-product div.product .up-sells h2,
.napoli_product_detail div.product .up-sells h2,
.single-product .product .related.products h2,
.napoli_product_detail .product .related.products h2 {
font-size: 36px;
line-height: 40px;
letter-spacing: 2.88px;
font-weight: 400;
color: #131313; }
.single-product div.product .up-sells .products li.product,
.napoli_product_detail div.product .up-sells .products li.product,
.page .single-product .product div.related.products li.product,
.woocommerce .napoli_product_detail .product div.related.products li.product {
width: 33.333333%; }
.single-product div.product .up-sells .products li.product .napoli-prod-list-image,
.napoli_product_detail div.product .up-sells .products li.product .napoli-prod-list-image,
.page .single-product .product div.related.products li.product .napoli-prod-list-image,
.woocommerce .napoli_product_detail .product div.related.products li.product .napoli-prod-list-image {
min-height: 370px; }
@media only screen and (max-width: 1199px) {
.single-product div.product .up-sells .products li.product .napoli-prod-list-image,
.napoli_product_detail div.product .up-sells .products li.product .napoli-prod-list-image,
.page .single-product .product div.related.products li.product .napoli-prod-list-image,
.woocommerce .napoli_product_detail .product div.related.products li.product .napoli-prod-list-image {
min-height: 300px; } }
@media only screen and (max-width: 991px) {
.single-product div.product .up-sells .products li.product .napoli-prod-list-image,
.napoli_product_detail div.product .up-sells .products li.product .napoli-prod-list-image,
.page .single-product .product div.related.products li.product .napoli-prod-list-image,
.woocommerce .napoli_product_detail .product div.related.products li.product .napoli-prod-list-image {
min-height: 230px; } }
@media only screen and (max-width: 767px) {
.single-product div.product .up-sells .products,
.napoli_product_detail div.product .up-sells .products,
.page .single-product .product div.related.products .products,
.woocommerce .napoli_product_detail .product div.related.products .products {
padding-left: 0;
padding-right: 0; }
.single-product div.product .up-sells .products li.product,
.napoli_product_detail div.product .up-sells .products li.product,
.page .single-product .product div.related.products li.product,
.woocommerce .napoli_product_detail .product div.related.products li.product {
width: 100%; }
.single-product div.product .up-sells .products li.product .napoli-prod-list-image,
.napoli_product_detail div.product .up-sells .products li.product .napoli-prod-list-image,
.page .single-product .product div.related.products li.product .napoli-prod-list-image,
.woocommerce .napoli_product_detail .product div.related.products li.product .napoli-prod-list-image {
min-height: 370px; } }
@media only screen and (max-width: 350px) {
.single-product div.product .up-sells .products li.product .napoli-prod-list-image,
.napoli_product_detail div.product .up-sells .products li.product .napoli-prod-list-image,
.page .single-product .product div.related.products li.product .napoli-prod-list-image,
.woocommerce .napoli_product_detail .product div.related.products li.product .napoli-prod-list-image {
min-height: 290px; } }
/*================================================*/
/* PRODUCT LIST PAGE */
/*================================================*/
.woocommerce.woocommerce-page ul.products,
.page .woocommerce ul.products {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0;
margin-bottom: 20px; }
.woocommerce.woocommerce-page ul.products::before,
.page .woocommerce ul.products::before {
position: absolute; }
.woocommerce.woocommerce-page ul.products::after,
.page .woocommerce ul.products::after {
position: absolute; }
.woocommerce ul.products li.product {
float: none;
margin: 0 0 35px 0;
padding: 0 15px;
color: #888888;
text-align: center; }
.woocommerce ul.products li.product.product-category a {
display: block; }
.woocommerce ul.products li.product .napoli_product_list_name .count {
display: inline-block;
margin: 0;
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.40px;
font-weight: 400;
background-color: #c0af94;
color: #fff;
text-transform: uppercase;
padding: 2px 10px;
vertical-align: middle; }
.woocommerce ul.products li.product .napoli-prod-list-image {
position: relative;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
margin-bottom: 27px; }
.woocommerce ul.products.gutt-col-2 li.product .napoli-prod-list-image {
margin-bottom: 22px; }
.woocommerce ul.products li.product .napoli-prod-list-image:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #000000;
opacity: 0;
transition: opacity 0.3s ease; }
.woocommerce ul.products li.product .napoli-prod-list-image:hover:after {
opacity: 0.7; }
.woocommerce ul.products li.product .napoli-prod-list-image:hover .product-links-wrapp {
opacity: 1; }
.woocommerce ul.products li.product .napoli-prod-list-image .product-links-wrapp {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: opacity 0.3s ease;
z-index: 10;
opacity: 0; }
.woocommerce ul.products li.product .napoli-prod-list-image .napoli-link {
display: inline-block;
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
color: #c0af94;
margin-top: 15px;
opacity: 1;
transition: opacity 0.3s ease; }
.woocommerce ul.products li.product .category-product a {
display: inline-block;
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888;
margin-bottom: 4px; }
.woocommerce ul.products.gutt-col-2 li.product h3 {
font-size: 36px;
line-height: 40px; }
.woocommerce ul.products li.product h3 {
font-size: 24px;
line-height: 24px;
letter-spacing: 2.88px;
font-weight: 400;
padding: 0;
color: #131313; }
.woocommerce ul.products li.product .price {
margin-top: 10px; }
.woocommerce ul.products.gutt-col-2 li.product .price {
margin-top: 8px; }
.page .woocommerce.columns-2 ul.products li.product,
.woocommerce ul.products.gutt-col-2 li.product {
width: 50%; }
.page .woocommerce.columns-2 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-2 li.product .napoli-prod-list-image {
min-height: 570px; }
.page .woocommerce.columns-3 ul.products li.product,
.woocommerce ul.products.gutt-col-3 li.product {
width: 33.333333%; }
.page .woocommerce.columns-3 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-3 li.product .napoli-prod-list-image {
min-height: 370px; }
.page .woocommerce.columns-4 ul.products li.product,
.woocommerce ul.products.gutt-col-4 li.product {
width: 25%; }
.page .woocommerce.columns-4 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-4 li.product .napoli-prod-list-image {
min-height: 270px; }
.page .woocommerce.columns-5 ul.products li.product {
width: 20%; }
.page .woocommerce.columns-5 ul.products li.product .napoli-prod-list-image {
min-height: 210px; }
.page .woocommerce.columns-6 ul.products li.product {
width: 16.666666%; }
.page .woocommerce.columns-6 ul.products li.product .napoli-prod-list-image {
min-height: 170px; }
.page .woocommerce.columns-1,
.page .woocommerce.columns-2,
.page .woocommerce.columns-3,
.page .woocommerce.columns-4,
.page .woocommerce.columns-5,
.page .woocommerce.columns-6 {
margin-left: -15px;
margin-right: -15px; }
.page .woocommerce.columns-1 ul.products li.product {
width: 100%; }
/* PRODUCT DETAILS PAGE - PAGINATION*/
.napoli-woocommerce-pagination .posts-navigation .screen-reader-text {
display: none; }
.napoli-woocommerce-pagination .nav-links {
padding: 30px 15px 70px; }
.napoli-woocommerce-pagination .nav-links:after,
.napoli-woocommerce-pagination .nav-links:before {
content: '';
display: table;
clear: both; }
.napoli-woocommerce-pagination .nav-links .nav-next {
width: 50%;
float: left; }
.napoli-woocommerce-pagination .nav-links .nav-previous {
width: 50%;
float: right;
text-align: right; }
.napoli-woocommerce-pagination .nav-links .nav-previous a,
.napoli-woocommerce-pagination .nav-links .nav-next a {
font-family: "Montserrat";
font-size: 14px;
line-height: 20px;
letter-spacing: 2.40px;
font-weight: 400;
text-decoration: none;
color: #585858; }
.napoli-woocommerce-pagination .nav-links .nav-previous a:hover,
.napoli-woocommerce-pagination .nav-links .nav-next a:hover {
color: #c0af94; }
@media only screen and (max-width: 1199px) {
.page .woocommerce.columns-2 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-2 li.product .napoli-prod-list-image {
min-height: 470px; }
.page .woocommerce.columns-3 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-3 li.product .napoli-prod-list-image {
min-height: 300px; }
.page .woocommerce.columns-4 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-4 li.product .napoli-prod-list-image {
min-height: 220px; }
.page .woocommerce.columns-5 ul.products li.product {
width: 25%; }
.page .woocommerce.columns-5 ul.products li.product .napoli-prod-list-image {
min-height: 210px; }
.page .woocommerce.columns-6 ul.products li.product {
width: 25%; }
.page .woocommerce.columns-6 ul.products li.product .napoli-prod-list-image {
min-height: 210px; } }
@media only screen and (max-width: 991px) {
.page .woocommerce.columns-2 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-2 li.product .napoli-prod-list-image {
min-height: 360px; }
.page .woocommerce.columns-3 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-3 li.product .napoli-prod-list-image {
min-height: 230px; }
.page .woocommerce.columns-4 ul.products li.product,
.woocommerce ul.products.gutt-col-4 li.product {
width: 33.333333%; }
.page .woocommerce.columns-4 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-4 li.product .napoli-prod-list-image {
min-height: 230px; }
.page .woocommerce.columns-5 ul.products li.product {
width: 33.333333%; }
.page .woocommerce.columns-5 ul.products li.product .napoli-prod-list-image {
min-height: 230px; }
.page .woocommerce.columns-6 ul.products li.product {
width: 33.333333%; }
.page .woocommerce.columns-6 ul.products li.product .napoli-prod-list-image {
min-height: 230px; }
.napoli-woocommerce-pagination .nav-links {
padding: 10px 30px 30px; } }
@media only screen and (max-width: 767px) {
.woocommerce.woocommerce-page ul.products {
padding-left: 15px;
padding-right: 15px; }
.page .woocommerce.columns-3 ul.products li.product,
.woocommerce ul.products.gutt-col-3 li.product {
width: 50%; }
.page .woocommerce.columns-3 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-3 li.product .napoli-prod-list-image {
min-height: 360px; }
.page .woocommerce.columns-4 ul.products li.product,
.woocommerce ul.products.gutt-col-4 li.product {
width: 50%; }
.page .woocommerce.columns-4 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-4 li.product .napoli-prod-list-image {
min-height: 360px; }
.page .woocommerce.columns-5 ul.products li.product {
width: 50%; }
.page .woocommerce.columns-5 ul.products li.product .napoli-prod-list-image {
min-height: 360px; }
.page .woocommerce.columns-6 ul.products li.product {
width: 50%; }
.page .woocommerce.columns-6 ul.products li.product .napoli-prod-list-image {
min-height: 360px; }
.napoli-woocommerce-pagination .nav-links .nav-previous a,
.napoli-woocommerce-pagination .nav-links .nav-next a {
letter-spacing: 1.8px; }
.page .woocommerce.columns-1,
.page .woocommerce.columns-2,
.page .woocommerce.columns-3,
.page .woocommerce.columns-4,
.page .woocommerce.columns-5,
.page .woocommerce.columns-6 {
margin-left: 0;
margin-right: 0; } }
@media only screen and (max-width: 650px) {
.page .woocommerce.columns-2 ul.products li.product,
.woocommerce ul.products.gutt-col-2 li.product {
width: 100%; }
.page .woocommerce.columns-2 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-2 li.product .napoli-prod-list-image {
min-height: 370px; }
.page .woocommerce.columns-3 ul.products li.product,
.woocommerce ul.products.gutt-col-3 li.product {
width: 100%; }
.page .woocommerce.columns-3 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-3 li.product .napoli-prod-list-image {
min-height: 370px; }
.page .woocommerce.columns-4 ul.products li.product,
.woocommerce ul.products.gutt-col-4 li.product {
width: 100%; }
.page .woocommerce.columns-4 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-4 li.product .napoli-prod-list-image {
min-height: 370px; }
.page .woocommerce.columns-5 ul.products li.product {
width: 100%; }
.page .woocommerce.columns-5 ul.products li.product .napoli-prod-list-image {
min-height: 370px; }
.page .woocommerce.columns-6 ul.products li.product {
width: 100%; }
.page .woocommerce.columns-6 ul.products li.product .napoli-prod-list-image {
min-height: 370px; } }
@media only screen and (max-width: 350px) {
.page .woocommerce.columns-2 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-2 li.product .napoli-prod-list-image {
min-height: 290px; }
.page .woocommerce.columns-3 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-3 li.product .napoli-prod-list-image {
min-height: 290px; }
.page .woocommerce.columns-4 ul.products li.product .napoli-prod-list-image,
.woocommerce ul.products.gutt-col-4 li.product .napoli-prod-list-image {
min-height: 290px; }
.page .woocommerce.columns-5 ul.products li.product .napoli-prod-list-image {
min-height: 290px; }
.page .woocommerce.columns-6 ul.products li.product .napoli-prod-list-image {
min-height: 290px; } }
/*================================================*/
/* SHOP ICON */
/*================================================*/
.mini-cart-wrapper {
display: inline-block;
position: relative;
margin-left: 45px;
vertical-align: middle; }
.mini-cart-wrapper .napoli-shop-icon {
text-decoration: none;
background-color: #f0f0f0;
padding: 0 15px;
font-size: 13px;
line-height: 33px; }
.header_trans-fixed .mini-cart-wrapper .napoli-shop-icon {
background-color: transparent;
opacity: 1; }
.header_trans-fixed .mini-cart-wrapper .napoli-shop-icon::before {
color: #ffffff; }
.mini-cart-wrapper .napoli-shop-icon:before {
display: inline-block;
line-height: 33px;
color: #131313; }
.mini-cart-wrapper .napoli-shop-icon .cart-contents {
display: inline-block; }
.mini-cart-wrapper .napoli-shop-icon .cart-contents-count {
display: inline-block;
line-height: 33px;
font-family: "Montserrat";
font-size: 12px;
font-weight: 400;
letter-spacing: 1.12px;
color: #131313;
padding-left: 3px; }
.napoli_mini_cart {
position: absolute;
right: 0;
top: 60px;
display: block;
background-color: #131313;
opacity: 0;
visibility: hidden;
min-width: 330px;
padding: 23px 30px;
text-align: center;
transition: opacity 0.5s ease, visibility 0.5s ease; }
.mini-cart-wrapper:hover .napoli_mini_cart {
opacity: 1;
visibility: visible; }
#topmenu .napoli_mini_cart .product_list_widget {
display: block; }
#topmenu .napoli_mini_cart .product_list_widget .empty {
font-family: "BebasNeueRegular",sans-serif;
font-size: 18px;
line-height: 28px;
letter-spacing: 1.4px;
font-weight: 400;
color: #fff; }
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
margin-bottom: 23px; }
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini_cart_item_thumbnail {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40%;
max-width: 70px;
margin-top: 7px; }
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini_cart_item_thumbnail a {
padding: 0;
display: block; }
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini_cart_item_thumbnail img {
float: none;
max-width: 70px;
width: 100%;
margin-left: 0; }
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 60%;
padding-left: 20px; }
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_name {
font-family: "BebasNeueRegular",sans-serif;
font-size: 18px;
line-height: 28px;
letter-spacing: 1.4px;
font-weight: 400;
color: #fff;
text-align: left;
padding: 0; }
#topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_quantity {
font-family: "Montserrat", sans-serif;
font-size: 12px;
line-height: 20px;
letter-spacing: 2.88px;
font-weight: 400;
color: #888888;
margin-bottom: 3px; }
#topmenu .napoli_mini_cart a.button {
display: inline-block;
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
letter-spacing: 1.1px;
font-weight: bold;
box-sizing: border-box;
padding: 8px 20px;
text-transform: uppercase;
opacity: 1;
margin-top: 7px;
margin-bottom: 7px;
text-decoration: none;
border-radius: 0;
text-align: center;
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
color: #fff;
background-color: transparent; }
#topmenu .napoli_mini_cart a.button:hover {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
color: #131313;
background-color: #fff; }
@media only screen and (max-width: 1199px) {
.mini-cart-wrapper {
margin-left: 30px; } }
@media only screen and (max-width: 991px) {
.mini-cart-wrapper {
margin-left: 10px; } }
@media only screen and (max-width: 767px) {
.mini-cart-wrapper {
display: block;
margin: 20px 10px 30px 10px; }
.napoli_mini_cart {
opacity: 1;
visibility: visible;
position: relative;
right: auto;
left: 0;
top: 10px;
width: 100%;
min-width: auto; } }
/*================================================*/
/* PRODUCT PAGE - CARD */
/*================================================*/
.napoli_cart.shop_table {
margin-top: 26px; }
.napoli_cart.shop_table ul {
list-style-type: none;
margin: 0; }
/* PRODUCT PAGE - CARD HEADING */
.napoli_cart.shop_table .heading {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 4px solid #f2f2f2;
padding: 14px 0;
margin-bottom: 40px; }
.napoli_cart.shop_table .heading li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 20%;
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
letter-spacing: 2.40px;
font-weight: 400;
text-transform: uppercase;
color: #131313; }
/* PRODUCT PAGE - CARD ITEMS*/
.napoli_cart.shop_table ul .cart_item {
margin-bottom: 40px; }
.napoli_cart.shop_table ul .cart_item ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.napoli_cart.shop_table ul .cart_item ul li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.napoli_cart.shop_table .heading .heading-product {
width: 51%;
padding-left: 8.5%; }
.napoli_cart.shop_table ul .cart_item ul .product-remove {
width: 8.5%; }
.napoli_cart.shop_table ul .cart_item ul .product-thumbnail {
width: 17%; }
.napoli_cart.shop_table ul .cart_item ul .product-name {
width: 25.5%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.napoli_cart.shop_table .heading .heading-price,
.napoli_cart.shop_table ul .cart_item ul .product-price {
width: 17.5%; }
.napoli_cart.shop_table .heading .heading-quantity,
.napoli_cart.shop_table ul .cart_item ul .product-quantity {
width: 17%; }
.napoli_cart.shop_table .heading .heading-total,
.napoli_cart.shop_table ul .cart_item ul .product-subtotal {
width: 14.5%; }
.napoli_cart.shop_table ul .cart_item ul .product-remove .remove {
color: #d6d6d6 !important;
font-size: 25px;
width: auto;
height: auto;
font-weight: 700; }
.napoli_cart.shop_table ul .cart_item ul .product-remove .remove:hover {
background-color: transparent; }
.napoli_cart.shop_table ul .cart_item ul .product-thumbnail img {
max-width: 170px;
width: 100%; }
.napoli_cart.shop_table ul .cart_item ul .product-name a {
font-family: "BebasNeueRegular",sans-serif;
font-size: 24px;
line-height: 40px;
letter-spacing: 2px;
font-weight: 400;
text-decoration: none;
color: #131313; }
.napoli_cart.shop_table ul .cart_item ul .product-name .variation dt {
display: inline-block;
font-family: "Libre Baskerville";
font-size: 12px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #131313; }
.napoli_cart.shop_table ul .cart_item ul .product-name .variation dd {
display: inline-block;
margin-bottom: 0; }
.napoli_cart.shop_table ul .cart_item ul .product-name .variation dd p {
margin-bottom: 0;
font-family: "Libre Baskerville";
font-size: 12px;
line-height: 28px;
letter-spacing: 0.9px;
font-weight: 400;
color: #969696; }
@media only screen and (max-width: 1199px) {
.napoli_cart.shop_table ul .cart_item ul .product-name {
padding-left: 15px; } }
@media only screen and (max-width: 991px) {
.napoli_cart.shop_table ul .cart_item ul .product-remove {
width: 3.5%; }
.napoli_cart.shop_table ul .cart_item ul .product-name {
width: 30.5%; }
.napoli_cart.shop_table ul .cart_item ul .product-name a {
font-size: 18px;
line-height: 20px; }
.napoli_cart.shop_table .heading .heading-product {
padding-left: 3.5%; } }
@media only screen and (max-width: 767px) {
.woocommerce-cart .woocommerce .napoli_cart.shop_table,
.woocommerce .napoli_cart.shop_table {
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (max-width: 650px) {
.napoli_cart.shop_table .heading li {
font-size: 9px; }
.napoli_cart.shop_table .heading .heading-product {
width: 31%;
padding-left: 5%; }
.napoli_cart.shop_table ul .cart_item ul .product-remove {
width: 5%; }
.napoli_cart.shop_table ul .cart_item ul .product-remove .remove {
font-size: 18px; }
.napoli_cart.shop_table ul .cart_item ul .product-thumbnail {
width: 26%; }
.napoli_cart.shop_table ul .cart_item ul .product-name {
display: none; }
.napoli_cart.shop_table .heading .heading-price,
.napoli_cart.shop_table ul .cart_item ul .product-price {
width: 23%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.napoli_cart.shop_table .heading .heading-quantity,
.napoli_cart.shop_table ul .cart_item ul .product-quantity {
width: 23%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.napoli_cart.shop_table ul .cart_item ul .product-quantity .qty {
width: 100%;
max-width: 80px; }
.napoli_cart.shop_table .heading .heading-total,
.napoli_cart.shop_table ul .cart_item ul .product-subtotal {
width: 23%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; } }
/* PRODUCT PAGE - CARD COUMPLEMENT*/
.napoli_cart.shop_table .complement-cart {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 4px solid #f2f2f2;
border-top: 4px solid #f2f2f2;
padding: 40px 0; }
.napoli_cart.shop_table .complement-cart .coupon {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%; }
.napoli_cart.shop_table .complement-cart .coupon .input-text {
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888;
border: none;
padding: 0;
background-color: transparent;
border-bottom: 1px solid #f2f2f2;
margin-right: 100px;
transition: color 0.3s ease, border-color 0.3s ease; }
.napoli_cart.shop_table .complement-cart .coupon .input-text:focus {
color: #131313;
border-bottom: 1px solid #c0af94; }
.napoli_cart.shop_table .complement-cart .action {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
padding: 0;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
background-color: transparent; }
@media only screen and (max-width: 991px) {
.napoli_cart.shop_table .complement-cart .coupon .input-text {
margin-right: 20px; } }
@media only screen and (max-width: 767px) {
.napoli_cart.shop_table .complement-cart .coupon {
width: 70%; }
.napoli_cart.shop_table .complement-cart .action {
width: 30%; } }
@media only screen and (max-width: 650px) {
.napoli_cart.shop_table .complement-cart {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.napoli_cart.shop_table .complement-cart .coupon {
width: 100%;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 20px; }
.napoli_cart.shop_table .complement-cart .action {
width: 100%;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; } }
@media only screen and (max-width: 400px) {
.napoli_cart.shop_table .complement-cart .coupon .input-text {
margin-right: 0;
margin-bottom: 20px; }
.napoli_cart.shop_table .complement-cart .coupon {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.napoli_cart.shop_table .complement-cart .action {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; } }
/* PRODUCT PAGE - CARD TOTALS*/
.napoli-cart-collaterals .cart_totals {
text-align: center;
margin-top: 33px;
margin-bottom: 65px; }
.napoli-cart-collaterals .cart_totals h2 {
font-family: "BebasNeueRegular",sans-serif;
font-size: 36px;
line-height: 40px;
letter-spacing: 2.88px;
font-weight: 400;
margin-bottom: 26px;
color: #131313; }
.napoli-cart-collaterals .cart_totals .shop_table ul {
list-style-type: none;
margin: 0;
margin-bottom: 25px; }
.napoli-cart-collaterals .cart_totals .shop_table ul li {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.88px;
font-weight: 400;
color: #888888;
margin-bottom: 0;
text-transform: uppercase; }
.napoli-cart-collaterals .cart_totals .shop_table ul li span {
color: #c0af94; }
.napoli-cart-collaterals .cart_totals a.button {
margin-bottom: 0; }
@media only screen and (max-width: 991px) {
.napoli-cart-collaterals .cart_totals {
margin-bottom: 33px; } }
@media only screen and (max-width: 767px) {
.woocommerce-cart .woocommerce .napoli-cart-collaterals .cart_totals {
padding-left: 15px;
padding-right: 15px; } }
/*================================================*/
/* PRODUCT PAGE - ICON ADD TO CART ON HOVER */
/*================================================*/
.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
top: auto;
width: 20px;
height: 20px;
right: 2px; }
/*================================================*/
/* PRODUCT PAGE - CHECKOUT */
/*================================================*/
.woocommerce form .form-row {
margin: 0 0 40px 0; }
.woocommerce form.checkout_coupon,
.woocommerce form.login {
margin: 0 0 40px 0;
padding: 20px 0 40px 0;
border: none;
border-bottom: 4px solid #f2f2f2; }
.woocommerce form.checkout_coupon .form-row {
padding: 0;
margin: 0; }
.woocommerce form.checkout_coupon .form-row input.input-text {
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 40px;
letter-spacing: 1.12px;
font-weight: 400;
color: #131313;
border: none;
padding: 0;
background-color: transparent;
max-width: 290px;
border-bottom: 1px solid #f2f2f2;
transition: color 0.3s ease, border-color 0.3s ease; }
.woocommerce form.checkout h3 {
font-size: 36px;
line-height: 40px;
font-weight: 400;
letter-spacing: 2.88px;
margin-bottom: 20px;
color: #131313; }
.woocommerce form.checkout #order_review_heading {
margin-top: 40px; }
.woocommerce form.checkout .form-row,
.woocommerce form.login .form-row {
padding: 0;
margin: 0 0 40px; }
.woocommerce form.login .form-row label,
.woocommerce form.checkout .form-row label {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.88px;
font-weight: 400;
color: #131313;
margin-bottom: 3px;
text-transform: uppercase; }
.woocommerce form.login .form-row .required,
.woocommerce form.checkout .form-row .required {
color: inherit; }
.woocommerce form.login .form-row input,
.woocommerce form.login .form-row textarea,
.woocommerce form.checkout .form-row input,
.woocommerce form.checkout .form-row textarea {
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #131313;
border: none;
border-radius: 0;
padding: 10px 0;
background-color: transparent;
border-bottom: 1px solid #f2f2f2;
width: 100%;
transition: color 0.3s ease, border-bottom 0.3s ease; }
.woocommerce form.login .form-row textarea,
.woocommerce form.checkout .form-row textarea {
min-height: 100px; }
.woocommerce form.login .form-row input:focus,
.woocommerce form.login .form-row textarea:focus,
.woocommerce form.checkout .form-row input:focus,
.woocommerce form.checkout .form-row textarea:focus,
.woocommerce form.checkout_coupon .form-row input.input-text:focus {
color: #131313;
border-bottom: 1px solid #c0af94; }
.woocommerce form.login .form-row input:-webkit-autofill,
.woocommerce form.checkout .form-row input:-webkit-autofill,
.woocommerce form.login .form-row input:-webkit-autofill:hover,
.woocommerce form.checkout .form-row input:-webkit-autofill:hover,
.woocommerce form.login .form-row input:-webkit-autofill:focus,
.woocommerce form.checkout .form-row input:-webkit-autofill:focus {
background-color: #f9f5ee;
transition: background-color 3000s ease 0s;
box-shadow: 0 0 0px 1000px #f9f5ee inset; }
.woocommerce form.login .form-row input[type="submit"] {
margin-right: 40px; }
.woocommerce form.login .form-row input[type="checkbox"],
.woocommerce form.checkout .form-row input[type="checkbox"] {
display: none; }
.woocommerce form.login .form-row label.checkbox,
.woocommerce form.checkout .form-row label.checkbox {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 29px;
margin-bottom: 0;
margin-top: 0; }
.woocommerce form.login .form-row label.checkbox:before,
.woocommerce form.checkout .form-row label.checkbox:before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
border-radius: 0;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #e6e6e6; }
.woocommerce form.login .form-row input[type="checkbox"]:checked + label.checkbox:before,
.woocommerce form.checkout .form-row input[type="checkbox"]:checked + label.checkbox:before {
background-color: #c0af94; }
.woocommerce form.login .lost_password {
margin-bottom: 0; }
.woocommerce form.login .lost_password a {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.88px;
font-weight: 400;
color: #131313;
text-transform: uppercase;
text-decoration: none; }
/* SELECT */
.select2-container .select2-choice {
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888;
border-color: transparent;
padding: 10px 5px;
background-color: transparent;
border-bottom: 1px solid #f2f2f2;
border-radius: 0;
box-shadow: none; }
.select2-container.select2-dropdown-open.select2-drop-above .select2-choice {
border: none;
border-bottom: 1px solid #f2f2f2;
border-radius: 0; }
.select2-drop.select2-drop-above.select2-drop-active {
border: none; }
.select2-drop-active {
border: none;
border-radius: 0;
color: #131313;
border-bottom: 1px solid #c0af94;
overflow-x: hidden; }
.select2-search {
padding: 0;
position: relative; }
.select2-search:after {
content: "\f002";
font-family: "FontAwesome";
font-size: 12px;
line-height: 28px;
color: #888888;
position: absolute;
right: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.select2-search input {
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888;
border: none;
padding: 10px 0 !important;
border: 1px solid #f2f2f2;
border-bottom: 0;
background-color: transparent;
background-image: none !important;
border-radius: 0; }
.select2-results {
border: none;
padding: 0;
margin-left: 0 !important;
margin-right: -20px; }
.select2-results li {
font-family: "Libre Baskerville";
font-size: 12px;
line-height: 24px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888;
border: none;
padding: 0;
margin-left: 0 !important; }
.select2-results li.select2-highlighted {
background-color: transparent;
opacity: 0.9;
border-radius: 0;
color: #131313; }
/*SHOP TABLE*/
.woocommerce table.shop_table {
border: none;
border-collapse: collapse;
margin: 0 0 33px 0; }
.woocommerce table.shop_table .woocommerce-Price-amount {
color: #c0af94; }
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tr,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
border: none;
padding: 0; }
.woocommerce table.shop_table thead {
border-bottom: 4px solid #f2f2f2; }
.woocommerce table.shop_table thead .product-name,
.woocommerce table.shop_table thead .product-total {
font-family: "Montserrat";
font-size: 11px;
line-height: 20px;
letter-spacing: 2.40px;
font-weight: 400;
text-transform: uppercase;
color: #131313;
padding: 14px 0 !important; }
.woocommerce table.shop_table .cart_item .product-name {
font-family: "BebasNeueRegular",sans-serif;
font-size: 24px;
line-height: 40px;
letter-spacing: 1.4px;
font-weight: 400;
color: #131313;
text-align: left;
padding: 0;
padding: 40px 10px 40px 0; }
.woocommerce table.shop_table .cart_item .product-name strong {
font-weight: inherit; }
.woocommerce table.shop_table .cart_item .product-name .variation dt {
display: inline-block;
font-family: "Libre Baskerville";
font-size: 12px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #131313;
text-transform: none; }
.woocommerce table.shop_table .cart_item .product-name .variation dd {
margin-bottom: 0; }
.woocommerce table.shop_table .cart_item .product-name .variation dd p {
margin-bottom: 0;
font-family: "Libre Baskerville";
font-size: 12px;
line-height: 28px;
letter-spacing: 0.9px;
font-weight: 400;
color: #888888;
text-transform: none; }
.woocommerce table.shop_table tfoot {
border-top: 4px solid #f2f2f2;
border-bottom: 4px solid #f2f2f2; }
.woocommerce table.shop_table .cart-subtotal th,
.woocommerce table.shop_table .order-total th {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.88px;
color: #888888;
margin-bottom: 0;
text-transform: uppercase; }
.woocommerce table.shop_table .cart-subtotal th {
padding: 20px 0 10px 0; }
.woocommerce table.shop_table .order-total th {
padding: 10px 0 20px 0; }
.woocommerce-checkout #payment {
border-radius: 0;
background-color: transparent; }
.woocommerce-checkout-review-order #payment .payment_methods.methods {
padding: 20px 0;
border-bottom: 0; }
.woocommerce-checkout-review-order #payment .payment_methods.methods li {
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-weight: 400;
color: #888888;
margin-bottom: 0; }
.woocommerce-checkout-review-order #payment .payment_methods.methods li label {
font-family: "Montserrat";
font-size: 12px;
line-height: 20px;
letter-spacing: 2.88px;
color: #888888;
margin-bottom: 0;
display: inline-block; }
.woocommerce-checkout-review-order #payment .payment_methods.methods li img {
margin-right: 20px; }
.woocommerce-checkout-review-order #payment .payment_methods.methods li .about_paypal {
font-family: "Montserrat";
font-size: 12px;
line-height: 30px;
letter-spacing: 2.88px;
color: #888888;
margin-bottom: 0;
display: inline-block;
text-decoration: none;
vertical-align: middle; }
.woocommerce-checkout-review-order #payment div.payment_box {
font-size: 14px;
line-height: 28px;
font-weight: 400;
font-family: "Libre Baskerville";
color: #131313; }
.woocommerce-checkout-review-order #payment div.payment_box p {
color: inherit; }
.woocommerce-checkout-review-order .woocommerce-checkout-payment#payment .place-order {
padding: 20px 0; }
@media only screen and (max-width: 767px) {
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.checkout {
margin-left: 15px;
margin-right: 15px; }
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
width: auto; } }
@media only screen and (max-width: 650px) {
.woocommerce form.checkout_coupon .form-row {
float: none;
width: 100%;
text-align: center; }
.woocommerce form.checkout_coupon .form-row input.input-text {
margin-bottom: 20px; }
.woocommerce form .form-row-last, .woocommerce-page form .form-row-first {
width: 100%; }
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
width: 100%; } }
/*================================================*/
/* FULL SCREEN SLIDER */
/*================================================*/
.full_screen_slider {
position: relative; }
.full_screen_slider .swiper-wrapper {
cursor: none; }
.full_screen_slider.kenburn_slider .swiper-slide {
overflow: hidden; }
.full_screen_slider.kenburn_slider .swiper-slide .full-screen-slider__img {
transform: scale(1);
transition: transform 10s ease-in; }
.full_screen_slider.kenburn_slider .swiper-slide-active .full-screen-slider__img {
transform: scale(1.5);
transition: transform 10s ease-in; }
.full-screen-slider__img .full-content-wrap {
position: relative;
top: 270px;
left: 30px;
padding-right: 30px;
transform: translateY(-50%);
color: #ffffff; }
.full-screen-slider__img .full-content-wrap .full-title {
font-size: 70px;
font-family: "BebasNeueBook", sans-serif;
font-weight: 300;
letter-spacing: 5.6px;
line-height: 1.1;
margin-bottom: 15px; }
.full-screen-slider__img .full-content-wrap .full-subtitle {
font-size: 14px;
line-height: 28px;
font-family: "Libre Baskerville", sans-serif;
font-weight: 400;
letter-spacing: 1.12px; }
.slider-wrapperok-left, .slider-wrapperok-right {
position: absolute;
top: 0;
height: 100%;
width: 50%;
z-index: 15;
overflow: hidden;
cursor: none; }
.slider-wrapperok-left {
left: 0; }
.slider-wrapperok-left:hover .slider-click.left {
opacity: 1;
visibility: visible; }
.slider-wrapperok-right {
right: 0; }
.slider-wrapperok-right:hover .slider-click.right {
opacity: 1;
visibility: visible; }
.full_screen_slider .slider-click {
font-family: "Libre Baskerville";
font-size: 14px;
line-height: 40px;
font-weight: 400;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 20;
opacity: 0;
visibility: hidden;
color: #fff;
width: 32px;
height: 32px;
transition: opacity 0.3s ease, visibility 0.3s ease; }
.full_screen_slider .slider-click.left {
left: 50px; }
.full_screen_slider .slider-click.right {
right: 50px; }
.full_screen_slider .slider-click.right .arrow {
left: auto;
right: 60px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.full_screen_slider .slider-click.right .number {
right: 0;
left: auto; }
.full_screen_slider .slider-click.right.disabled,
.full_screen_slider .slider-click.left.disabled {
opacity: 0; }
.full_screen_slider .slider-click .arrow {
width: 22px;
height: 22px;
position: absolute;
left: 60px;
top: 50%;
margin-top: -11px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.full_screen_slider .slider-click .number {
position: absolute;
left: 0;
width: 53px; }
.full_screen_slider .slider-click .left {
text-align: right;
float: left;
width: 23px;
height: 20px;
position: relative;
top: -8px; }
.full_screen_slider .slider-click .middle {
position: absolute;
left: 50%;
top: 50%;
width: 1px;
height: 20px;
margin-top: -10px;
background: #fff;
-webkit-transform: rotate(22deg);
-ms-transform: rotate(22deg);
transform: rotate(22deg); }
.full_screen_slider .slider-click .right {
float: right;
width: 23px;
height: 30px;
position: relative;
top: 8px; }
.full-screen-slider__img {
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative; }
.full-screen-slider__img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.25); }
.full_screen_slider .pagination {
display: none; }
.napoli_copyright_overlay {
position: absolute;
z-index: 9999;
top: 50%;
left: 50%;
display: none;
border-radius: 5px;
background: rgba(0, 0, 0, 0.95); }
.napoli_copyright_overlay.active {
display: block; }
.napoli_copyright_overlay_text {
font-size: 12px;
padding: 12px;
text-align: center;
color: white; }
@media only screen and (max-width: 768px) {
.slider-wrapperok-left, .slider-wrapperok-right {
display: none; }
.slider-click {
display: none; } }
.napoli-sound-btn {
position: absolute;
right: 30px;
bottom: 120px;
width: 36px;
height: 36px;
border-radius: 50%;
cursor: pointer;
z-index: 310;
background-color: #cfac7f;
transition: all 0.3s ease;
padding: 0;
border: none; }
.napoli-sound-btn:before {
content: '\f026';
position: absolute;
color: #ffffff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: 'FontAwesome';
font-size: 16px;
line-height: 40px;
display: block;
transition: all 0.3s ease; }
.napoli-sound-btn.play:before {
content: '\f028'; }
.napoli-audio-file {
display: none; }
/*================================================*/
/* FRELANCER PORTFOLIO */
/*================================================*/
@media only screen and (min-width: 768px) {
.port-det-slider .flexslider .slides {
width: 100% !important; } }
.port-det-slider {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 735px;
margin-bottom: 33px;
overflow: hidden; }
.port-det-slider .flexslider .flex-direction-nav {
display: none; }
.port-det-slider .flexslider .slides {
height: 100%;
margin-bottom: 0;
display: block; }
.port-det-slider .flexslider .slides li {
width: 100%; }
.port-det-slider .flexslider .slides li .port-slide-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100%; }
.port-det-slider #slider {
width: 85%;
margin-right: 30px;
display: block; }
.port-det-slider #slider .slides li {
height: 100%; }
.port-det-slider #carousel {
width: 15%;
display: block; }
.port-det-slider #carousel .flex-viewport {
height: 100%; }
.port-det-slider #carousel .slides li {
height: 17%;
width: 100% !important;
margin: 0 0 30px 0;
cursor: pointer; }
@media only screen and (max-width: 1199px) {
.port-det-slider #slider {
width: 80%; }
.port-det-slider #carousel {
width: 20%; }
.port-det-slider {
height: 600px; }
.port-det-slider #slider .slides li .port-slide-bg {
height: 600px; }
.port-det-slider #carousel .slides li .port-slide-bg {
height: 102px; } }
@media only screen and (max-width: 767px) {
.port-det-slider {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 500px;
margin-right: 30px;
margin-left: 15px; }
.port-det-slider #slider {
width: 100%;
margin-right: 0;
height: 80%;
margin-bottom: 20px; }
.port-det-slider #slider .slides li .port-slide-bg {
height: 400px; }
.port-det-slider #carousel {
width: 100%;
height: 20%; }
.port-det-slider #carousel .slides li {
width: 120px !important;
height: 100%;
margin: 0 30px 0 0; }
.port-det-slider #carousel .slides li .port-slide-bg {
height: 70px; } }
.portfolio-single-content .portfolio-categories a {
font-family: "Montserrat",sans-serif;
color: #c0af94;
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-top: 0;
letter-spacing: 2.4px;
margin-bottom: 30px;
text-decoration: none; }
.portfolio-single-content .portfolio-title {
font-size: 36px;
line-height: 48px;
font-weight: 400;
color: #131313;
margin-top: 22px;
margin-bottom: 0; }
.portfolio-single-content p {
font-size: 14px;
line-height: 28px;
letter-spacing: 1.1px;
font-weight: 400;
font-family: "Libre Baskerville";
color: #888888;
margin-top: 17px;
margin-bottom: 30px; }
.portfolio-single-content .napoli-portfolio-footer-line {
border-top: 4px solid #f2f2f2;
border-bottom: 4px solid #f2f2f2;
padding: 33px 0; }
.portfolio-single-content .napoli-portfolio-footer-line .portfolio-client .client-title,
.portfolio-single-content .napoli-portfolio-footer-line .portfolio-jop-type .title-job-type,
.portfolio-single-content .napoli-portfolio-footer-line .title-date {
font-family: "Montserrat",sans-serif;
color: #131313;
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-top: 0;
letter-spacing: 0.5px;
text-decoration: none; }
.portfolio-single-content .napoli-portfolio-footer-line .portfolio-client .client-value,
.portfolio-single-content .napoli-portfolio-footer-line .portfolio-jop-type .job-type-value,
.portfolio-single-content .napoli-portfolio-footer-line .date-value,
.portfolio-single-content .napoli-portfolio-footer-line .social-list a {
font-size: 14px;
line-height: 28px;
letter-spacing: 1.1px;
font-weight: 400;
font-family: "Libre Baskerville";
color: #888888; }
.portfolio-single-content .napoli-portfolio-footer-line .single-share .ft-part {
margin-bottom: 0 !important; }
.portfolio-single-content .napoli-portfolio-footer-line .social-list a {
font-size: 12px; }
.portfolio-single-content .napoli-portfolio-footer-line .social-list {
margin: 0;
padding: 0 0 0 5px;
text-align: left; }
.portfolio-single-content .single-pagination {
padding: 50px 0;
position: relative; }
.portfolio-single-content .single-pagination:after,
.portfolio-single-content .single-pagination:before {
content: '';
display: table;
clear: both; }
@media only screen and (max-width: 991px) {
.portfolio-single-content .napoli-portfolio-footer-line .portfolio-client,
.portfolio-single-content .napoli-portfolio-footer-line .portfolio-jop-type,
.portfolio-single-content .napoli-portfolio-footer-line .date-value {
margin-bottom: 20px; }
.portfolio-single-content .napoli-portfolio-footer-line .single-share {
margin-left: 0;
margin-right: 0; }
.portfolio-single-content .napoli-portfolio-footer-line .social-list li:first-child {
margin-left: 0; }
.portfolio-single-content .single-pagination {
padding: 30px 0; } }
@media only screen and (max-width: 767px) {
.portfolio-single-content {
margin-right: 15px;
margin-left: 15px; }
.portfolio-single-content.no-marg {
margin: 0px !important; } }
#footer.static {
position: static; }
/*================================================*/
/* VIDEO GALLERY */
/*================================================*/
.iframe-video {
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 24px;
z-index: 200; }
.iframe-video.vimeo {
height: 600px; }
.iframe-video.play .video-container {
visibility: visible;
opacity: 1; }
.iframe-video.play .video-close-button {
visibility: visible;
opacity: 1; }
.iframe-video .fluid-width-video-wrapper {
height: 100%; }
.iframe-video .video-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease; }
.iframe-video .video-container .fluid-width-video-wrapper {
padding-top: 280px !important; }
.iframe-video .video-container iframe {
display: block;
width: 100%;
height: 100%; }
.iframe-video .video-content .play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 85px;
height: 55px;
text-align: center;
background-color: #000000;
opacity: 0.3;
transition: background-color 0.3s ease, opacity 0.3s ease; }
.iframe-video .video-content .play-button:before {
content: '\f04b';
display: inline-block;
font-family: 'FontAwesome';
font-size: 30px;
line-height: 55px;
color: #ffffff;
opacity: 1;
transition: none; }
.iframe-video .video-content .play-button:hover {
background-color: #c0af94;
opacity: 1; }
.iframe-video .video-close-button {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
z-index: 120;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
color: #fff; }
.iframe-video-title {
font-family: "BebasNeueRegular",sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #131313;
margin-bottom: 33px;
text-align: center; }
@media (max-width: 991px) {
.iframe-video.vimeo {
height: 400px; } }
@media (max-width: 480px) {
.iframe-video.vimeo {
height: 250px; } }
/* PRICING
---------------------------*/
.pricing-item {
padding: 60px 70px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #ffffff; }
/*Mask block*/
.pricing-item .mask-image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 200px;
min-width: 200px;
height: 320px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 30px; }
/*SVG mask*/
.pricing-item .mask-image .pricing_mask {
fill: #ffffff; }
.pricing-item .mask-image .pricing-transparent-mask {
fill: transparent; }
/*Pricing info*/
.pricing-info {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.pricing-info .subtitle {
display: block;
margin: 0;
margin-bottom: 24px;
font-size: 12px;
line-height: 25px;
font-family: "Montserrat";
letter-spacing: 2.4px;
font-weight: 400;
color: #c0af94; }
.pricing-info .title {
display: block;
margin: 0;
margin-bottom: 22px;
font-size: 36px;
line-height: 40px;
font-family: "BebasNeueRegular";
letter-spacing: 2.88px;
font-weight: 400;
color: #131313; }
.pricing-info .pricing-list p:empty {
display: none; }
.pricing-info .pricing-list ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 30px; }
.pricing-info .pricing-list p {
font-family: 'Montserrat'; }
.pricing-info .pricing-list ul li {
font-size: 14px;
line-height: 28px;
letter-spacing: 1.12px;
font-family: "Montserrat";
color: #888888; }
.pricing-info .a-btn-2 {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
@media (max-width: 1199px) {
.pricing-item {
padding: 60px 30px; } }
@media (max-width: 991px) {
.pricing-item {
padding: 30px 15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center; }
.pricing-item .mask-image {
margin: auto;
margin-bottom: 40px;
height: 220px; }
.pricing-item .pricing-info {
width: 100%; }
.pricing-info .a-btn-2 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; } }
@media (max-width: 767px) {
.pricing-item {
max-width: 480px;
margin-left: auto;
margin-right: auto; } }
/* COMMING SOON
---------------------------*/
.coming-page-wrapper {
position: relative;
text-align: center;
padding-top: 31px;
padding-bottom: 31px; }
.coming-page-wrapper .title {
font-size: 70px;
line-height: 80px;
font-family: "BebasNeueBook";
color: #131313;
margin: 0;
margin-bottom: 7px;
letter-spacing: 5.6px;
font-weight: 400; }
.coming-page-wrapper .subtitle {
font-size: 14px;
font-family: "Libre Baskerville";
line-height: 28px;
margin: 0;
margin-bottom: 70px;
color: #888888;
letter-spacing: 1.12px;
font-weight: 400; }
/*Coming soon counter*/
.coming-soon-wrap {
position: relative;
height: 310px;
margin-bottom: 76px; }
.coming-soon-bg {
position: absolute;
z-index: 0;
left: 1px;
top: 1px;
right: 1px;
bottom: 1px;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
/*Svg styles*/
.svg text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.svg text::-moz-selection {
background: none; }
.svg text::selection {
background: none; }
.coming-soon {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.coming-soon .svg {
width: 100%;
height: 192px;
left: 0;
top: 0;
position: absolute;
text-anchor: middle; }
.coming-soon .svg .count {
font-weight: 900;
font-family: "Montserrat";
font-size: 150px; }
.coming-soon .svg .svgRect {
fill: #f2f2f2; }
.coming-soon .svg .maskRect {
fill: white; }
.coming-soon-wrap .coming-soon-descr {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #f2f2f2;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0;
margin-left: 0;
padding: 0;
height: 120px; }
.coming-soon-descr li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 25%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 400;
font-family: "Montserrat";
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
color: #c0af94;
padding-top: 25px;
letter-spacing: 2.4px; }
@media (max-width: 1199px) {
.coming-page-wrapper .subtitle {
margin-bottom: 50px; }
.coming-soon-wrap {
margin-bottom: 50px; } }
@media (max-width: 991px) {
.coming-page-wrapper .subtitle {
max-width: 600px;
margin-left: auto;
margin-right: auto; }
.coming-soon-wrap {
height: 250px; }
.coming-soon .svg {
height: 152px; }
.coming-soon .svg .count {
font-size: 110px; }
.coming-soon-wrap .coming-soon-descr {
height: 100px; } }
@media (max-width: 767px) {
.coming-page-wrapper {
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
min-height: 100vh;
padding-top: 100px;
padding-bottom: 100px;
box-sizing: border-box; }
.coming-page-wrapper .title {
font-size: 40px;
line-height: 50px;
padding: 0px 15px; }
.coming-page-wrapper .subtitle {
max-width: 400px;
margin-bottom: 40px;
padding: 0px 15px;
margin-left: auto;
margin-right: auto; }
.coming-soon-wrap {
height: 200px; }
.coming-soon .svg {
height: 100px; }
.coming-soon .svg .count {
font-size: 50px; }
.coming-soon-wrap .coming-soon-descr {
height: 100px; }
.coming-soon-descr li {
letter-spacing: 0.5px; } }
/* FILMSTRIM GALLERY
---------------------------*/
.swipe-btn {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
background-color: #ffffff;
transition: all 0.3s ease; }
.swipe-btn:hover:before {
color: #c0af94; }
.swipe-btn.next {
right: 10px; }
.swipe-btn.next:before {
content: '\f105'; }
.swipe-btn.next:hover {
right: 0; }
.swipe-btn.prev {
left: 30px; }
@media (max-width: 991px) {
.swipe-btn.prev {
left: 10px; }
.swipe-btn.prev:hover {
left: 0; } }
.swipe-btn.prev:before {
content: '\f104'; }
.swipe-btn.prev:hover {
left: 20px; }
.swipe-btn:before {
position: absolute;
color: #131313;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: 'FontAwesome';
font-size: 16px;
line-height: 40px;
display: block;
transition: all 0.3s ease; }
.admin-bar .lg-toolbar.group {
margin-top: 32px; }
.insta-box .insta-img-wrap li {
position: relative;
list-style: none;
float: left; }
.insta-box .insta-img-wrap span {
display: block;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.filmstrim-gallery-outer {
position: relative; }
@media (max-width: 991px) {
.filmstrim-gallery-outer {
padding-left: 0; } }
.filmstrim-gallery-outer .filmstrim-gallery img {
max-width: 100%;
display: block;
float: left; }
.filmstrim-gallery-outer .filmstrim-gallery .image-wrap {
float: left;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.filmstrim-gallery-outer .caroufredsel_wrapper {
width: 100% !important; }
.filmstrim-gallery-outer .swipe-btn.prev {
left: 10px; }
.filmstrim-gallery-outer .swipe-btn.prev:hover {
left: 0; }
/* SPLITTED SLIDER
---------------------------*/
.ms-section {
position: relative;
box-sizing: border-box;
overflow: hidden;
background-color: #fff; }
.ms-section.ms-table {
display: table;
width: 100%; }
.ms-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%; }
.ms-easing {
transition: all .7s ease-out; }
#multiscroll-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1; }
#multiscroll-nav.right {
right: 17px; }
#multiscroll-nav.left {
left: 17px; }
#multiscroll-nav ul {
margin: 0;
padding: 0; }
#multiscroll-nav li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position: relative; }
#multiscroll-nav li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none; }
#multiscroll-nav li .active span {
background: #333; }
#multiscroll-nav span {
top: 2px;
left: 2px;
width: 8px;
height: 8px;
border: 1px solid #000;
background: rgba(0, 0, 0, 0);
border-radius: 50%;
position: absolute;
z-index: 1; }
.multiscroll-tooltip {
position: absolute;
color: #fff;
font-size: 14px;
font-family: arial,helvetica,sans-serif;
top: -2px;
white-space: nowrap;
max-width: 220px; }
.multiscroll-tooltip.right {
right: 20px; }
.multiscroll-tooltip.left {
left: 20px; }
.multiscroll-slider {
width: 100%;
position: relative;
overflow: hidden;
height: 100vh; }
.multiscroll-slider-left {
position: relative;
height: 100%;
width: 50%;
overflow: hidden;
float: left; }
@media (min-width: 768px) and (max-width: 991px) {
.multiscroll-slider-left {
height: 100%;
width: 100%; } }
@media (min-width: 480px) and (max-width: 767px) {
.multiscroll-slider-left {
height: auto;
width: 50%; } }
@media (max-width: 479px) {
.multiscroll-slider-left {
height: auto;
width: 100%; } }
.multiscroll-slider-left .ms-section {
padding: 14px 7px 14px 14px; }
@media (min-width: 768px) and (max-width: 991px) {
.multiscroll-slider-left .ms-section {
padding: 14px 14px 7px 14px; } }
@media (max-width: 479px) {
.multiscroll-slider-left .ms-section {
padding: 14px 14px 7px 14px; } }
.multiscroll-slider-right {
position: relative;
height: 100%;
width: 50%;
overflow: hidden;
float: left; }
@media (min-width: 768px) and (max-width: 991px) {
.multiscroll-slider-right {
height: 100%;
width: 100%; } }
@media (min-width: 480px) and (max-width: 767px) {
.multiscroll-slider-right {
height: auto;
width: 50%; } }
@media (max-width: 479px) {
.multiscroll-slider-right {
height: auto;
width: 100%; } }
.multiscroll-slider-right .ms-section {
padding: 14px 14px 14px 7px; }
@media (min-width: 768px) and (max-width: 991px) {
.multiscroll-slider-right .ms-section {
padding: 7px 14px 14px 14px; } }
@media (max-width: 479px) {
.multiscroll-slider-right .ms-section {
padding: 7px 14px 14px 14px; } }
.multiscroll-slider .ms-left, .multiscroll-slider .ms-right {
width: 100% !important; }
.scroll-btn {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
background-color: #ffffff;
transition: all 0.3s ease; }
.scroll-btn:hover:before {
color: #c0af94; }
.scroll-btn.up {
left: 50%;
margin-left: 6px; }
@media (max-width: 991px) and (min-width: 767px) {
.scroll-btn.up {
top: auto;
bottom: 50%;
margin-bottom: 7px;
left: 50%;
margin-left: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } }
@media (min-width: 480px) and (max-width: 767px) {
.scroll-btn.up {
left: 50%;
margin-left: 6px; } }
@media (max-width: 479px) and (min-width: 320px) {
.scroll-btn.up {
top: auto;
bottom: 50%;
margin-bottom: 7px;
left: 50%;
margin-left: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } }
.scroll-btn.up:before {
content: '\f106'; }
.scroll-btn.up:hover {
-webkit-transform: translateY(-70%);
-ms-transform: translateY(-70%);
transform: translateY(-70%); }
@media (max-width: 991px) {
.scroll-btn.up:hover {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } }
@media (min-width: 480px) and (max-width: 767px) {
.scroll-btn.up:hover {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
.scroll-btn.down {
right: 50%;
margin-right: 7px; }
@media (max-width: 991px) and (min-width: 767px) {
.scroll-btn.down {
top: 50%;
margin-top: 7px;
left: 50%;
margin-left: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } }
@media (min-width: 480px) and (max-width: 767px) {
.scroll-btn.down {
right: 50%;
margin-right: 7px; } }
@media (max-width: 479px) and (min-width: 320px) {
.scroll-btn.down {
top: 50%;
margin-top: 6px;
left: 50%;
margin-left: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } }
.scroll-btn.down:before {
content: '\f107'; }
.scroll-btn.down:hover {
-webkit-transform: translateY(-20%);
-ms-transform: translateY(-20%);
transform: translateY(-20%); }
@media (max-width: 991px) {
.scroll-btn.down:hover {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } }
@media (min-width: 480px) and (max-width: 767px) {
.scroll-btn.down:hover {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
.scroll-btn:before {
position: absolute;
color: #131313;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: 'FontAwesome';
font-size: 16px;
line-height: 40px;
display: block;
transition: all 0.3s ease; }
.ms-inner {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: inherit; }
/* SKILLS WRAPPER
---------------------------*/
.skill-wrapper .main-title {
font-weight: 400;
letter-spacing: 2.88px;
color: #131313; }
.skill-wrapper .skills {
margin-top: 29px;
margin-bottom: 29px; }
.skill-wrapper .skill {
margin-bottom: 22px; }
.skill-wrapper .skill .line {
background-color: #f2f2f2;
position: relative;
width: 100%;
height: 3px;
margin-top: 10px; }
.skill-wrapper .skill .line .active-line {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
transition: width 1.5s ease;
background-color: #000000; }
.skill-wrapper .skill .label-skill {
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-top: 0;
letter-spacing: 2.4px;
margin-bottom: 0;
text-decoration: none;
color: #c0af94; }
.skill-wrapper .skill .value {
display: inline-block;
float: right;
font-family: "Montserrat",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-top: 0;
letter-spacing: 2.4px;
margin-bottom: 0;
text-decoration: none;
color: #c0af94; }
@media (max-width: 767px) {
.skill-wrapper {
padding-left: 15px;
padding-right: 15px; } }
/* THUMBNAIL SLIDER
---------------------------*/
.thumb-slider-wrapp {
width: 100%;
position: relative; }
.thumb-slider-wrapp .flex-direction-nav {
display: none; }
.thumb-slider-wrapp .slides {
height: 100%;
display: block;
margin-bottom: 0; }
.thumb-slider-wrapp .slides li {
width: 100%;
height: 100%; }
.thumb-slider-wrapp .slides li .thumb-slider-bg {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.thumb-slider-wrapp .main-thumb-slider {
height: 100%; }
.thumb-slider-wrapp .sub-thumb-slider {
width: 100%;
display: none;
height: 130px;
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
background-color: #131313;
padding: 5px 0 5px 5px;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
.thumb-slider-wrapp .sub-thumb-slider .flex-viewport {
height: 100%;
width: 100%; }
.thumb-slider-wrapp .sub-thumb-slider .slides li .thumb-slider-bg {
cursor: pointer;
width: 180px;
}
.thumb-slider-wrapp .sub-thumb-slider.active {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
display: block; }
.thumb-slider-wrapp .thumb-slider-wrapp-arrow {
position: absolute;
width: 150px;
height: 50px;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 20;
cursor: pointer;
transition: bottom 0.3s ease; }
.thumb-slider-wrapp .thumb-slider-wrapp-arrow .hide-images,
.thumb-slider-wrapp .thumb-slider-wrapp-arrow .show-images {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
font-size: 14px;
line-height: 50px;
font-family: "Libre Baskerville",sans-serif;
color: #ffffff;
font-weight: 400;
letter-spacing: 1.12px;
text-align: center;
transition: opacity 0.3s ease, visibility 0.3s ease; }
.thumb-slider-wrapp .thumb-slider-wrapp-arrow .hide-images:after,
.thumb-slider-wrapp .thumb-slider-wrapp-arrow .show-images:after {
font-family: 'FontAwesome';
font-size: 20px;
line-height: 20px;
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-animation-name: sliderArrowAnimation;
animation-name: sliderArrowAnimation;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
opacity: 1;
transition: all 0.3s ease; }
.thumb-slider-wrapp .thumb-slider-wrapp-arrow .show-images:after {
content: '\f102';
top: 0%; }
.thumb-slider-wrapp .thumb-slider-wrapp-arrow .hide-images {
opacity: 0;
visibility: hidden; }
.thumb-slider-wrapp .thumb-slider-wrapp-arrow .hide-images:after {
content: '\f103';
top: 100%; }
.thumb-slider-wrapp .thumb-slider-wrapp-arrow.active {
bottom: 150px; }
.thumb-slider-wrapp .thumb-slider-wrapp-arrow.active .show-images {
opacity: 0;
visibility: hidden; }
.thumb-slider-wrapp .thumb-slider-wrapp-arrow.active .hide-images {
opacity: 1;
visibility: visible; }
.thumb-slider-wrapp .sub-thumb-slider.active .slides li{
width: 180px !important;
}
/* ERROR PAGE
---------------------------*/
.error404 .hero-inner .bigtext {
font-family: "BebasNeueBook", sans-serif;
font-size: 70px;
font-weight: 300;
letter-spacing: 5.6px;
color: #ffffff; }
.error404 .hero-inner .title {
font-family: "Libre Baskerville",sans-serif;
font-size: 14px;
line-height: 28px;
font-weight: 400;
letter-spacing: 1.12px;
color: #ffffff; }
/* PHP
---------------------------*/
.fullview {
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
transition: background-color 0.3s ease-in-out;
width: 100%;
z-index: 10001; }
.fullview--visible {
opacity: 1;
pointer-events: auto; }
.rsArrow {
color: white;
display: block;
position: absolute;
top: 50%;
z-index: 15;
height: 66px;
opacity: 0.5;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 36px;
z-index: 500; }
@media only screen and (min-width: 900px) {
.rsArrow {
height: 68px;
opacity: 1;
width: 85px; } }
.fullview .rsArrow {
opacity: 0.5;
padding: 1.5em;
transition: opacity 0.3s linear; }
.fullview .rsArrowLeft {
left: 3.7em;
margin-left: -1.5em; }
.rsArrowLeft .rsArrowIcn {
border-left: 2px solid black;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.fullview .rsArrow {
opacity: 0.5;
padding: 1.5em;
transition: opacity 0.3s linear; }
.fullview .rsArrow .rsArrowIcn {
border-color: white;
height: 1.250em;
left: 50%;
margin: 0;
position: absolute;
top: 50%;
width: 1.250em; }
.fullview .rsArrowRight .rsArrowIcn {
-webkit-transform: translate3d(-100%, -50%, 0) rotate(-45deg);
transform: translate3d(-100%, -50%, 0) rotate(-45deg); }
.fullview__close {
background: url(../images/close-button.svg) no-repeat;
background-size: cover;
cursor: pointer;
height: 1.5em;
position: absolute;
right: 3.5em;
top: 3.5em;
width: 1.5em;
z-index: 10;
cursor: pointer; }
.fullview__image {
background: #000000;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.fullview__image img {
width: 100%; }
/* FLOW SLIDER
---------------------------*/
.flipster {
width: 100%;
height: 100% !important; }
.flipster-carousel .flip-items {
margin: 0;
position: absolute;
left: 50%;
top: 50%;
width: 66% !important;
height: 72% !important;
transform: translate(-50%, -50%); }
.flipster-carousel .flip-item {
width: 100%;
height: 100%; }
.flipster-carousel .flip-item .flip-content {
width: 100%;
height: 100%; }
.flipster-carousel .flip-item .flip-content .flow-item-slider {
width: 100%;
height: 100%; }
.flipster-carousel .flip-prev, .flipster-carousel .flip-next, .flipster-carousel .flip-past, .flipster-carousel .flip-future {
opacity: 1; }
.flipster-carousel .flip-prev {
transform: translateX(-43%) translateZ(0) rotateY(0) scale(0.7); }
.flipster-carousel .flip-next {
transform: translateX(43%) translateZ(0) rotateY(0) scale(0.7); }
.flipster-carousel .flip-past {
transform: translateX(-80%) translateZ(0) rotateY(0) scale(0.5); }
.flipster-carousel .flip-future {
transform: translateX(80%) translateZ(0) rotateY(0) scale(0.5); }
.flipster-carousel .flip-current {
box-shadow: 0 40px 50px rgba(0, 0, 0, 0.2); }
.flipster-slider .flipster-wrapp-outer {
max-width: 1170px;
height: 100%;
display: block;
margin: 0 auto;
width: 100%;
position: relative;
overflow: hidden; }
.flipster-slider .flow-item-slider {
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.flipster-slider .flip-item {
text-align: center; }
.flipster-slider .flip-item .flow-item-title {
font-weight: 400;
letter-spacing: 2.88px;
margin-top: 35px;
margin-bottom: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in, visibility 0.3s ease-in; }
.flipster-slider .flip-item.flip-current .flow-item-title {
opacity: 1;
visibility: visible; }
.flipto {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
background-color: #f0f0f0;
transition: all 0.3s ease; }
.flipto:hover:before {
color: #c0af94; }
.flipto.flipto-next {
right: 30px; }
.flipto.flipto-next:before {
content: '\f105'; }
.flipto.flipto-next:hover {
right: 20px; }
.flipto.flipto-prev {
left: 30px; }
.flipto.flipto-prev:before {
content: '\f104'; }
.flipto.flipto-prev:hover {
left: 20px; }
.flipto:before {
position: absolute;
color: #131313;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: 'FontAwesome';
font-size: 16px;
line-height: 40px;
display: block;
transition: all 0.3s ease; }
@media only screen and (max-width: 1199px) {
.flipster-slider .flipster-wrapp-outer {
max-width: 970px; } }
@media only screen and (max-width: 991px) {
.flipster-slider .flipster-wrapp-outer {
max-width: 750px; } }
@media only screen and (max-width: 767px) {
.flipster-carousel .flip-items {
margin: 0;
position: absolute;
left: 50%;
top: 50%;
width: 60% !important;
height: 60% !important;
transform: translate(-50%, -50%); }
.flipster-slider .flipster-wrapp-outer {
max-width: calc(100% - 30px); }
.flipster-slider .flip-item .flow-item-title {
display: none; }
.flipto {
display: none; } }
/* SIMPLE CONTACTS
---------------------------*/
.simple-contacts .label {
font-size: 36px;
line-height: 36px;
font-family: "BebasNeueRegular", sans-serif;
color: #131313;
font-weight: 400;
letter-spacing: 2.88px;
margin-bottom: 25px;
padding: 0;
display: block;
text-align: left;
margin-top: -5px; }
.simple-contacts .content {
margin-bottom: 22px; }
.simple-contacts .content .title {
font-size: 11px;
font-family: "Montserrat", sans-serif;
color: #131313;
margin-bottom: 1px;
font-weight: 300;
letter-spacing: 1.2px; }
.simple-contacts .content .text p {
margin-bottom: 0; }
.simple-contacts .content .text,
.simple-contacts .content .text p,
.simple-contacts .content .text a {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
line-height: 2;
transition: all 300ms ease;
text-decoration: none;
letter-spacing: 1.1px; }
.simple-contacts .content .text a:hover {
color: #cfac7f; }
/* Gallery Full Width Infinity Scroll
---------------------------*/
.portfolio-single-content .gallery-single.infinite_full_gallery {
margin-right: 0;
margin-left: 0; }
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single {
width: 25%; }
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single,
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single a {
height: 270px;
margin: 0; }
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single a {
width: 100% !important; }
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single a .info-content {
background-color: rgba(0, 0, 0, 0.4) !important;
transform: translate(0, 0);
opacity: 0; }
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single a .info-content .vertical-align {
transform: translate(0, 0);
top: auto;
text-align: left;
bottom: 15px;
padding: 0 0 8px 28px;
overflow: hidden; }
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single a .info-content h5 {
font-size: 24px;
font-family: "BebasNeueRegular", sans-serif;
color: #fff;
margin-bottom: 0;
position: relative;
transform: translateY(100%);
transition: all 300ms ease; }
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single a:hover .info-content {
opacity: 1; }
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single a:hover .info-content h5 {
transform: translateY(0%); }
@media only screen and (max-width: 991px) {
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single {
width: 33.33%; }
.portfolio-pinterest .item-single {
width: 50% !important; } }
@media only screen and (max-width: 767px) {
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single {
width: 50%; }
.portfolio-pinterest .item-single {
width: 100% !important; } }
@media only screen and (max-width: 480px) {
.portfolio-single-content .gallery-single.infinite_full_gallery .item-single {
width: 100%; } }
/* Video Banner
---------------------------*/
.iframe-video.banner-video {
margin-bottom: 0; }
.iframe-video.banner-video.full {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: 998; }
.iframe-video.banner-video .fluid-width-video-wrapper {
height: 100%; }
.iframe-video.banner-video .video-content {
position: absolute;
bottom: 40px;
left: 0;
width: 100%;
text-align: center;
z-index: 999; }
.iframe-video.banner-video .video-content a {
position: relative;
display: inline-block;
top: 0;
left: 0;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: #fff;
transform: none;
transition: all 300ms ease;
color: #131313;
text-decoration: none;
opacity: 1;
margin: 0 7.5px; }
.iframe-video.banner-video .video-content a:hover {
background-color: #cfac7f; }
.iframe-video.banner-video .video-content a:hover::before {
color: #fff; }
.iframe-video.banner-video .video-content a::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: color 300ms ease; }
.iframe-video.banner-video .video-content .play-button::before {
line-height: normal;
font-size: 14px;
color: #131313;
left: 54%; }
.iframe-video.banner-video .video-content .play-button.start::before {
content: "\f04c";
left: 50%; }
.iframe-video.banner-video .video-content .mute-button::before {
content: "\f028";
font-family: "FontAwesome"; }
.iframe-video.banner-video .video-content .mute-button.mute1::before {
content: "\f026";
left: 48%; }
.iframe-video.banner-video .video-content .full-button::before {
content: "\f065";
font-family: "FontAwesome"; }
.iframe-video.banner-video .video-content .full-button.on::before {
content: "\f066"; }
header.zindex,
footer.zindex {
z-index: 1 !important; }
@media only screen and (max-width: 767px) {
.iframe-video.banner-video .video-content {
bottom: 0; }
.iframe-video.banner-video .video-content a {
height: 30px;
width: 30px; }
.iframe-video.banner-video .video-content a::before {
font-size: 11px; } }
/* Albums left filter
---------------------------*/
.albums-left-filter .button-group {
text-align: left; }
.albums-left-filter .button-group button {
display: block;
padding-right: 15px;
font-size: 16px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
line-height: 1.2;
margin: 0 0 12px 0;
text-transform: none;
background-color: transparent;
border: none; }
.albums-left-filter .button-group button.is-checked {
color: #cfac7f; }
.albums-left-filter .portfolio .wpb_wrapper {
margin-left: -27px;
margin-right: -27px; }
.albums-left-filter .img-wrap-item a,
.albums-left-filter .img-wrap-item {
height: 295px;
max-height: 295px !important; }
.albums-left-filter .img-wrap-item a {
display: block;
height: 270px;
width: auto;
margin: 0px 12px 25px; }
.albums-left-filter .img-wrap-item.item0 {
width: 42.2%; }
.albums-left-filter .img-wrap-item.item1 {
width: 34.8%; }
.albums-left-filter .img-wrap-item.item2 {
width: 23%; }
.albums-left-filter .img-wrap-item.item3 {
width: 51%; }
.albums-left-filter .img-wrap-item.item4 {
width: 49%; }
.albums-left-filter .img-wrap-item.item5 {
width: 33.6%; }
.albums-left-filter .img-wrap-item.item6 {
width: 25.5%; }
.albums-left-filter .img-wrap-item.item7 {
width: 40.9%; }
.albums-left-filter .img-wrap-item.item8 {
width: 45%; }
.albums-left-filter .img-wrap-item.item9 {
width: 20.9%; }
.albums-left-filter .img-wrap-item.item10 {
width: 34.1%; }
.albums-left-filter .img-wrap-item.item11 {
width: 20.1%; }
.albums-left-filter .img-wrap-item.item12 {
width: 22.7%; }
.albums-left-filter .img-wrap-item.item13 {
width: 36.3%; }
.albums-left-filter .img-wrap-item.item14 {
width: 20.9%; }
.albums-left-filter.columns2 .img-wrap-item {
width: 50% !important; }
.albums-left-filter.columns3 .img-wrap-item {
width: 33.333% !important; }
@media only screen and (max-width: 991px) {
.albums-left-filter .button-group {
text-align: center;
margin-bottom: 20px; }
.albums-left-filter .button-group button {
display: inline-block; }
.albums-left-filter .img-wrap-item.item0,
.albums-left-filter .img-wrap-item.item1,
.albums-left-filter .img-wrap-item.item2,
.albums-left-filter .img-wrap-item.item5,
.albums-left-filter .img-wrap-item.item6,
.albums-left-filter .img-wrap-item.item7,
.albums-left-filter .img-wrap-item.item10,
.albums-left-filter .img-wrap-item.item11,
.albums-left-filter .img-wrap-item.item12 {
width: 33.33%; }
.albums-left-filter .img-wrap-item.item3,
.albums-left-filter .img-wrap-item.item13 {
width: 51%; }
.albums-left-filter .img-wrap-item.item4,
.albums-left-filter .img-wrap-item.item14 {
width: 49%; }
.albums-left-filter .img-wrap-item.item8 {
width: 45%; }
.albums-left-filter .img-wrap-item.item9 {
width: 55%; } }
@media only screen and (max-width: 767px) {
.albums-left-filter .img-wrap-item.item0,
.albums-left-filter .img-wrap-item.item3,
.albums-left-filter .img-wrap-item.item4,
.albums-left-filter .img-wrap-item.item7,
.albums-left-filter .img-wrap-item.item8,
.albums-left-filter .img-wrap-item.item11,
.albums-left-filter .img-wrap-item.item12 {
width: 55%; }
.albums-left-filter .img-wrap-item.item1,
.albums-left-filter .img-wrap-item.item2,
.albums-left-filter .img-wrap-item.item5,
.albums-left-filter .img-wrap-item.item6,
.albums-left-filter .img-wrap-item.item9,
.albums-left-filter .img-wrap-item.item10,
.albums-left-filter .img-wrap-item.item13,
.albums-left-filter .img-wrap-item.item14 {
width: 45%; }
.albums-left-filter.columns3 .img-wrap-item {
width: 50% !important; } }
@media only screen and (max-width: 600px) {
.albums-left-filter .img-wrap-item.item0,
.albums-left-filter .img-wrap-item.item3,
.albums-left-filter .img-wrap-item.item4,
.albums-left-filter .img-wrap-item.item7,
.albums-left-filter .img-wrap-item.item8,
.albums-left-filter .img-wrap-item.item11,
.albums-left-filter .img-wrap-item.item12,
.albums-left-filter .img-wrap-item.item1,
.albums-left-filter .img-wrap-item.item2,
.albums-left-filter .img-wrap-item.item5,
.albums-left-filter .img-wrap-item.item6,
.albums-left-filter .img-wrap-item.item9,
.albums-left-filter .img-wrap-item.item10,
.albums-left-filter .img-wrap-item.item13,
.albums-left-filter .img-wrap-item.item14 {
width: 100% !important; } }
.portfolio-wrapper .pager-pagination a {
text-decoration: none;
display: inline-block;
padding: 3px;
color: #131313; }
.portfolio-wrapper .pager-pagination a:hover {
opacity: .7; }
.portfolio-wrapper .pager-pagination span {
display: inline-block;
padding: 3px;
color: #131313; }
.portfolio-wrapper .pager-pagination .current {
color: #cfac7f; }
.filmstrim-gallery-outer .filmstrim-gallery .image-wrap {
position: relative; }
.filmstrim-gallery-outer .filmstrim-gallery .image-wrap a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
/* Slider Kenburns
---------------------------*/
.kenburns-wrap.fade-effect .kenburns div.img,
.kenburns-wrap.fade-effect .kenburns div.img.active {
transform: scale(1) !important; }
.kenburns {
height: 100vh; }
.kenburns .img {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
transition: transform 6s ease-in, opacity 1s ease-in;
opacity: 0; }
.kenburns .img:nth-child(even) {
transform: scale(1.2); }
.kenburns .img:nth-child(odd) {
transform: scale(1); }
.kenburns .img.zoomin.active {
opacity: 1;
transform: scale(1.2) !important; }
.kenburns .img.zoomout.active {
opacity: 1;
transform: scale(1) !important; }
.kenburns-wrap {
position: relative;
overflow: hidden;
cursor: url(../images/cursor-pause.png), auto; }
.kenburns-wrap.pause {
cursor: url(../images/cursor_play.png), auto; }
.kenburns-wrap .napoli-sound-btn {
background-color: #fff;
bottom: 90px; }
.kenburns-wrap .napoli-sound-btn::before {
color: #131313 !important; }
.kenburns-play {
display: none;
position: absolute;
right: 60px;
bottom: 80px;
transform: translateX(-50%);
height: 36px;
width: 36px;
background-color: #cfac7f;
border-radius: 50%;
border-color: transparent;
z-index: 9999;
cursor: pointer; }
.kenburns-play::before {
content: "\f04b";
font-family: "FontAwesome";
color: #fff;
position: absolute;
top: 50%;
left: 53%;
font-size: 14px;
transform: translate(-50%, -50%); }
.kenburns-play.pause::before {
content: "\f04c";
left: 50%; }
@media only screen and (min-width: 768px) {
.portfolio.col-6.simple .item {
max-height: 400px !important;
height: 400px !important; }
.portfolio.classic.col-4 .item {
max-height: 300px !important;
height: 300px !important; }
.portfolio.classic.col-4 .item .item-link {
height: 270px;
min-height: 270px; }
.portfolio.big_gap.col-4 .item.block_item_0 {
height: 605px !important; }
.portfolio.big_gap.col-4 .item.block_item_0 .item-link {
height: 570px !important;
min-height: 570px !important;
margin: 0 20px 40px !important; }
.portfolio.big_gap.col-4 .item.block_item_1 {
height: 245px !important; }
.portfolio.big_gap.col-4 .item.block_item_1 .item-link {
height: 205px !important;
min-height: 205px !important;
margin: 0 20px 40px !important; }
.portfolio.big_gap.col-4 .item.block_item_2 {
height: 650px !important; }
.portfolio.big_gap.col-4 .item.block_item_2 .item-link {
height: 610px !important;
min-height: 610px !important;
margin: 0 20px 40px !important; }
.portfolio.big_gap.col-4 .item.block_item_3 {
height: 375px !important; }
.portfolio.big_gap.col-4 .item.block_item_3 .item-link {
height: 335px !important;
min-height: 335px !important;
margin: 0 20px 40px !important; }
.portfolio.big_gap.col-4 .item.block_item_4 {
height: 425px !important; }
.portfolio.big_gap.col-4 .item.block_item_4 .item-link {
height: 385px !important;
min-height: 385px !important;
margin: 0 20px 40px !important; }
.portfolio.big_gap.col-4 .item.block_item_5 {
height: 700px !important; }
.portfolio.big_gap.col-4 .item.block_item_5 .item-link {
height: 660px !important;
min-height: 660px !important;
margin: 0 20px 40px !important; }
.portfolio.big_gap.col-4 .item.block_item_6 {
height: 260px !important; }
.portfolio.big_gap.col-4 .item.block_item_6 .item-link {
height: 220px !important;
min-height: 220px !important;
margin: 0 20px 40px !important; } }
@media only screen and (max-width: 767px) {
.portfolio.col-6.simple .item {
max-height: 270px !important;
height: 250px !important; }
.portfolio.classic.col-6 .item {
max-height: 300px !important;
height: 300px !important; }
.portfolio.classic.col-6 .item .item-link {
height: 270px;
min-height: 270px; } }
/* 35. ALBUMS SLIDER MASONRY
---------------------------------- */
.portfolio-slider-wrapper .images-slider-wrapper.main {
margin-right: -10px;
margin-left: -10px; }
.portfolio-slider-wrapper .images-slider-wrapper .images {
width: calc(33.35% - 20px);
height: 250px;
background-position: center;
background-size: cover;
margin-bottom: 20px;
margin-right: 10px;
margin-left: 10px; }
.portfolio-slider-wrapper .images-slider-wrapper .images:nth-of-type(2) {
height: 520px; }
.portfolio-slider-wrapper .images-slider-wrapper .images-one {
height: 520px;
background-position: center;
background-size: cover;
width: 100%;
margin-bottom: 20px; }
.portfolio-slider-wrapper .gallery-content-wrap {
text-align: center;
margin-top: 23px; }
.portfolio-slider-wrapper .gallery-content-wrap p {
margin-bottom: 30px;
letter-spacing: .6px; }
.portfolio-slider-wrapper .portfolio-title {
font-size: 36px;
font-family: "BebasNeueRegular", sans-serif;
margin-bottom: 28px;
font-weight: 100;
letter-spacing: 3px;
line-height: 1.2; }
.portfolio-pagination {
position: absolute;
top: 260px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
background-color: #f0f0f0;
transition: all 0.3s ease; }
.portfolio-pagination::before {
position: absolute;
color: #131313;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: 'FontAwesome';
font-size: 16px;
line-height: 40px;
display: block;
transition: all 0.3s ease; }
.portfolio-pagination:hover::before {
color: #c0af94; }
.portfolio-pagination.swiper-outer-right::before {
content: '\f105'; }
.portfolio-pagination.swiper-outer-right {
right: 30px; }
.portfolio-pagination.swiper-outer-right:hover {
right: 20px; }
.portfolio-pagination.swiper-outer-left::before {
content: '\f104'; }
.portfolio-pagination.swiper-outer-left {
left: 30px; }
.portfolio-pagination.swiper-outer-left:hover {
left: 20px; }
@media only screen and (max-width: 1350px) {
.portfolio-pagination {
display: none; }
.portfolio-pagination.slider_simple {
display: block !important; }
.portfolio-slider-wrapper.slider_simple .gallery-content-wrap {
max-width: calc(100% - 165px); } }
@media only screen and (max-width: 991px) {
.portfolio-slider-wrapper .images-slider-wrapper .images {
height: 190px; }
.portfolio-slider-wrapper .images-slider-wrapper .images:nth-of-type(2) {
height: 400px; }
.portfolio-slider-wrapper .images-slider-wrapper .images-one {
height: 400px; } }
@media only screen and (max-width: 991px) {
.portfolio-slider-wrapper .swiper-slide {
padding: 0 15px; } }
@media only screen and (max-width: 600px) {
.portfolio-slider-wrapper.slider_simple .info-wrap {
min-width: 220px; }
.portfolio-slider-wrapper .images-slider-wrapper .images {
width: calc(50% - 20px);
height: 190px !important; }
.portfolio-slider-wrapper .images-slider-wrapper .images:nth-of-type(5) {
display: none; }
.portfolio-slider-wrapper .images-slider-wrapper .images-one {
height: 400px; }
.portfolio-slider-wrapper .portfolio-title {
font-size: 28px; }
.portfolio-slider-wrapper .gallery-content-wrap p,
.portfolio-slider-wrapper .portfolio-title {
margin-bottom: 20px; }
.portfolio-slider-wrapper .gallery-content-wrap {
margin-top: 5px; } }
@media only screen and (max-width: 480px) {
.portfolio-slider-wrapper .images-slider-wrapper .images {
width: calc(50% - 20px);
height: 130px !important; }
.portfolio-slider-wrapper .images-slider-wrapper .images:nth-of-type(5) {
display: none; }
.portfolio-slider-wrapper .images-slider-wrapper .images-one {
height: 280px; } }
/* 36. ALBUMS SLIDER SIMPLE
---------------------------------- */
.portfolio-slider-wrapper.slider_simple {
height: 100vh; }
.portfolio-slider-wrapper.slider_simple .swiper-slide {
padding: 0 !important; }
.portfolio-slider-wrapper.slider_simple .images-slider-wrapper .images-one {
margin-bottom: 0; }
.portfolio-slider-wrapper.slider_simple .gallery-content-wrap {
position: absolute;
left: 30px;
bottom: 30px;
text-align: left; }
.portfolio-slider-wrapper.slider_simple .swiper-wrapper {
cursor: e-resize; }
.portfolio-slider-wrapper.slider_simple .portfolio-category {
font-size: 12px;
font-family: "Montserrat", sans-serif;
color: white;
text-transform: uppercase;
letter-spacing: 2.5px;
font-weight: 100;
line-height: 1.2; }
.portfolio-slider-wrapper.slider_simple .portfolio-category span:not(:last-child)::after {
content: ',';
font-size: 17px; }
.portfolio-slider-wrapper.slider_simple .portfolio-category span:not(:last-child) {
margin-right: 5px; }
.portfolio-slider-wrapper.slider_simple .portfolio-title {
font-size: 36px;
font-family: "BebasNeueRegular", sans-serif;
color: white;
margin-top: 0;
margin-right: 18px;
margin-bottom: 5px;
display: inline-block; }
.portfolio-slider-wrapper.slider_simple .info {
background-color: #cfac7f;
color: #fff;
font-size: 14px;
display: inline-block;
vertical-align: super;
padding: 7px 10px 6px 10px;
line-height: 1;
cursor: pointer;
font-family: "Libre Baskerville", sans-serif; }
.portfolio-slider-wrapper.slider_simple .info:hover + .caption-images-portfolio {
visibility: visible;
opacity: 1; }
.portfolio-slider-wrapper.slider_simple .info-wrap {
display: inline-block;
position: relative;
min-width: 460px; }
.portfolio-slider-wrapper.slider_simple .caption-images-portfolio {
position: absolute;
bottom: 50px;
left: 0;
max-width: 100%;
background-color: #fff;
padding: 30px 40px 23px 40px;
visibility: hidden;
opacity: 0;
transition: all 350ms ease; }
.portfolio-slider-wrapper.slider_simple .caption-images-portfolio .caption-images-portfolio-item {
margin-bottom: 7px;
display: table; }
.portfolio-slider-wrapper.slider_simple .caption-images-portfolio span {
display: inline-block;
width: 24px;
text-align: center;
margin-right: 5px;
vertical-align: top; }
.portfolio-slider-wrapper.slider_simple .caption-images-portfolio img {
display: inline-block; }
.portfolio-slider-wrapper.slider_simple .caption-images-portfolio p {
display: inline-block;
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
margin-bottom: 0;
vertical-align: middle;
width: calc(100% - 29px); }
.portfolio-pagination.slider_simple {
top: auto;
right: 30px;
left: auto;
transform: none;
bottom: 40px; }
.portfolio-pagination.slider_simple.swiper-outer-left, .portfolio-pagination.slider_simple.swiper-outer-left:hover {
right: 85px; }
.portfolio-pagination.slider_simple:hover {
right: 30px;
left: auto; }
@media only screen and (max-width: 767px) {
.portfolio-slider-wrapper.slider_simple .portfolio-title {
font-size: 28px; }
.portfolio-slider-wrapper.slider_simple .info {
padding: 4px 10px 4px 10px; } }
@media only screen and (max-width: 600px) {
.portfolio-slider-wrapper.slider_simple .info-wrap {
min-width: 260px; } }
/* 37. ALBUMS SLIDER SIMPLE
---------------------------------- */
.main-header-testimonial {
position: relative;
background-size: cover;
background-position: center;
text-align: center; }
.main-header-testimonial .pagination {
display: none; }
.main-header-testimonial .banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6); }
.main-header-testimonial .swiper-arrow-left,
.main-header-testimonial .swiper-arrow-right {
width: 40px;
height: 40px;
padding-top: 4px;
border: 2px solid white;
color: white;
position: absolute;
text-align: center;
left: 70px;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
transition: all 350ms ease; }
.main-header-testimonial .swiper-arrow-left:hover,
.main-header-testimonial .swiper-arrow-right:hover {
background-color: #fff;
color: #131313; }
.main-header-testimonial .swiper-arrow-right {
right: 70px;
left: auto; }
.main-header-testimonial .content-slide {
max-width: 570px;
margin: 130px auto 130px; }
.main-header-testimonial .content-slide .description h1, .main-header-testimonial .content-slide .description h2, .main-header-testimonial .content-slide .description h3, .main-header-testimonial .content-slide .description h4, .main-header-testimonial .content-slide .description h5, .main-header-testimonial .content-slide .description h6 {
margin-top: 0;
font-family: "BebasNeueRegular", sans-serif;
color: white;
font-weight: 100;
letter-spacing: 2.8px;
line-height: 1.2;
margin-bottom: 19px; }
.main-header-testimonial .content-slide .description p {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #fff;
opacity: .7;
line-height: 2;
letter-spacing: 1.1px;
margin-bottom: 15px; }
.main-header-testimonial .content-slide .description p:empty {
display: none; }
.main-header-testimonial .content-slide .author {
font-size: 12px;
font-family: "Montserrat", sans-serif;
color: #c0af94;
line-height: 1.7;
display: block;
margin-top: 10px;
letter-spacing: 2.4px; }
.main-header-testimonial .content-slide .logo-customer {
display: block;
margin-top: 14px; }
.main-header-testimonial.simpple {
text-align: left;
overflow: hidden; }
.main-header-testimonial.simpple .pagination {
display: inline-block;
margin-top: 23px; }
.main-header-testimonial.simpple .pagination span {
cursor: pointer;
display: inline-block;
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
margin: 0 8px;
letter-spacing: 1px;
transition: all 350ms ease; }
.main-header-testimonial.simpple .pagination span.swiper-active-switch {
color: #131313;
text-decoration: underline; }
.main-header-testimonial.simpple .pagination span:hover {
color: #131313; }
.main-header-testimonial.simpple .swiper-container {
margin-right: -15px;
margin-left: -15px; }
.main-header-testimonial.simpple .swiper-slide {
padding: 0 15px; }
.main-header-testimonial.simpple .swiper-slide .wrap {
background-color: #F2F2F2;
padding: 40px 40px 30px; }
.main-header-testimonial.simpple .logo-customer {
background-size: cover;
background-position: center;
height: 110px;
width: 110px;
border-radius: 50%;
float: left;
margin-right: 30px; }
.main-header-testimonial.simpple .content-slide {
overflow: hidden;
margin: 0;
min-height: 110px; }
.main-header-testimonial.simpple .content-slide .author {
font-size: 12px;
font-family: "Montserrat", sans-serif;
color: #c0af94;
line-height: 1.7;
margin-top: 5px;
margin-bottom: 12px; }
.main-header-testimonial.simpple .content-slide .description p {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
line-height: 2;
margin-bottom: 0;
word-wrap: break-word; }
.main-header-testimonial.simpple .content-slide .description h1, .main-header-testimonial.simpple .content-slide .description h2, .main-header-testimonial.simpple .content-slide .description h3, .main-header-testimonial.simpple .content-slide .description h4, .main-header-testimonial.simpple .content-slide .description h5, .main-header-testimonial.simpple .content-slide .description h6 {
color: #888888; }
.main-header-testimonial.simpple .swiper-arrow-left,
.main-header-testimonial.simpple .swiper-arrow-right {
display: none; }
@media only screen and (max-width: 991px) {
.swiper-arrow-right,
.swiper-arrow-left {
display: none; }
.main-header-testimonial .content-slide {
margin: 90px auto 90px;
padding: 0 15px; }
.main-header-testimonial.simpple .pagination span {
margin: 0 5px; } }
@media only screen and (max-width: 600px) {
.main-header-testimonial .content-slide {
margin: 70px auto 70px; } }
@media only screen and (max-width: 500px) {
.main-header-testimonial.simpple .logo-customer {
display: inline-block;
margin: 0;
float: none;
margin-bottom: 10px; }
.main-header-testimonial.simpple .swiper-slide .wrap {
text-align: center; } }
/**********************************/
/* POPUP DETAILS */
/**********************************/
.fancybox-infobar .fancybox-infobar__body {
display: none; }
.fancybox-infobar .fancybox-button {
position: fixed;
top: 50%;
left: 30px;
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
border-radius: 0px;
background-color: #f0f0f0;
transition: all 0.3s ease; }
.fancybox-infobar .fancybox-button:hover {
background-color: #f0f0f0;
opacity: 1; }
.fancybox-infobar .fancybox-button:hover::before {
color: #c0af94; }
.fancybox-infobar .fancybox-button::before {
content: '\f104';
position: absolute;
color: #131313;
background-color: #f0f0f0;
top: 50%;
left: 50%;
opacity: 1;
border: none;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: 'FontAwesome';
font-size: 16px;
line-height: 40px;
display: block;
transition: all 0.3s ease; }
.fancybox-infobar .fancybox-button::after {
content: none; }
.fancybox-infobar .fancybox-button.fancybox-button--right {
left: auto;
right: 30px; }
.fancybox-infobar .fancybox-button.fancybox-button--right::before {
content: '\f105'; }
.fancybox-caption-wrap {
display: none; }
.popup-content-details {
display: none;
margin: auto;
padding: 0;
max-width: calc(100% - 240px);
text-align: center;
background: transparent;
max-height: calc(100% - 60px); }
.popup-content-details .fancybox-close-small {
display: none; }
.popup-content-details .img-wrap {
max-width: calc(100% - 400px);
height: auto !important;
display: inline-block;
vertical-align: top;
text-align: center;
margin-right: 400px; }
.popup-content-details .img-wrap img {
display: inline-block;
max-height: calc(100vh - 60px);
width: auto;
height: auto; }
.popup-content-details .content {
background: white;
width: 400px;
display: inline-block;
vertical-align: top;
position: absolute;
top: 0;
text-align: left;
right: 0;
padding: 65px;
height: 100%;
overflow-y: auto;
overflow-x: hidden; }
.popup-content-details .img-title {
font-size: 36px;
font-family: "BebasNeueRegular", sans-serif;
color: #131313;
line-height: 1.3;
font-weight: 400;
letter-spacing: 2.9px; }
.popup-content-details .img-date {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
line-height: 2;
letter-spacing: 1.1px;
margin-bottom: 73px;
position: relative;
display: block; }
.popup-content-details .img-date::before {
content: '';
position: absolute;
bottom: -38px;
left: 0;
height: 4px;
width: 100%;
background-color: #F2F2F2; }
.popup-content-details .caption-images-portfolio-item {
margin-bottom: 25px; }
.popup-content-details .caption-images-portfolio-item span {
font-size: 11px;
font-family: "Montserrat", sans-serif;
color: #131313;
text-transform: uppercase;
line-height: 1.2;
font-weight: 600;
letter-spacing: 1.2px;
margin-bottom: 13px;
display: block; }
.popup-content-details .caption-images-portfolio-item p {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
line-height: 1.2;
letter-spacing: 1px; }
@media only screen and (max-width: 1200px) {
.popup-content-details .content {
padding: 35px;
width: 300px; }
.popup-content-details .img-wrap {
max-width: calc(100% - 300px);
margin-right: 300px; } }
@media only screen and (max-width: 991px) {
.popup-content-details {
background-color: #fff; }
.fancybox-button--left, .fancybox-button--right,
.fancybox-buttons button:not(.fancybox-button--close) {
display: inline-block !important; }
.popup-content-details .content {
width: 100%;
position: static;
text-align: center;
padding: 15px 30px; }
.popup-content-details .content .img-title {
font-size: 30px;
margin-bottom: 0; }
.popup-content-details .content .img-date {
margin-bottom: 30px;
display: inline-block;
padding: 0 15px; }
.popup-content-details .content .img-date::before {
bottom: -15px; }
.popup-content-details .img-wrap {
max-width: 100%;
margin-right: 0; }
.popup-content-details .img-wrap img {
max-height: calc(100vh/2);
max-width: calc(100% - 70px);
margin: 35px auto auto; } }
@media only screen and (max-width: 991px) {
.popup-content-details .img-wrap {
max-width: 100%;
margin-right: 0; }
.popup-content-details .img-wrap img {
max-height: calc(100vh/2);
max-width: calc(100% - 30px);
margin: 15px auto auto; }
.fancybox-infobar .fancybox-button {
left: 15px; }
.fancybox-infobar .fancybox-button.fancybox-button--right {
right: 15px; }
.popup-content-details {
max-width: calc(100% - 140px); } }
@media only screen and (max-width: 480px) {
.fancybox-infobar .fancybox-button {
top: 30px; }
.fancybox-infobar .fancybox-button.fancybox-button--left {
right: 55px;
left: auto; }
.popup-content-details {
max-width: calc(100% - 30px);
margin-top: 40px;
height: 100%; } }
/**********************************/
/* SLIP HOVER */
/**********************************/
.gallery-item.slip .info-content {
opacity: 0;
transform: translateY(0);
position: relative;
width: inherit;
height: inherit; }
.sliphover-overlay {
cursor: pointer; }
.sliphover-overlay:hover {
opacity: 1; }
.sliphover-overlay div {
font-family: "BebasNeueRegular", sans-serif;
font-size: 24px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
letter-spacing: 1.92px;
text-transform: uppercase; }
.multiscroll-slider .ms-inner {
position: absolute;
left: 0;
top: 0; }
.multiscroll-slider .ms-section {
color: transparent; }
.multiscroll-slider-left .ms-section,
.multiscroll-slider-right .ms-section {
padding: 0;
border: 14px solid white; }
.multiscroll-slider-left .ms-section {
border-right: 7px solid white; }
.multiscroll-slider-right .ms-section {
border-left: 7px solid white; }
@media only screen and (max-width: 480px) {
.multiscroll-slider-left .ms-section,
.multiscroll-slider-right .ms-section {
border: 0; }
.multiscroll-slider-left .ms-section .ms-inner {
border: 14px solid white;
border-bottom: 7px solid white; }
.multiscroll-slider-right .ms-section .ms-inner {
border: 14px solid white;
border-top: 7px solid white; }
.ms-section.ms-table {
display: block; } }
.gallery-item:focus {
opacity: 1; }
@media (max-width: 991px) {
.full-screen-slider__img .full-content-wrap {
top: 50%; }
.full-screen-slider__img .full-content-wrap .full-title {
font-size: 40px; }
.full-screen-slider__img .full-content-wrap .full-subtitle {
line-height: 18px; } }
@media (max-width: 600px) {
.full-screen-slider__img .full-content-wrap {
text-align: center;
left: 0;
padding: 0 15px; }
#footer.fix-bottom {
position: absolute; } }
#back-to-top {
position: fixed;
bottom: 30px;
right: 40px;
z-index: 9999;
width: 32px;
height: 32px;
text-align: center;
line-height: 30px;
background: #f5f5f5;
color: #444;
cursor: pointer;
border: 0;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity: 0; }
#back-to-top:hover {
background: #e9ebec; }
#back-to-top.show {
opacity: 1; }
body.single-product {
margin-bottom: 0; }
.counter-wrap-port .item-single:not(.count-show) {
display: none; }
@-moz-document url-prefix() {
.multiscroll-slider .ms-inner {
position: static; } }
.news-entry .news {
position: relative;
min-height: 220px;
overflow: hidden; }
.news-entry .news:hover .img-wrap {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.news-wrapper {
margin-bottom: 50px; }
.news.type-1 {
padding: 22px 30px 70px 30px; }
.news.type-1 .news-type {
display: block;
position: absolute;
left: 23px;
bottom: 26px;
width: 26px;
height: 26px;
z-index: 10;
border-radius: 100%;
text-align: center;
color: #131313; }
.news.type-1 .news-type:hover {
color: #c0af94; }
.news.type-1 .news-type i {
line-height: 26px; }
.news.type-1 .news-likes {
position: absolute;
bottom: 26px;
right: 23px;
height: 26px;
color: #131313;
z-index: 10; }
.news.type-1 .news-likes a:hover {
color: #c0af94; }
.news.type-1 .news-likes i {
font-size: 12px;
margin-right: 4px; }
.news.type-1 .news-likes a {
display: inline-block;
margin-left: 21px;
color: #131313;
font-size: 12px;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.news.type-2 .news-desc {
padding: 23px 28px; }
.news.type-2 .img-wrap {
height: 121px;
width: 100%;
position: relative;
z-index: 3;
background-position: center;
background-size: cover;
-webkit-transition: all 300ms ease;
transition: all 300ms ease; }
.news-entry .news {
position: relative;
background-color: #f2f2f2; }
.news-entry .news .news-desc {
position: relative;
z-index: 10; }
.news-entry {
margin-bottom: 30px; }
.news h4 a {
font-size: 18px;
color: #131313;
line-height: 1.7;
text-transform: none;
text-decoration: none;
font-weight: 300;
margin-bottom: 10px;
display: block;
position: relative;
z-index: 10; }
.news .news-date {
font-weight: 300;
color: #131313;
font-size: 10px;
opacity: .5;
letter-spacing: .5px; }
.news .news-date i {
margin-right: 12px; }
.iframe-video.audio {
background-color: #f2f2f2; }
.iframe-video .napoli-sound-btn {
width: 50px;
height: 50px;
left: 50%;
right: auto;
top: 50%;
transform: translate(-50%, -50%); }
.thumb-wrap-protected {
max-height: 300px; }
.thumb-wrap-protected img {
max-width: 100%;
height: auto;
display: block;
width: auto;
margin: auto;
max-height: 300px; }
.filter ul li a {
text-decoration: none !important;
color: #b2b2b2;
font-family: "Libre Baskerville", sans-serif;
transition: all 300ms ease; }
.filter ul li a:hover {
color: #131313;
opacity: 1; }
.filter ul li.active a {
color: #131313; }
.iframe-video .video-container iframe {
background-color: #000; }
.iframe-video .video-content {
height: 100%;
width: 100%;
z-index: 900;
position: absolute;
top: 0;
left: 0; }
.iframe-video:not(.play) .video-content .play-button {
display: block !important; }
.iframe-video.play .video-content {
z-index: 0; }
body.archive.category {
height: auto; }
.fullview--visible {
overflow-x: hidden;
overflow-y: auto; }
.container.helper-class {
width: 100%; }
/*modern banner */
.top-banner-modern .content {
margin: 0;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
display: flex;
flex-direction: column;
align-items: center; }
.top-banner-modern .title {
text-align: center; }
.top-banner-modern h1 {
font-size: 70px; }
.top-banner-modern p {
text-align: center; }
/*end of modern banner */
.additional-content-wrap {
padding: 100px 0; }
.additional-content-wrap--light {
background-color: #ffffff; }
.additional-content-wrap--light .text, .additional-content-wrap--light p, .additional-content-wrap--light h1, .additional-content-wrap--light h2, .additional-content-wrap--light h3, .additional-content-wrap--light h4, .additional-content-wrap--light h5, .additional-content-wrap--light h6, .additional-content-wrap--light div, .additional-content-wrap--light a {
color: #131313; }
.additional-content-wrap--dark {
background-color: #131313; }
.additional-content-wrap--dark .text, .additional-content-wrap--dark p, .additional-content-wrap--dark h1, .additional-content-wrap--dark h2, .additional-content-wrap--dark h3, .additional-content-wrap--dark h4, .additional-content-wrap--dark h5, .additional-content-wrap--dark h6, .additional-content-wrap--dark div, .additional-content-wrap--dark a {
color: #fff; }
.additional-content-wrap h1, .additional-content-wrap h2, .additional-content-wrap h3, .additional-content-wrap h4, .additional-content-wrap h5, .additional-content-wrap h6 {
font-family: "BebasNeueRegular", sans-serif;
font-weight: 400;
line-height: 40px;
letter-spacing: 2.88px;
font-style: normal; }
.additional-content-wrap .text, .additional-content-wrap p {
font-size: 14px;
line-height: 28px;
font-family: "Libre Baskerville", sans-serif;
letter-spacing: 1.12px; }
.additional-content-wrap .content-item {
margin-bottom: 10px; }
.additional-content-wrap .content-item div, .additional-content-wrap .content-item a {
text-decoration: none;
transition: all .35s ease;
font-size: 15px;
letter-spacing: 1.2px; }
@media only screen and (max-width: 767px) {
.additional-content-wrap {
padding: 50px 0 25px; }
.additional-content-wrap .col-xs-12:not(:last-of-type) {
margin: 0;
text-align: center; }
.additional-content-wrap {
padding-top: 30px;
padding-bottom: 15px; }
.content-item {
text-align: center; } }
.info-block-parallax-wrap {
display: table;
width: 100%;
table-layout: fixed; }
.info-block-parallax-wrap .image-wrap {
width: 57%;
vertical-align: top;
display: table-cell;
background-size: cover;
background-position: left; }
.info-block-parallax-wrap .content-wrap {
display: table-cell;
vertical-align: top;
padding: 50px 80px 70px; }
.info-block-parallax-wrap .content-wrap p {
font-size: 14px;
line-height: 28px;
font-family: "Libre Baskerville", sans-serif;
color: #888888;
letter-spacing: 1.12px;
margin-bottom: 25px; }
.info-block-parallax-wrap .content-wrap h1, .info-block-parallax-wrap .content-wrap h2, .info-block-parallax-wrap .content-wrap h3, .info-block-parallax-wrap .content-wrap h4, .info-block-parallax-wrap .content-wrap h5, .info-block-parallax-wrap .content-wrap h6 {
font-family: "BebasNeueRegular";
line-height: 40px;
color: #131313;
letter-spacing: 2.88px;
font-weight: 400;
margin-bottom: 20px;
font-style: normal; }
.info-block-parallax-wrap .content-wrap h5 {
font-size: 36px; }
.info-block-parallax-wrap .content-wrap h6 {
font-size: 30px; }
.info-block-parallax-wrap .content-wrap a {
font-size: 12px;
font-family: "Montserrat", sans-serif;
color: #131313;
font-weight: 400;
display: block;
text-transform: uppercase;
text-decoration: none;
line-height: 45px;
letter-spacing: 0.96px;
transition: all .3s ease; }
.info-block-parallax-wrap .content-wrap blockquote {
margin-top: 25px;
overflow: hidden;
text-align: center;
padding: 20px 30px 20px 25px;
border-left: 4px solid #c0af94;
background-color: #ebebeb; }
.info-block-parallax-wrap .content-wrap blockquote p {
font-size: 16px;
line-height: 30px;
font-family: "Libre Baskerville";
color: #131313;
text-align: left;
font-style: normal;
margin: 0;
letter-spacing: 1.28px; }
@media only screen and (max-width: 767px) {
.info-block-parallax-wrap .image-wrap,
.info-block-parallax-wrap .content-wrap {
display: block;
width: 100%; }
.info-block-parallax-wrap .content-wrap {
padding: 15px; }
.info-block-parallax-wrap .content-wrap blockquote {
margin-top: 0;
margin-bottom: 15px; }
.info-block-parallax-wrap .content-wrap p {
margin-bottom: 15px; }
.info-block-parallax-wrap .image-wrap {
height: 400px !important;
min-height: 0 !important;
background-position: center; } }
.portfolio-single-content.parallax {
margin-right: 0 !important;
margin-left: 0 !important; }
.parallax-window {
position: relative;
min-height: 100vh !important; }
.content-parallax {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.content-parallax h1, .content-parallax h2, .content-parallax h3, .content-parallax h4, .content-parallax h5, .content-parallax h6 {
font-family: "BebasNeueRegular", sans-serif;
font-weight: 400;
line-height: 40px;
letter-spacing: 2.88px;
color: #fff;
font-style: normal; }
.content-parallax .category-parallax {
font-family: "Montserrat",sans-serif;
font-size: 12px;
color: #fff;
font-weight: 400;
letter-spacing: 2.4px;
margin-bottom: 40px;
text-align: center;
text-transform: uppercase; }
.content-parallax .title {
font-size: 70px;
font-family: "BebasNeueBook";
font-weight: 300;
letter-spacing: 5.6px;
margin-bottom: 40px; }
@media only screen and (max-width: 991px) {
.parallax-window .content-parallax .title {
font-size: 60px;
letter-spacing: 7px; } }
@media only screen and (max-width: 767px) {
.parallax-window .content-parallax .title {
font-size: 30px;
letter-spacing: 3px; } }
/*------------------------------------------------------*/
/*---------------------- 55 .PORTFOLIO PINTEREST ----------------------*/
.portfolio-pinterest .item-link {
position: relative;
display: block;
margin-bottom: 23px;
opacity: 0;
text-decoration: none; }
.portfolio-pinterest .item-link .img-wrap {
position: relative;
display: block;
overflow: hidden; }
.portfolio-pinterest .item-link .img-wrap:hover .info-content {
transform: scale(1);
opacity: 1; }
.portfolio-pinterest .item-link .info-content {
width: calc(100% - 20px);
height: calc(100% - 20px);
left: 10px;
top: 10px;
position: absolute;
background-color: rgba(255, 255, 255, 0.5);
transform: scale(1.1);
opacity: 0;
display: block;
text-align: center;
transition: all 500ms ease; }
.portfolio-pinterest .item-link .info-content .vertical-align {
position: absolute;
display: block;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.portfolio-pinterest .item-link .info-content i::before,
.portfolio-pinterest .item-link .info-content i::after {
content: '';
display: block;
width: 20px;
height: 2px;
background-color: #1b1b1b;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.portfolio-pinterest .item-link .info-content i::after {
transform: translate(-50%, -50%) rotate(90deg); }
.portfolio-pinterest .item-link h5 {
color: #1b1b1b;
text-align: center;
text-transform: uppercase;
font-size: 24px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
letter-spacing: 2.88px; }
.portfolio-pinterest .item-link img {
width: 100%;
height: auto; }
@media only screen and (max-width: 767px) {
.portfolio-pinterest .item-link h5 {
margin-top: 17px; } }
/*------------------------------------------------------*/
/*---------------------- 03 .ALBUM ANIMATION SHORTCODE ----------------------*/
.main-album-anim-wrap {
background-color: #000;
color: #fff; }
.morph-wrap {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none; }
.morph {
position: relative;
height: 100%;
fill: var(--background-color-2);
flex: none; }
.album_animation_content-wrap {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
min-height: 600px;
pointer-events: none; }
.album_animation_content-wrap .content {
padding: 0 15px; }
.album-text-wrap {
float: right;
width: 700px;
max-width: calc(100% - 300px); }
.content {
position: relative; }
.content__img {
width: 300px;
height: 285px;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.content--layout-1 .album-text-wrap .content__subtitle a {
position: relative;
left: -115px; }
.content--layout-1 .album-text-wrap .content__title {
position: relative;
left: -125px; }
.content__subtitle a {
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-style: italic;
line-height: 27px;
z-index: 10;
margin-top: 33px;
text-decoration: none;
display: inline-block;
text-shadow: 0px 1px 5px rgba(150, 150, 150, 0.5); }
.content__title {
font-family: "BebasNeueBook";
letter-spacing: 5.6px;
font-weight: 300;
font-size: 70px;
line-height: 67px;
text-transform: uppercase;
margin: 20px 0 0;
z-index: 10;
cursor: default;
text-shadow: 0px 1px 5px rgba(150, 150, 150, 0.5); }
#google-map canvas {
background-color: transparent; }
.album-text-wrap .content__desc {
margin: 0 0 37px;
z-index: 10;
padding: 28px 60px 0 30px;
cursor: default;
color: #fff;
font-family: "Libre Baskerville", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 27px; }
.content__img,
.content__title,
.content__subtitle a,
.content__desc {
transition: transform 0.3s ease-out; }
.content__link {
pointer-events: auto;
align-self: end;
justify-self: start;
z-index: 10;
margin-left: 30px;
position: relative;
font-size: 11px;
line-height: 20px;
display: inline-block;
letter-spacing: 1.1px;
font-family: "Montserrat", sans-serif;
font-weight: bold;
box-sizing: border-box;
padding: 8px 20px;
text-transform: uppercase;
text-decoration: none;
-webkit-font-smoothing: antialiased;
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
border-left: none;
border-right: none;
color: #ffffff; }
.content__link:hover {
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
color: #000;
background-color: #ffffff;
opacity: 1; }
.content__link:focus {
opacity: 1;
color: #fff; }
.content--layout-2 .album-text-wrap {
float: left;
text-align: right; }
.content--layout-2 .album-text-wrap .content__subtitle a {
position: relative;
right: -115px; }
.content--layout-2 .album-text-wrap .content__title {
position: relative;
right: -125px; }
.content--layout-2 .album-text-wrap .content__desc {
padding: 28px 30px 0 60px; }
.content--layout-2 .album-text-wrap .content__link {
margin-left: 0;
margin-right: 30px; }
.content--layout-2 .content__img {
float: right; }
@media only screen and (min-width: 1100px) {
.album-text-wrap {
margin-top: 100px;
max-width: calc(100% - 500px); }
.content__img {
width: 500px;
height: 500px; } }
@media only screen and (max-width: 991px) {
.content--layout-1 .album-text-wrap,
.content--layout-2 .album-text-wrap,
.content--layout-1 .content__img,
.content--layout-2 .content__img {
float: none; }
.content__img {
width: 100%; }
.album-text-wrap {
width: 480px;
max-width: 100%; }
.content--layout-1 .album-text-wrap .content__title,
.content--layout-1 .album-text-wrap .content__subtitle a {
left: 0;
position: static; }
.content--layout-2 .album-text-wrap .content__title,
.content--layout-2 .album-text-wrap .content__subtitle a {
right: 0;
position: static; }
.content__title {
font-size: 40px;
line-height: 50px;
letter-spacing: 4px; }
.content__desc {
padding-left: 0;
margin-bottom: 15px; }
.content--layout-2 .album-text-wrap .content__desc {
padding-right: 0; }
.content__link {
margin-left: 0; }
.content--layout-2 .album-text-wrap .content__link {
margin-right: 0; } }
@media only screen and (max-width: 480px) {
.album-text-wrap {
width: 360px; }
.content__title {
font-size: 32px;
line-height: 40px; }
.content__subtitle a {
font-size: 17px; }
.content__img {
height: 230px; } }
@media only screen and (max-width: 360px) {
.album-text-wrap {
width: 300px; }
.content__title {
font-size: 24px;
line-height: 35px;
margin-top: 15px; }
.content__desc {
padding-top: 20px; } }
/*------------------------------------------------------*/
/*---------------------- 06 .DISORTION PORTFOLIO ----------------------*/
body > .canvas-wrap {
overflow: hidden;
position: fixed;
height: 100vh;
top: 0;
width: 100%;
left: 0; }
body > .canvas-wrap canvas {
display: block;
position: absolute;
left: 0;
top: 0;
background-color: #1b1b1b;
transform: translate(-50%, -50%); }
.ugm-map-wrapper canvas {
background-color: transparent; }
.disortion-wrap {
/* Icons */ }
.disortion-wrap .scene-nav {
font-size: 40px;
position: fixed;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background: none;
border: 0;
right: 0;
width: 100px;
padding: 1.5em;
color: #fff; }
.disortion-wrap .scene-nav:focus {
outline: none; }
.disortion-wrap .scene-nav--prev {
left: 0; }
.disortion-wrap .slide-wrapper {
display: none; }
.disortion-wrap .icon--arrow-nav-next {
transform: rotate(-180deg); }
.disortion-wrap .hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none; }
.disortion-wrap .icon {
display: block;
width: 1.5em;
height: 1.5em;
margin: 0 auto;
fill: currentColor; }
.disortion-wrap main {
position: relative;
width: 100%; }
.disortion-wrap .content {
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0 auto; }
.disortion-wrap .content--fixed {
position: fixed;
z-index: 10000;
top: 0;
left: 0;
display: grid;
align-content: space-between;
width: 100%;
max-width: none;
height: 100vh;
padding: 1.5em;
pointer-events: none;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto 4em;
grid-template-areas: 'header ...'; }
.disortion-wrap .content--fixed a {
pointer-events: auto; }
/*------------------------------------------------------*/
/*---------------------- FOOTER WIDGET ----------------------*/
#footer .widget_text form input[type="submit"] {
border: 2px solid #333;
background-color: rgba(0, 0, 0, 0.1); }
#footer .widget_text form input[type="submit"]:hover {
background-color: transparent; }
#footer .widget_text form input:not([type="submit"]) {
background-color: rgba(0, 0, 0, 0.1); }
#footer .widget_text form input::-webkit-input-placeholder {
color: #333;
opacity: 1; }
#footer .widget_text form input::-moz-placeholder {
color: #333;
opacity: 1; }
#footer .widget_text form input:-ms-input-placeholder {
color: #333;
opacity: 1; }
#footer .widget_text form input:-moz-placeholder {
color: #333;
opacity: 1; }
#footer .sidebar-item[class*='widget_'] {
color: rgba(255, 255, 255, 0.7); }
#footer .sidebar-item[class*='widget_'] ul {
list-style: none; }
#footer .sidebar-item[class*='widget_'] ul li {
color: rgba(255, 255, 255, 0.7);
transition: 0.3s; }
#footer .sidebar-item[class*='widget_'] ul li:hover > a {
text-decoration: none;
color: #fff;
opacity: 1; }
#footer .sidebar-item[class*='widget_'] h5 {
color: #fff; }
#footer .sidebar-item[class*='widget_'] a, #footer .sidebar-item[class*='widget_'] label, #footer .sidebar-item[class*='widget_'] p, #footer .sidebar-item[class*='widget_'] strong, #footer .sidebar-item[class*='widget_'] span, #footer .sidebar-item[class*='widget_'] caption {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: 0.3s; }
#footer .sidebar-item[class*='widget_'] a:hover {
text-decoration: none;
color: #fff; }
#footer .sidebar-item {
margin-bottom: 75px;
margin-top: 70px; }
#footer .widg .sidebar-item:nth-of-type(3) {
float: right; }
#footer .ContactWidget .napoli-widget-contact {
max-width: 300px; }
#footer .widget_text h5 {
color: #fff;
font-size: 14px;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 0px;
margin-top: 7px;
max-width: 300px; }
#footer .widget_text .textwidget {
max-width: 300px; }
#footer .widget_text .textwidget > p {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #fff;
line-height: 1.8;
margin-bottom: 20px; }
#footer .widget_text .wpcf7-response-output {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #fff;
line-height: 1.8;
font-weight: 100;
letter-spacing: 0.5px;
padding-top: 0; }
#footer .widget_text form {
position: relative; }
#footer .widget_text form::after {
content: "\f1d8";
font-family: "FontAwesome";
color: white;
position: absolute;
right: 20px;
top: 14px;
z-index: -1; }
#footer .widget_text form input:not([type="submit"]) {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #fff;
min-height: 53px;
line-height: 1.8;
background-color: rgba(255, 255, 255, 0.1);
opacity: 1;
width: 100%;
font-weight: 100;
padding: 13px 23px;
letter-spacing: 0.5px;
border-bottom: 2px solid transparent; }
#footer .widget_text form .wpcf7-form-control-wrap {
width: calc(100% - 57px);
float: left;
margin-right: 4px; }
#footer .widget_text form input[type="submit"] {
min-width: 53px;
width: 53px;
height: 53px;
border: 2px solid white;
background-color: transparent;
color: transparent;
margin-top: 0;
padding: 0; }
#footer .widget_text form input[type="submit"]:hover {
background-color: rgba(255, 255, 255, 0.3); }
#footer .widget_text form input::-webkit-input-placeholder {
color: #fff;
opacity: 1; }
#footer .widget_text form input::-moz-placeholder {
color: #fff;
opacity: 1; }
#footer .widget_text form input:-ms-input-placeholder {
color: #fff;
opacity: 1; }
#footer .widget_text form input:-moz-placeholder {
color: #fff;
opacity: 1; }
#footer.no-footer {
display: none; }
@media only screen and (max-width: 1024px) {
#footer .sidebar-item {
margin-bottom: 50px;
margin-top: 40px; } }
@media (max-width: 991px) {
#footer .widg .sidebar-item:nth-of-type(3) {
float: none; }
#footer .sidebar-item {
text-align: center; }
#footer .sidebar-item .images-wrap {
display: inline-block; }
#footer .ContactWidget .napoli-widget-contact,
#footer .ContactWidget .contact_content {
max-width: 100%; }
#footer .widget_text h5,
#footer .widget_text .textwidget {
max-width: 100%; } }
@media (max-width: 767px) {
#footer .sidebar-item {
margin-top: 40px;
margin-bottom: 30px; } }
.NapoliInstagramWidget {
color: white; }
.NapoliInstagramWidget h3 {
font-size: 14px;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px; }
.NapoliInstagramWidget span {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
display: block;
margin-top: 10px; }
.NapoliInstagramWidget a {
display: inline-block;
width: 85px;
max-width: calc(25% - (30px / 4));
height: auto;
float: left;
margin-right: 10px;
margin-bottom: 10px; }
.NapoliInstagramWidget a img {
height: 85px; }
.NapoliInstagramWidget a:last-of-type {
margin-right: 0; }
.ContactWidget h3 {
font-size: 32px;
font-family: "BebasNeueRegular", sans-serif;
color: #fff;
letter-spacing: 3px;
margin-bottom: 15px;
margin-top: 5px; }
.ContactWidget div.contact_content {
font-size: 15px;
font-family: "Libre Baskerville", sans-serif;
color: #fff;
opacity: .5;
letter-spacing: 0px;
line-height: 1.8;
max-width: 300px;
margin-bottom: 15px; }
.ContactWidget .contact_url {
font-size: 14px;
font-family: "Libre Baskerville", sans-serif;
color: #fff;
text-decoration: underline;
display: block;
transition: all 350ms ease; }
.ContactWidget .contact_url:hover {
opacity: .7; }
.ContactWidget a.fa {
color: #fff;
display: inline-block;
margin-top: 20px;
text-decoration: none;
margin-right: 14px;
transition: all 350ms ease; }
.ContactWidget a.fa:hover {
opacity: .7; }
/*------------------------------------------------------*/
/*---------------------- INSTAGRAM GALLERY ----------------------*/
.insta-wrapper .insta-item {
display: block; }
.insta-wrapper .insta-item:hover {
opacity: 1; }
.insta-wrapper .insta-item:hover .info-hover {
opacity: 1;
width: calc(100% - 20px);
height: calc(100% - 20px); }
.insta-wrapper .info-hover {
position: absolute;
top: 50%;
opacity: 0;
transition: all 400ms ease;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
display: table-cell;
vertical-align: middle;
text-align: center; }
.insta-wrapper .info-hover i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.insta-wrapper .info-hover i::before, .insta-wrapper .info-hover i::after {
content: '';
background-color: #fff;
height: 2px;
width: 20px;
display: block; }
.insta-wrapper .info-hover i::after {
transform: rotate(-90deg); }
@media only screen and (max-width: 767px) {
.insta-wrapper .insta-item img {
width: 100%; } }
@media only screen and (min-width: 769px) {
.aside-nav {
display: none; }
.aside-menu {
position: fixed;
top: 0;
left: 0; }
.aside-menu #topmenu {
position: fixed;
top: 0;
left: -100%;
height: 100%;
width: 294px !important;
padding: 50px 0;
margin-left: 58px;
text-align: center;
background-color: #fff;
box-sizing: border-box;
outline: 0;
z-index: 101;
backface-visibility: hidden;
transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
.aside-menu #topmenu ul ul {
background-color: #131313; }
.aside-menu #topmenu .napoli-shop-icon {
background-color: transparent; }
.aside-menu #topmenu.active-menu {
left: 0; }
.aside-menu.active-menu {
left: 0; }
.aside-menu.active-menu .aside-nav .aside-nav-line.line-1 {
display: none; }
.aside-menu.active-menu .aside-nav .aside-nav-line.line-2 {
top: 50%;
transform: rotate(45deg); }
.aside-menu.active-menu .aside-nav .aside-nav-line.line-3 {
top: 50%;
transform: rotate(-45deg); }
.aside-menu .logo {
position: absolute;
z-index: 9999;
top: 20px;
left: 31px;
padding: 20px 0; }
.aside-menu .aside-nav {
position: fixed;
display: block;
left: 0;
top: 0;
width: 58px;
background-color: #131313;
height: 100%;
z-index: 1000; }
.aside-menu .aside-nav .aside-nav-line {
position: absolute;
top: 50%;
left: 18px;
display: block;
width: 22px;
height: 1px;
background-color: #fff;
transition: transform .3s ease; }
.aside-menu .aside-nav .aside-nav-line.line-1 {
transform: translateY(-6px); }
.aside-menu .aside-nav .aside-nav-line.line-3 {
transform: translateY(6px); }
.aside-menu .aside-nav:hover {
opacity: 1; }
.aside-menu .aside-nav:focus {
opacity: 1; }
.aside-menu .aside-nav:hover .aside-nav-line {
transform: rotate(45deg); }
.aside-menu #topmenu {
display: table !important;
border-right: 1px solid #f2f2f2; }
.aside-menu #topmenu ul.menu {
display: inline-block;
padding-bottom: 50px;
vertical-align: middle;
overflow-y: auto;
width: 100%;
max-height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.aside-menu #topmenu ul.menu li {
display: block; }
.aside-menu #topmenu ul.menu li a {
text-align: center; }
.aside-menu #topmenu .f-right {
float: none;
position: absolute;
left: 50%;
width: calc(100% - 35px);
transform: translateX(-50%);
bottom: 40px;
z-index: 2; }
.aside-menu #topmenu .f-right .napoli-top-social {
margin-left: 0; }
.aside-menu #topmenu .f-right .napoli-top-social li {
margin-right: 5px;
margin-left: 5px; }
.aside-menu #topmenu .sub-menu {
width: 293px !important;
position: static; }
.aside-menu #topmenu::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
background: #fff;
z-index: 1; }
.aside-menu #topmenu > ul > li:hover ul,
.aside-menu #topmenu > ul > li > ul > li:hover ul {
display: none; }
.aside-menu #topmenu ul > li > ul > li > ul {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee; }
header:not(.aside-menu) #topmenu ul li.mega-menu {
position: static; }
header:not(.aside-menu).right-menu #topmenu ul .mega-menu > ul {
width: 100%;
left: 0;
top: 60px; }
header:not(.aside-menu) #topmenu ul li.mega-menu:hover > ul {
padding-top: 25px;
overflow: hidden; }
header:not(.aside-menu) #topmenu ul li.mega-menu:hover > ul::before {
content: "";
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 30px;
background-color: #1B1B1B;
z-index: 10; }
header:not(.aside-menu) #topmenu ul li.mega-menu:hover > ul > li {
float: left;
width: 25%; }
header:not(.aside-menu) #topmenu ul li.mega-menu > ul > li::before {
content: "";
position: absolute;
width: 1px;
left: 100%;
top: 30px;
height: 100vh;
background-color: #353535; }
header:not(.aside-menu) #topmenu ul li.mega-menu > ul > li:nth-child(1)::before {
left: 25%; }
header:not(.aside-menu) #topmenu ul li.mega-menu > ul > li:nth-child(2)::before {
left: 50%; }
header:not(.aside-menu) #topmenu ul li.mega-menu > ul > li:nth-child(3)::before {
left: 75%; }
header:not(.aside-menu) #topmenu ul li.mega-menu:hover > ul > li > a {
text-transform: uppercase !important; }
header:not(.aside-menu) #topmenu ul > li.mega-menu:hover > ul > li > ul {
display: block;
position: static;
text-align: left;
min-width: 100%; }
header:not(.aside-menu) #topmenu ul > li.mega-menu:hover > ul > li > ul > li {
display: block; }
header:not(.aside-menu).right-menu #topmenu ul .mega-menu ul li {
display: inline-block;
position: static; } }
/*------------------------------------------------------*/
/*---------------------- 54 .STATIC ASIDE MENU ----------------------*/
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,
.mCSB_inside > .mCSB_container {
margin-right: 0; }
@media only screen and (min-width: 769px) {
.static-menu {
padding-left: 293px;
position: relative; }
.static-menu .right-menu .logo span {
float: none; }
.static-menu.woocommerce > .main-wrapper > .container {
padding: 0 15px !important; }
.static-menu.woocommerce.woocommerce-page ul.products {
margin-top: 20px; }
.static-menu.woocommerce div.product {
margin-top: 20px; }
.static-menu .napoli-woocommerce-pagination .nav-links {
padding: 30px 30px 70px; }
.static-menu .main-header-testimonial {
margin-left: auto;
margin-right: auto; }
.static-menu .single-pagination {
padding: 15px; }
.static-menu .top-banner {
height: 500px; }
.static-menu .row.single-share {
margin-right: 0;
margin-left: 0; }
.static-menu .portfolio-single-content .izotope-container {
margin-top: 20px; }
.static-menu .pixproof-data,
.static-menu .pixproof-data .grid__item:last-child {
margin-top: 20px; }
.static-menu .portfolio-single-content .single-pagination {
padding: 50px 15px; }
.static-menu .banner-slider .page-view {
max-width: 100%; }
.static-menu .portfolio-single-content p,
.static-menu .portfolio-single-content h1,
.static-menu .portfolio-single-content h2,
.static-menu .portfolio-single-content h3,
.static-menu .portfolio-single-content h4,
.static-menu .portfolio-single-content h5,
.static-menu .portfolio-single-content h6 {
padding: 0 15px; }
.static-menu .portfolio-single-content .row.gallery-single {
margin-right: 0;
margin-left: 0; }
.static-menu .swiper-container-split .swiper-slide .slide-item.slide-text-left .wrap-slide-text {
padding-left: 190px; }
.static-menu .vc_row:not([data-vc-stretch-content="true"]) {
padding-left: 0 !important;
padding-right: 0 !important; }
.static-menu .vc_row[data-vc-full-width] {
max-width: calc(100% + 30px) !important;
left: 0 !important; }
.static-menu .top-banner .content {
padding: 0 15px; }
.static-menu .flow-slider .swiper-container {
width: 120vw; }
.static-menu .exhibition-wrap .container-wrap {
max-width: 100%; }
.static-menu .exhibition-wrap .slide {
max-width: calc(70vw - 90px); }
.static-menu #footer {
max-width: calc(100% - 294px);
left: 294px; }
.static-menu .container {
max-width: 100%; }
.static-menu .header_top_bg {
padding-bottom: 0; }
.aside-menu.static {
max-width: 290px;
left: 0; }
.aside-menu.static .aside-nav {
display: none; }
.aside-menu.static #topmenu ul.menu {
overflow-y: hidden;
transform: translate(-50%, -50%); }
.aside-menu.static #topmenu {
left: 0 !important;
margin-left: 0;
vertical-align: top;
border-right: none; }
.aside-menu.static #topmenu .sub-menu {
margin-left: 20px;
width: calc(100% - 40px) !important;
margin-bottom: 10px; }
.aside-menu.static #topmenu li:hover > .sub-menu {
display: none; }
.aside-menu #topmenu .menu li a {
opacity: 1; }
.aside-menu.static #topmenu .menu li a {
text-align: left;
font-size: 12px;
line-height: 26px;
position: relative;
padding: 0 0 5px 0;
margin-left: 45px;
display: inline-block;
opacity: 1; }
.aside-menu.static #topmenu .menu li ul li a {
margin-left: 20px; }
.aside-menu #topmenu .menu li ul li a:hover {
color: #c0af94;
opacity: 1; }
.aside-menu.static #topmenu .menu li {
text-align: left; }
.aside-menu.static #topmenu .menu li a::before {
position: absolute;
content: '';
width: 0%;
height: 4px;
bottom: 3px;
left: 0;
background-image: url("../images/menu-border.svg");
background-repeat-x: repeat;
z-index: 10;
transition: all 0.5s ease; }
.aside-menu.static #topmenu .menu li a:hover::before {
width: 100%;
transition: all 0.5s ease; }
.aside-menu.static #topmenu .menu .sub-menu li a::before,
.aside-menu.static #topmenu .menu .sub-menu li a::before {
width: 0%; }
.aside-menu.static #topmenu .menu .sub-menu li a,
.aside-menu.static #topmenu .menu .sub-menu li a {
opacity: 1;
transition: all 0.5s ease; }
.aside-menu.static #topmenu .current-menu-parent a,
.aside-menu.static #topmenu .current-menu-item a {
opacity: 1; }
.aside-menu.static #topmenu .f-right {
text-align: left;
padding-left: 28px;
display: flex;
align-items: center; }
.aside-menu.static .logo {
left: 0;
width: 100%;
top: 0;
padding-top: 40px;
text-align: left;
opacity: 1;
padding-left: 45px; }
.aside-menu.static .logo span {
font-size: 30px;
line-height: 1; }
.aside-menu.static .logo img {
max-width: 100%; }
.aside-menu.static .logo:hover {
opacity: 1; } }
@media only screen and (min-width: 1650px) {
.static-menu .vc_row:not([data-vc-stretch-content="true"]) {
padding-left: 7% !important;
padding-right: 7% !important; } }
@media only screen and (min-width: 1199px) and (max-width: 1375px) {
.static-menu .pricing-item {
padding: 60px 40px; }
.static-menu .pricing-item .mask-image {
min-width: 150px;
width: 150px; } }
@media only screen and (min-width: 1200px) and (max-width: 1275px) {
.static-menu .pricing-item .mask-image {
min-width: 130px;
width: 130px; } }
@media only screen and (min-width: 992px) and (max-width: 1375px) {
.static-menu .outer-album-swiper .album-text-block,
.static-menu .outer-album-swiper .right-content {
max-width: 260px; } }
@media only screen and (min-width: 992px) and (max-width: 1350px) {
.static-menu .contacts-info-wrap.style3 .content {
padding: 100px 20px; }
.static-menu .swiper3-container.carousel-albums .swiper3-button-prev {
left: 30px; }
.static-menu .swiper3-container.carousel-albums .swiper3-button-prev:hover {
left: 20px; }
.static-menu .swiper3-container.carousel-albums .swiper3-button-next {
right: 30px; }
.static-menu .swiper3-container.carousel-albums .swiper3-button-next:hover {
right: 20px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.static-menu.single-product .product .woocommerce-Reviews #comments, .static-menu.napoli_product_detail .product .woocommerce-Reviews #comments {
width: 60%; }
.static-menu.single-product .product .woocommerce-Reviews #review_form_wrapper, .static-menu.napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper {
width: 40%; }
.static-menu .coming-soon .svg .count {
font-size: 115px; }
.static-menu .client-wrap {
width: 50%; }
.static-menu .info-block-parallax-wrap .content-wrap {
padding: 70px 20px 70px; } }
@media only screen and (min-width: 992px) and (max-width: 1100px) {
.static-menu .top-banner {
height: 300px; }
.static-menu .top-banner.center_content {
min-height: 300px; }
.static-menu .fragment-wrapper .fragment-block .fragment-text .wrap-frag-text .title {
font-size: 50px;
line-height: 55px; }
.static-menu .swiper-container-vert-slider .swiper-slide .container .wrap-text {
max-width: calc(100% - 40px); }
.static-menu .swiper-container-vert-slider .swiper-slide .container .wrap-text .title {
font-size: 60px;
letter-spacing: 8px; }
.static-menu .portfolio-slider-wrapper.slider_classic .content-wrap .portfolio-title {
font-size: 50px;
letter-spacing: 7px; }
.static-menu .portfolio-single-content .gallery-single.infinite_full_gallery .item-single {
width: 33.33%; }
.static-menu .portfolio.grid .item {
width: 50% !important; }
.static-menu .flow-slider .flow-title {
font-size: 60px; } }
/*------------------------------------------------------*/
/*---------------------- 03 .ASIDE MENU VERTICAL LOGO ----------------------*/
@media only screen and (min-width: 769px) {
header.aside-menu {
padding: 0; }
.aside-menu.vertical .logo {
position: fixed;
top: auto;
bottom: 15px;
left: 0;
transform-origin: left top 0;
transform: rotate(-90deg);
padding: 0;
height: 58px; }
.aside-menu.vertical .logo span, .aside-menu.vertical .logo img {
max-height: 58px;
margin: 0;
position: absolute;
top: 50%;
max-width: 1000px;
left: 50%;
transform: translate(-50%, -50%);
padding-top: 0;
color: #ffffff; }
.right-menu.aside-menu #topmenu.active-menu ul li a {
display: inline-block; }
.right-menu.aside-menu #topmenu.active-menu ul li ul::before {
display: none; }
.right-menu.aside-menu #topmenu.active-menu .f-right {
float: none;
position: absolute;
left: 50%;
width: calc(100% - 35px);
transform: translateX(-50%);
bottom: 40px;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between; }
.right-menu.aside-menu #topmenu.active-menu .f-right .napoli-top-social {
margin-left: 0; } }
.header_top_bg .col-xs-12 {
min-height: 0 !important; }
@media (max-width: 767px) {
#wpadminbar {
position: fixed;
top: 0; } }
.portfolio.grid .item-portfolio-content {
max-height: 100% !important; }
#wpadminbar + .lg-outer .lg-toolbar {
top: 35px; }
img.mfp-img {
max-height: 95vh !important; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
margin-top: -15px; }
@media only screen and (max-width: 767px) {
img.mfp-img {
max-height: 85vh !important; } }
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d;
margin: 1em 0; }
.wp-caption .wp-caption-text {
margin-top: 10px; }
.wp-block-cover p, .wp-block-cover-image p {
color: #fff !important;
font-size: 15px !important; }
.has-large-font-size {
font-size: 36px !important;
color: inherit !important; }
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {
color: #0693e3 !important; }
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {
color: #00d084 !important; }
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {
color: #abb8c3 !important; }
.has-medium-font-size {
font-size: 20px !important; }
.has-very-light-gray-color.has-very-light-gray-color {
color: #eee !important; }
.has-huge-font-size, .has-larger-font-size {
font-size: 42px !important; }
.has-very-dark-gray-color.has-very-dark-gray-color {
color: #313131 !important; }
.wp-block-audio audio {
min-width: auto !important; }
.fb_iframe_widget iframe {
max-width: 100% !important; }
.fb_iframe_widget_fluid span {
width: 100% !important; }
.wp-block-archives.wp-block-archives-dropdown {
margin-bottom: 10px; }
iframe {
min-width: 100% !important;
max-width: 100% !important; }
.wp-block-media-text .wp-block-media-text__content {
padding: 8% !important; }
.wp-block-media-text {
margin-bottom: 15px; }
.wp-block-separator {
max-width: 100px;
border-color: #131313;
margin: 25px auto; }
.wp-block-separator.is-style-wide {
max-width: 100%; }
.wp-block-separator.is-style-dots:before {
padding-left: 2em; }
.single-content ul ul, .single-content ol ul,
.single-post ul ul,
.single-post ol ul {
list-style-type: circle; }
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.is-style-default {
padding: 0 !important; }
.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-default cite {
font-weight: 400;
font-style: italic;
text-align: left;
color: #131313; }
.wp-block-quote.is-large cite:before,
.wp-block-quote.is-style-large cite:before,
.wp-block-quote.is-style-default cite:before {
display: none; }
.wp-block-quote.is-style-default cite {
font-size: 14px; }
.wp-block-quote.is-style-large cite {
font-size: 18px; }
.wp-block-pullquote cite {
text-transform: uppercase; }
.wp-block-pullquote cite::before {
display: none; }
.wp-block-file a {
text-decoration: none; }
.wp-block-file a.wp-block-file__button {
text-decoration: none;
display: inline-block;
padding: 0.2em 1em; }
.single-post pre,
.single-content pre {
background: #fdfdfd;
font-size: 15px;
line-height: 1.6;
padding: 1.6em;
border: none; }
/*# sourceMappingURL=main.css.map */