/* _____________________________________________________ Definity - Multipurpose One/Multi Page Template Version: 1.6 (update - 08.09.16) Created By: Viktor Andonov Support: octarinethemes@gmail.com _____________________________________________________ ---------- TABLE OF CONTENTS ---------- 0.1 Bootstrap styles 0.2 Fonts imports 0.3 Variables 0.4 Utilities 1.0 Typography 1.1 Text 1.2 Headings 1.3 Links 1.4 Blockquotes 1.5 Lists 1.6 PAGE - Typography 2.0 Buttons 2.1 Default Buttons 2.2 Ghost Buttons 2.3 Buttons Rounded 2.4 Text Buttons 2.5 Buttons Sizes 2.6 Light Buttons 2.7 PAGE - Buttons 3.0 Forms 4.0 Headers/Page Titles 4.1 Breadcrumbs 4.2 Header/Page Title 4.3 Header/Page Title Styles 4.4 Header/Page Title Sizes 4.5 Header/Page Title Parallax 5.0 Alerts 6.0 FAQ - Accordions 7.0 Footers 7.1 Footer Widgets 7.2 Footer Contact 7.3 Footer Litle 8.0 Navigation 9.0 Features 9.1 Feature - Cards 9.2 Feature - Cards 2 9.3 Feature - Steps Numbers 9.4 Feature - Centered 9.5 Feature - Horizontal Aligned 9.6 Feature - Vertical Aligned 9.7 Feature - Boxed Hover List 9.8 Feature - Tabs 9.9 Lists 9.10 Feature Layout 50/50 9.11 Feature Hover Box 9.12 Video Background 9.13 Feature - Big Images + Text 9.14 Feature - Image Left 9.15 Tabs 9.16 Utiliy Classes 10.0 Counters 10.1 Circle Counter 10.2 Counters - Numbers 11.0 Sliders 12.0 Testimonials 12.1 Testimonials - 1 Column 12.2 Testimonials - 3 Columns Cards 12.3 Clients List 13.0 Clients 14.0 Team Blocks 14.1 Team - 3 Columns 14.2 Team - 4 Columns 14.3 Freelancer 15.0 Portfolio 15.1 Full Width - Columns 15.2 Boxed Columns 15.3 Masonry Layout 15.4 Single Column 15.5 Portfoli Single - Project Page 16.0 Pricing Tables 17.0 CTA - Call to Action 17.1 CTA - Link 17.2 CTA - Newsletter Signup 18.0 Blog 18.1 Blog Columns 18.2 Blog Masonry 18.3 Blog Classic 18.4 Blog Post Single 18.5 Sidebar 18.6 Comments 19.0 Contact 19.1 Contact Layout 1 19.2 Contact Layout 2 19.3 Contact Layout 3 20.0 Hero 20.01 Preloader 20.02 Scroller 20.03 Hero Sliders Navigation 20.1 Main Onepage 20.2 Full Screen Slider 20.3 Full Width Slider 20.4 Full Screen Video 20.5 Full Width Video 20.6 Text Slider 20.7 Freelancer 20.8 Agency 20.9 Animated Heading 20.10 Kenburn Slider 20.11 Landing Page 21.0 Login Pages 21.1 Login Page 1 21.2 Login Page 2 22.0 Coming Soon 22.1 Coming Soon - Page 1 22.2 Coming Soon - Page 2 23.0 Maintenance Page 24.0 404 Page 25.0 Labels 26.0 Hover Effects 26.1 Hover Default - Effect 26.2 Hover Bottom - Effect 26.3 Hover Side Panel - Effect 27.0 Shop (E-Commerce) Layout 27.1 Shop Layout 27.2 Shop Product Card 27.3 Shop Sidebar - (horizontal) 27.4 Shop Sidebar - (vertical) 27.5 Checkout Page 27.6 Shop Product Single 28.0 Tables ---------- END - TABLE OF CONTENTS ---------- */ /* -------------------------------------------------- 0.1 Settigns -------------------------------------------------- */ /* ---- Colors ---- */ /* ---- Label Colors ---- */ /* ---- Text ---- */ /* ---- White Space ---- */ /* ---- Buttons ---- */ /* ---- Forms ---- */ /* ---- Navigation ---- */ /* ---- Footer ---- */ /* ---- Other ---- */ /* ---- Media Queries Breakpoints ---- */ /* -------------------------------------------------- 0.2 Utility -------------------------------------------------- */ hr { margin-top: 0; margin-bottom: 0; border-color: #ccc; } .no-gap { padding-left: 0; padding-right: 0; } .no-gap-left { padding-left: 0; } .no-gap-right { padding-right: 0; } .center-block { margin: 0 auto; display: block !important; } .no-style-link { color: inherit; } .no-style-link:focus, .no-style-link:visited { text-decoration: none; color: inherit; } .no-style-link:hover { color: #919191; } .clear { clear: both; } /* ---- Backgrounds ---- */ .dark-bg { background: #111; } .dark-bg h1, .dark-bg .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .dark-bg .nbr-timer, .dark-bg h2, .dark-bg h3, .dark-bg .page-title .subheading, .page-title .dark-bg .subheading, .dark-bg h4, .dark-bg .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .dark-bg .tab-heading, .dark-bg .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .dark-bg cite, .dark-bg .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .dark-bg cite, .dark-bg .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .dark-bg cite, .dark-bg .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .dark-bg cite, .dark-bg .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .dark-bg cite, .dark-bg .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .dark-bg .t-role, .dark-bg .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .dark-bg .t-role, .dark-bg .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .dark-bg .t-role, .dark-bg .t-join .t-info .t-role, .t-join .t-info .dark-bg .t-role, .dark-bg .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .dark-bg .cards-header, .dark-bg .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .dark-bg .sc-lead, .dark-bg h5, .dark-bg .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .dark-bg .ft-heading, .dark-bg .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .dark-bg .tab-info, .dark-bg .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .dark-bg .widget-comm-title, .dark-bg .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .dark-bg .title-timer, .dark-bg .shop-layout-options span, .shop-layout-options .dark-bg span, .dark-bg h6, .dark-bg .progress-group .progress-title, .progress-group .dark-bg .progress-title, .dark-bg .progress-group .progress-value, .progress-group .dark-bg .progress-value, .dark-bg .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .dark-bg .panel-title, .dark-bg .footer-social-links ul li, .footer-social-links ul .dark-bg li, .dark-bg .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .dark-bg .show-info-link, .dark-bg .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .dark-bg .adr-heading, .dark-bg .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .dark-bg .show-map, .dark-bg .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .dark-bg .adr-heading, .dark-bg .ft-cards .ft-item a, .ft-cards .ft-item .dark-bg a, .dark-bg .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .dark-bg .link-btn, .dark-bg .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .dark-bg a, .dark-bg .circles-counters .circle-item .circle-text, .circles-counters .circle-item .dark-bg .circle-text, .dark-bg .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .dark-bg .circle-text, .dark-bg .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .dark-bg .count-text, .dark-bg .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .dark-bg .count-text, .dark-bg .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .dark-bg a, .dark-bg .pricing-tables .p-table .desc, .pricing-tables .p-table .dark-bg .desc, .dark-bg .blog-post-nav .prev-btn, .blog-post-nav .dark-bg .prev-btn, .dark-bg .blog-post-nav .next-btn, .blog-post-nav .dark-bg .next-btn, .dark-bg .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .dark-bg a, .dark-bg .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .dark-bg span, .dark-bg .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .dark-bg a, .dark-bg .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .dark-bg p, .dark-bg .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .dark-bg a, .dark-bg .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .dark-bg .cta-btn, .dark-bg .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .dark-bg label, .dark-bg .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .dark-bg label, .dark-bg .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .dark-bg a, .dark-bg .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .dark-bg a, .dark-bg .checkout-table tbody tr td:first-child, .checkout-table tbody tr .dark-bg td:first-child, .dark-bg .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .dark-bg .tpr-name { color: #ececec; } .dark-bg .subheading { color: #000 !important; font-weight: 400; } .gray-bg { background: #f8f8f8; } .bg-white { background: #fff; } /* ---- White Space ---- */ .ws-s { padding-bottom: 50px; } .ws-m { padding-bottom: 100px; } .ws-l { padding-bottom: 160px; } .mb-30 { margin-bottom: 30px; } .mb-50 { margin-bottom: 50px; } .mb-75 { margin-bottom: 75px; } .mb-100 { margin-bottom: 100px; } .section { padding-top: 40px; padding-bottom: 40px; } .section-heading h1, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .nbr-timer, .section-heading h2, .section-heading h3, .section-heading .page-title .subheading, .page-title .section-heading .subheading, .section-heading h4, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-heading, .section-heading .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .section-heading cite, .section-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .section-heading cite, .section-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .section-heading cite, .section-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .section-heading cite, .section-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .section-heading cite, .section-heading .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .section-heading .t-role, .section-heading .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .section-heading .t-role, .section-heading .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .section-heading .t-role, .section-heading .t-join .t-info .t-role, .t-join .t-info .section-heading .t-role, .section-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .section-heading .cards-header, .section-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .section-heading .sc-lead, .section-heading h5, .section-heading .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .section-heading .ft-heading, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-info, .section-heading .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .section-heading .widget-comm-title, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .title-timer, .section-heading .shop-layout-options span, .shop-layout-options .section-heading span, .section-heading h6, .section-heading .progress-group .progress-title, .progress-group .section-heading .progress-title, .section-heading .progress-group .progress-value, .progress-group .section-heading .progress-value, .section-heading .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .section-heading .panel-title, .section-heading .footer-social-links ul li, .footer-social-links ul .section-heading li, .section-heading .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .section-heading .show-info-link, .section-heading .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .section-heading .adr-heading, .section-heading .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .section-heading .show-map, .section-heading .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .section-heading .adr-heading, .section-heading .ft-cards .ft-item a, .ft-cards .ft-item .section-heading a, .section-heading .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .section-heading .link-btn, .section-heading .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .section-heading a, .section-heading .circles-counters .circle-item .circle-text, .circles-counters .circle-item .section-heading .circle-text, .section-heading .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .section-heading .circle-text, .section-heading .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .section-heading .count-text, .section-heading .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .section-heading .count-text, .section-heading .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .section-heading a, .section-heading .pricing-tables .p-table .desc, .pricing-tables .p-table .section-heading .desc, .section-heading .blog-post-nav .prev-btn, .blog-post-nav .section-heading .prev-btn, .section-heading .blog-post-nav .next-btn, .blog-post-nav .section-heading .next-btn, .section-heading .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .section-heading a, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading span, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading a, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading p, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .section-heading a, .section-heading .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .section-heading .cta-btn, .section-heading .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .section-heading label, .section-heading .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .section-heading label, .section-heading .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .section-heading a, .section-heading .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .section-heading a, .section-heading .checkout-table tbody tr td:first-child, .checkout-table tbody tr .section-heading td:first-child, .section-heading .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .section-heading .tpr-name, .section-heading p, .section-heading span { margin: 0; } .section-heading h1:first-child, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .nbr-timer:first-child, .section-heading h2:first-child, .section-heading h3:first-child, .section-heading .page-title .subheading:first-child, .page-title .section-heading .subheading:first-child, .section-heading h4:first-child, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-heading:first-child, .section-heading .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .section-heading cite:first-child, .section-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .section-heading cite:first-child, .section-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .section-heading cite:first-child, .section-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .section-heading cite:first-child, .section-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .section-heading cite:first-child, .section-heading .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .section-heading .t-role:first-child, .section-heading .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .section-heading .t-role:first-child, .section-heading .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .section-heading .t-role:first-child, .section-heading .t-join .t-info .t-role:first-child, .t-join .t-info .section-heading .t-role:first-child, .section-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .section-heading .cards-header:first-child, .section-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .section-heading .sc-lead:first-child, .section-heading h5:first-child, .section-heading .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .section-heading .ft-heading:first-child, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-info:first-child, .section-heading .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .section-heading .widget-comm-title:first-child, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .title-timer:first-child, .section-heading .shop-layout-options span:first-child, .shop-layout-options .section-heading span:first-child, .section-heading h6:first-child, .section-heading .progress-group .progress-title:first-child, .progress-group .section-heading .progress-title:first-child, .section-heading .progress-group .progress-value:first-child, .progress-group .section-heading .progress-value:first-child, .section-heading .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .section-heading .panel-title:first-child, .section-heading .footer-social-links ul li:first-child, .footer-social-links ul .section-heading li:first-child, .section-heading .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .section-heading .show-info-link:first-child, .section-heading .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .section-heading .adr-heading:first-child, .section-heading .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .section-heading .show-map:first-child, .section-heading .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .section-heading .adr-heading:first-child, .section-heading .ft-cards .ft-item a:first-child, .ft-cards .ft-item .section-heading a:first-child, .section-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .section-heading .link-btn:first-child, .section-heading .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .section-heading a:first-child, .section-heading .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .section-heading .circle-text:first-child, .section-heading .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .section-heading .circle-text:first-child, .section-heading .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .section-heading .count-text:first-child, .section-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .section-heading .count-text:first-child, .section-heading .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .section-heading a:first-child, .section-heading .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .section-heading .desc:first-child, .section-heading .blog-post-nav .prev-btn:first-child, .blog-post-nav .section-heading .prev-btn:first-child, .section-heading .blog-post-nav .next-btn:first-child, .blog-post-nav .section-heading .next-btn:first-child, .section-heading .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .section-heading a:first-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading span:first-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading a:first-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading p:first-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .section-heading a:first-child, .section-heading .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .section-heading .cta-btn:first-child, .section-heading .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .section-heading label:first-child, .section-heading .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .section-heading label:first-child, .section-heading .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .section-heading a:first-child, .section-heading .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .section-heading a:first-child, .section-heading .checkout-table tbody tr td:first-child, .checkout-table tbody tr .section-heading td:first-child, .section-heading .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .section-heading .tpr-name:first-child, .section-heading p:first-child, .section-heading span:first-child { margin-top: 160px; } .section-heading h1:nth-child(2), .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:nth-child(2), .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .nbr-timer:nth-child(2), .section-heading h2:nth-child(2), .section-heading h3:nth-child(2), .section-heading .page-title .subheading:nth-child(2), .page-title .section-heading .subheading:nth-child(2), .section-heading h4:nth-child(2), .section-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:nth-child(2), .ft-tabs .tabs-list li a .tab-group .section-heading .tab-heading:nth-child(2), .section-heading .testimonials-3col .t-item blockquote footer cite:nth-child(2), .testimonials-3col .t-item blockquote footer .section-heading cite:nth-child(2), .section-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:nth-child(2), .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .section-heading cite:nth-child(2), .section-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:nth-child(2), .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .section-heading cite:nth-child(2), .section-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:nth-child(2), .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .section-heading cite:nth-child(2), .section-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:nth-child(2), .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .section-heading cite:nth-child(2), .section-heading .team-3col .t-item .t-info .t-role:nth-child(2), .team-3col .t-item .t-info .section-heading .t-role:nth-child(2), .section-heading .team-4col .t-item .t-info .t-role:nth-child(2), .team-4col .t-item .t-info .section-heading .t-role:nth-child(2), .section-heading .freelancer-about .t-item .t-info .t-role:nth-child(2), .freelancer-about .t-item .t-info .section-heading .t-role:nth-child(2), .section-heading .t-join .t-info .t-role:nth-child(2), .t-join .t-info .section-heading .t-role:nth-child(2), .section-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:nth-child(2), .login-2 .bg-overlay .form-wrapper .form-content .section-heading .cards-header:nth-child(2), .section-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:nth-child(2), .login-2 .bg-overlay .form-wrapper .social-signup .social-card .section-heading .sc-lead:nth-child(2), .section-heading h5:nth-child(2), .section-heading .ft-boxed-hover ul li .hover-content .ft-heading:nth-child(2), .ft-boxed-hover ul li .hover-content .section-heading .ft-heading:nth-child(2), .section-heading .ft-tabs .tabs-list li a .tab-group .tab-info:nth-child(2), .ft-tabs .tabs-list li a .tab-group .section-heading .tab-info:nth-child(2), .section-heading .sidebar .comments-widget .widget-item span .widget-comm-title:nth-child(2), .sidebar .comments-widget .widget-item span .section-heading .widget-comm-title:nth-child(2), .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:nth-child(2), .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .title-timer:nth-child(2), .section-heading .shop-layout-options span:nth-child(2), .shop-layout-options .section-heading span:nth-child(2), .section-heading h6:nth-child(2), .section-heading .progress-group .progress-title:nth-child(2), .progress-group .section-heading .progress-title:nth-child(2), .section-heading .progress-group .progress-value:nth-child(2), .progress-group .section-heading .progress-value:nth-child(2), .section-heading .accordions-1 .panel .panel-heading .panel-title:nth-child(2), .accordions-1 .panel .panel-heading .section-heading .panel-title:nth-child(2), .section-heading .footer-social-links ul li:nth-child(2), .footer-social-links ul .section-heading li:nth-child(2), .section-heading .footer-contact .contact-info .show-info-link:nth-child(2), .footer-contact .contact-info .section-heading .show-info-link:nth-child(2), .section-heading .footer-contact .contact-info address ul li .adr-heading:nth-child(2), .footer-contact .contact-info address ul li .section-heading .adr-heading:nth-child(2), .section-heading .footer-contact .contact-info address .show-map:nth-child(2), .footer-contact .contact-info address .section-heading .show-map:nth-child(2), .section-heading .footer-litle address ul li .adr-group .adr-heading:nth-child(2), .footer-litle address ul li .adr-group .section-heading .adr-heading:nth-child(2), .section-heading .ft-cards .ft-item a:nth-child(2), .ft-cards .ft-item .section-heading a:nth-child(2), .section-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:nth-child(2), .ft-cards-2 .ft-card-item .ft-content .section-heading .link-btn:nth-child(2), .section-heading .ft-boxed-hover ul li .hover-content a:nth-child(2), .ft-boxed-hover ul li .hover-content .section-heading a:nth-child(2), .section-heading .circles-counters .circle-item .circle-text:nth-child(2), .circles-counters .circle-item .section-heading .circle-text:nth-child(2), .section-heading .circles-counters-dark-bg .circle-item .circle-text:nth-child(2), .circles-counters-dark-bg .circle-item .section-heading .circle-text:nth-child(2), .section-heading .number-counters .count-wrapper .count-item .count-text:nth-child(2), .number-counters .count-wrapper .count-item .section-heading .count-text:nth-child(2), .section-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:nth-child(2), .number-counters-dark-bg .count-wrapper .count-item .section-heading .count-text:nth-child(2), .section-heading .project-nav nav .nav-btns li a:nth-child(2), .project-nav nav .nav-btns li .section-heading a:nth-child(2), .section-heading .pricing-tables .p-table .desc:nth-child(2), .pricing-tables .p-table .section-heading .desc:nth-child(2), .section-heading .blog-post-nav .prev-btn:nth-child(2), .blog-post-nav .section-heading .prev-btn:nth-child(2), .section-heading .blog-post-nav .next-btn:nth-child(2), .blog-post-nav .section-heading .next-btn:nth-child(2), .section-heading .sidebar .tags-widget .tag-list li a:nth-child(2), .sidebar .tags-widget .tag-list li .section-heading a:nth-child(2), .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading span:nth-child(2), .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading a:nth-child(2), .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading p:nth-child(2), .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .section-heading a:nth-child(2), .section-heading .landing-hero .heading-wrapper .cta-btn:nth-child(2), .landing-hero .heading-wrapper .section-heading .cta-btn:nth-child(2), .section-heading .shop-sidebar .filter-widget label:nth-child(2), .shop-sidebar .filter-widget .section-heading label:nth-child(2), .section-heading .shop-sidebar-vertical .filter-widget label:nth-child(2), .shop-sidebar-vertical .filter-widget .section-heading label:nth-child(2), .section-heading .shop-sidebar .tags-widget .tag-list li a:nth-child(2), .shop-sidebar .tags-widget .tag-list li .section-heading a:nth-child(2), .section-heading .shop-sidebar-vertical .tags-widget .tag-list li a:nth-child(2), .shop-sidebar-vertical .tags-widget .tag-list li .section-heading a:nth-child(2), .section-heading .checkout-table tbody tr td:nth-child(2):first-child, .checkout-table tbody tr .section-heading td:nth-child(2):first-child, .section-heading .prod-reviews .tp-review .tpr-name:nth-child(2), .prod-reviews .tp-review .section-heading .tpr-name:nth-child(2), .section-heading p:nth-child(2), .section-heading span:nth-child(2) { margin-top: 30px; } .section-heading h1:last-child, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .nbr-timer:last-child, .section-heading h2:last-child, .section-heading h3:last-child, .section-heading .page-title .subheading:last-child, .page-title .section-heading .subheading:last-child, .section-heading h4:last-child, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-heading:last-child, .section-heading .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .section-heading cite:last-child, .section-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .section-heading cite:last-child, .section-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .section-heading cite:last-child, .section-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .section-heading cite:last-child, .section-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .section-heading cite:last-child, .section-heading .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .section-heading .t-role:last-child, .section-heading .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .section-heading .t-role:last-child, .section-heading .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .section-heading .t-role:last-child, .section-heading .t-join .t-info .t-role:last-child, .t-join .t-info .section-heading .t-role:last-child, .section-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .section-heading .cards-header:last-child, .section-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .section-heading .sc-lead:last-child, .section-heading h5:last-child, .section-heading .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .section-heading .ft-heading:last-child, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-info:last-child, .section-heading .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .section-heading .widget-comm-title:last-child, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .title-timer:last-child, .section-heading .shop-layout-options span:last-child, .shop-layout-options .section-heading span:last-child, .section-heading h6:last-child, .section-heading .progress-group .progress-title:last-child, .progress-group .section-heading .progress-title:last-child, .section-heading .progress-group .progress-value:last-child, .progress-group .section-heading .progress-value:last-child, .section-heading .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .section-heading .panel-title:last-child, .section-heading .footer-social-links ul li:last-child, .footer-social-links ul .section-heading li:last-child, .section-heading .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .section-heading .show-info-link:last-child, .section-heading .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .section-heading .adr-heading:last-child, .section-heading .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .section-heading .show-map:last-child, .section-heading .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .section-heading .adr-heading:last-child, .section-heading .ft-cards .ft-item a:last-child, .ft-cards .ft-item .section-heading a:last-child, .section-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .section-heading .link-btn:last-child, .section-heading .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .section-heading a:last-child, .section-heading .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .section-heading .circle-text:last-child, .section-heading .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .section-heading .circle-text:last-child, .section-heading .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .section-heading .count-text:last-child, .section-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .section-heading .count-text:last-child, .section-heading .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .section-heading a:last-child, .section-heading .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .section-heading .desc:last-child, .section-heading .blog-post-nav .prev-btn:last-child, .blog-post-nav .section-heading .prev-btn:last-child, .section-heading .blog-post-nav .next-btn:last-child, .blog-post-nav .section-heading .next-btn:last-child, .section-heading .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .section-heading a:last-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading span:last-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading a:last-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading p:last-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .section-heading a:last-child, .section-heading .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .section-heading .cta-btn:last-child, .section-heading .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .section-heading label:last-child, .section-heading .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .section-heading label:last-child, .section-heading .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .section-heading a:last-child, .section-heading .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .section-heading a:last-child, .section-heading .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .section-heading td:last-child:first-child, .section-heading .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .section-heading .tpr-name:last-child, .section-heading p:last-child, .section-heading span:last-child { margin-bottom: 100px; } /* ---- Section Headings ---- */ .sec-heading { margin-bottom: 30px; text-align: center; } .sec-heading .subheading { display: block; text-transform: uppercase; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; color: #999; letter-spacing: 2.5px; } .sec-heading h1:first-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .nbr-timer:first-child, .sec-heading h2:first-child, .sec-heading h3:first-child, .sec-heading .page-title .subheading:first-child, .page-title .sec-heading .subheading:first-child, .sec-heading h4:first-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-heading:first-child, .sec-heading .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .sec-heading cite:first-child, .sec-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading cite:first-child, .sec-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading cite:first-child, .sec-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading cite:first-child, .sec-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading cite:first-child, .sec-heading .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .sec-heading .t-role:first-child, .sec-heading .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .sec-heading .t-role:first-child, .sec-heading .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .sec-heading .t-role:first-child, .sec-heading .t-join .t-info .t-role:first-child, .t-join .t-info .sec-heading .t-role:first-child, .sec-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading .cards-header:first-child, .sec-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading .sc-lead:first-child, .sec-heading h5:first-child, .sec-heading .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .sec-heading .ft-heading:first-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-info:first-child, .sec-heading .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .sec-heading .widget-comm-title:first-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .title-timer:first-child, .sec-heading .shop-layout-options span:first-child, .shop-layout-options .sec-heading span:first-child, .sec-heading h6:first-child, .sec-heading .progress-group .progress-title:first-child, .progress-group .sec-heading .progress-title:first-child, .sec-heading .progress-group .progress-value:first-child, .progress-group .sec-heading .progress-value:first-child, .sec-heading .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .sec-heading .panel-title:first-child, .sec-heading .footer-social-links ul li:first-child, .footer-social-links ul .sec-heading li:first-child, .sec-heading .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .sec-heading .show-info-link:first-child, .sec-heading .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .sec-heading .adr-heading:first-child, .sec-heading .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .sec-heading .show-map:first-child, .sec-heading .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .sec-heading .adr-heading:first-child, .sec-heading .ft-cards .ft-item a:first-child, .ft-cards .ft-item .sec-heading a:first-child, .sec-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading .link-btn:first-child, .sec-heading .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .sec-heading a:first-child, .sec-heading .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .sec-heading .circle-text:first-child, .sec-heading .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .sec-heading .circle-text:first-child, .sec-heading .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .sec-heading .count-text:first-child, .sec-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading .count-text:first-child, .sec-heading .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .sec-heading a:first-child, .sec-heading .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .sec-heading .desc:first-child, .sec-heading .blog-post-nav .prev-btn:first-child, .blog-post-nav .sec-heading .prev-btn:first-child, .sec-heading .blog-post-nav .next-btn:first-child, .blog-post-nav .sec-heading .next-btn:first-child, .sec-heading .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .sec-heading a:first-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading span:first-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading a:first-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading p:first-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading a:first-child, .sec-heading .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .sec-heading .cta-btn:first-child, .sec-heading .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .sec-heading label:first-child, .sec-heading .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .sec-heading label:first-child, .sec-heading .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .sec-heading a:first-child, .sec-heading .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .sec-heading a:first-child, .sec-heading .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sec-heading td:first-child, .sec-heading .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .sec-heading .tpr-name:first-child, .sec-heading p:first-child, .sec-heading span:first-child { margin: 0; } .sec-heading h1:last-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .nbr-timer:last-child, .sec-heading h2:last-child, .sec-heading h3:last-child, .sec-heading .page-title .subheading:last-child, .page-title .sec-heading .subheading:last-child, .sec-heading h4:last-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-heading:last-child, .sec-heading .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .sec-heading cite:last-child, .sec-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading cite:last-child, .sec-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading cite:last-child, .sec-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading cite:last-child, .sec-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading cite:last-child, .sec-heading .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .sec-heading .t-role:last-child, .sec-heading .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .sec-heading .t-role:last-child, .sec-heading .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .sec-heading .t-role:last-child, .sec-heading .t-join .t-info .t-role:last-child, .t-join .t-info .sec-heading .t-role:last-child, .sec-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading .cards-header:last-child, .sec-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading .sc-lead:last-child, .sec-heading h5:last-child, .sec-heading .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .sec-heading .ft-heading:last-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-info:last-child, .sec-heading .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .sec-heading .widget-comm-title:last-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .title-timer:last-child, .sec-heading .shop-layout-options span:last-child, .shop-layout-options .sec-heading span:last-child, .sec-heading h6:last-child, .sec-heading .progress-group .progress-title:last-child, .progress-group .sec-heading .progress-title:last-child, .sec-heading .progress-group .progress-value:last-child, .progress-group .sec-heading .progress-value:last-child, .sec-heading .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .sec-heading .panel-title:last-child, .sec-heading .footer-social-links ul li:last-child, .footer-social-links ul .sec-heading li:last-child, .sec-heading .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .sec-heading .show-info-link:last-child, .sec-heading .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .sec-heading .adr-heading:last-child, .sec-heading .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .sec-heading .show-map:last-child, .sec-heading .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .sec-heading .adr-heading:last-child, .sec-heading .ft-cards .ft-item a:last-child, .ft-cards .ft-item .sec-heading a:last-child, .sec-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading .link-btn:last-child, .sec-heading .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .sec-heading a:last-child, .sec-heading .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .sec-heading .circle-text:last-child, .sec-heading .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .sec-heading .circle-text:last-child, .sec-heading .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .sec-heading .count-text:last-child, .sec-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading .count-text:last-child, .sec-heading .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .sec-heading a:last-child, .sec-heading .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .sec-heading .desc:last-child, .sec-heading .blog-post-nav .prev-btn:last-child, .blog-post-nav .sec-heading .prev-btn:last-child, .sec-heading .blog-post-nav .next-btn:last-child, .blog-post-nav .sec-heading .next-btn:last-child, .sec-heading .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .sec-heading a:last-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading span:last-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading a:last-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading p:last-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading a:last-child, .sec-heading .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .sec-heading .cta-btn:last-child, .sec-heading .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .sec-heading label:last-child, .sec-heading .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .sec-heading label:last-child, .sec-heading .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .sec-heading a:last-child, .sec-heading .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .sec-heading a:last-child, .sec-heading .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .sec-heading td:last-child:first-child, .sec-heading .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .sec-heading .tpr-name:last-child, .sec-heading p:last-child, .sec-heading span:last-child { margin-top: 25px; } .sec-heading h1:only-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:only-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .nbr-timer:only-child, .sec-heading h2:only-child, .sec-heading h3:only-child, .sec-heading .page-title .subheading:only-child, .page-title .sec-heading .subheading:only-child, .sec-heading h4:only-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:only-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-heading:only-child, .sec-heading .testimonials-3col .t-item blockquote footer cite:only-child, .testimonials-3col .t-item blockquote footer .sec-heading cite:only-child, .sec-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:only-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading cite:only-child, .sec-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:only-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading cite:only-child, .sec-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:only-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading cite:only-child, .sec-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:only-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading cite:only-child, .sec-heading .team-3col .t-item .t-info .t-role:only-child, .team-3col .t-item .t-info .sec-heading .t-role:only-child, .sec-heading .team-4col .t-item .t-info .t-role:only-child, .team-4col .t-item .t-info .sec-heading .t-role:only-child, .sec-heading .freelancer-about .t-item .t-info .t-role:only-child, .freelancer-about .t-item .t-info .sec-heading .t-role:only-child, .sec-heading .t-join .t-info .t-role:only-child, .t-join .t-info .sec-heading .t-role:only-child, .sec-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:only-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading .cards-header:only-child, .sec-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:only-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading .sc-lead:only-child, .sec-heading h5:only-child, .sec-heading .ft-boxed-hover ul li .hover-content .ft-heading:only-child, .ft-boxed-hover ul li .hover-content .sec-heading .ft-heading:only-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-info:only-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-info:only-child, .sec-heading .sidebar .comments-widget .widget-item span .widget-comm-title:only-child, .sidebar .comments-widget .widget-item span .sec-heading .widget-comm-title:only-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:only-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .title-timer:only-child, .sec-heading .shop-layout-options span:only-child, .shop-layout-options .sec-heading span:only-child, .sec-heading h6:only-child, .sec-heading .progress-group .progress-title:only-child, .progress-group .sec-heading .progress-title:only-child, .sec-heading .progress-group .progress-value:only-child, .progress-group .sec-heading .progress-value:only-child, .sec-heading .accordions-1 .panel .panel-heading .panel-title:only-child, .accordions-1 .panel .panel-heading .sec-heading .panel-title:only-child, .sec-heading .footer-social-links ul li:only-child, .footer-social-links ul .sec-heading li:only-child, .sec-heading .footer-contact .contact-info .show-info-link:only-child, .footer-contact .contact-info .sec-heading .show-info-link:only-child, .sec-heading .footer-contact .contact-info address ul li .adr-heading:only-child, .footer-contact .contact-info address ul li .sec-heading .adr-heading:only-child, .sec-heading .footer-contact .contact-info address .show-map:only-child, .footer-contact .contact-info address .sec-heading .show-map:only-child, .sec-heading .footer-litle address ul li .adr-group .adr-heading:only-child, .footer-litle address ul li .adr-group .sec-heading .adr-heading:only-child, .sec-heading .ft-cards .ft-item a:only-child, .ft-cards .ft-item .sec-heading a:only-child, .sec-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:only-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading .link-btn:only-child, .sec-heading .ft-boxed-hover ul li .hover-content a:only-child, .ft-boxed-hover ul li .hover-content .sec-heading a:only-child, .sec-heading .circles-counters .circle-item .circle-text:only-child, .circles-counters .circle-item .sec-heading .circle-text:only-child, .sec-heading .circles-counters-dark-bg .circle-item .circle-text:only-child, .circles-counters-dark-bg .circle-item .sec-heading .circle-text:only-child, .sec-heading .number-counters .count-wrapper .count-item .count-text:only-child, .number-counters .count-wrapper .count-item .sec-heading .count-text:only-child, .sec-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:only-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading .count-text:only-child, .sec-heading .project-nav nav .nav-btns li a:only-child, .project-nav nav .nav-btns li .sec-heading a:only-child, .sec-heading .pricing-tables .p-table .desc:only-child, .pricing-tables .p-table .sec-heading .desc:only-child, .sec-heading .blog-post-nav .prev-btn:only-child, .blog-post-nav .sec-heading .prev-btn:only-child, .sec-heading .blog-post-nav .next-btn:only-child, .blog-post-nav .sec-heading .next-btn:only-child, .sec-heading .sidebar .tags-widget .tag-list li a:only-child, .sidebar .tags-widget .tag-list li .sec-heading a:only-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:only-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading span:only-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:only-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading a:only-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:only-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading p:only-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:only-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading a:only-child, .sec-heading .landing-hero .heading-wrapper .cta-btn:only-child, .landing-hero .heading-wrapper .sec-heading .cta-btn:only-child, .sec-heading .shop-sidebar .filter-widget label:only-child, .shop-sidebar .filter-widget .sec-heading label:only-child, .sec-heading .shop-sidebar-vertical .filter-widget label:only-child, .shop-sidebar-vertical .filter-widget .sec-heading label:only-child, .sec-heading .shop-sidebar .tags-widget .tag-list li a:only-child, .shop-sidebar .tags-widget .tag-list li .sec-heading a:only-child, .sec-heading .shop-sidebar-vertical .tags-widget .tag-list li a:only-child, .shop-sidebar-vertical .tags-widget .tag-list li .sec-heading a:only-child, .sec-heading .checkout-table tbody tr td:only-child:first-child, .checkout-table tbody tr .sec-heading td:only-child:first-child, .sec-heading .prod-reviews .tp-review .tpr-name:only-child, .prod-reviews .tp-review .sec-heading .tpr-name:only-child, .sec-heading p:only-child, .sec-heading span:only-child { margin-top: 0; } .sec-heading-2 { text-align: center; } .sec-heading-2 h1, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .nbr-timer, .sec-heading-2 h2, .sec-heading-2 h3, .sec-heading-2 .page-title .subheading, .page-title .sec-heading-2 .subheading, .sec-heading-2 h4, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-heading, .sec-heading-2 .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .sec-heading-2 cite, .sec-heading-2 .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-2 cite, .sec-heading-2 .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-2 cite, .sec-heading-2 .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-2 cite, .sec-heading-2 .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-2 cite, .sec-heading-2 .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .sec-heading-2 .t-role, .sec-heading-2 .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .sec-heading-2 .t-role, .sec-heading-2 .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .sec-heading-2 .t-role, .sec-heading-2 .t-join .t-info .t-role, .t-join .t-info .sec-heading-2 .t-role, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-2 .cards-header, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-2 .sc-lead, .sec-heading-2 h5, .sec-heading-2 .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .sec-heading-2 .ft-heading, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-info, .sec-heading-2 .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .sec-heading-2 .widget-comm-title, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .title-timer, .sec-heading-2 .shop-layout-options span, .shop-layout-options .sec-heading-2 span, .sec-heading-2 h6, .sec-heading-2 .progress-group .progress-title, .progress-group .sec-heading-2 .progress-title, .sec-heading-2 .progress-group .progress-value, .progress-group .sec-heading-2 .progress-value, .sec-heading-2 .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .sec-heading-2 .panel-title, .sec-heading-2 .footer-social-links ul li, .footer-social-links ul .sec-heading-2 li, .sec-heading-2 .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .sec-heading-2 .show-info-link, .sec-heading-2 .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .sec-heading-2 .adr-heading, .sec-heading-2 .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .sec-heading-2 .show-map, .sec-heading-2 .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .sec-heading-2 .adr-heading, .sec-heading-2 .ft-cards .ft-item a, .ft-cards .ft-item .sec-heading-2 a, .sec-heading-2 .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .sec-heading-2 .link-btn, .sec-heading-2 .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .sec-heading-2 a, .sec-heading-2 .circles-counters .circle-item .circle-text, .circles-counters .circle-item .sec-heading-2 .circle-text, .sec-heading-2 .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .sec-heading-2 .circle-text, .sec-heading-2 .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .sec-heading-2 .count-text, .sec-heading-2 .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .sec-heading-2 .count-text, .sec-heading-2 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .sec-heading-2 a, .sec-heading-2 .pricing-tables .p-table .desc, .pricing-tables .p-table .sec-heading-2 .desc, .sec-heading-2 .blog-post-nav .prev-btn, .blog-post-nav .sec-heading-2 .prev-btn, .sec-heading-2 .blog-post-nav .next-btn, .blog-post-nav .sec-heading-2 .next-btn, .sec-heading-2 .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .sec-heading-2 a, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 span, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 a, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 p, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-2 a, .sec-heading-2 .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .sec-heading-2 .cta-btn, .sec-heading-2 .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .sec-heading-2 label, .sec-heading-2 .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .sec-heading-2 label, .sec-heading-2 .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .sec-heading-2 a, .sec-heading-2 .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .sec-heading-2 a, .sec-heading-2 .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sec-heading-2 td:first-child, .sec-heading-2 .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .sec-heading-2 .tpr-name, .sec-heading-2 p, .sec-heading-2 span { margin: 0; } .sec-heading-2 h1:first-child, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .nbr-timer:first-child, .sec-heading-2 h2:first-child, .sec-heading-2 h3:first-child, .sec-heading-2 .page-title .subheading:first-child, .page-title .sec-heading-2 .subheading:first-child, .sec-heading-2 h4:first-child, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-heading:first-child, .sec-heading-2 .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .sec-heading-2 cite:first-child, .sec-heading-2 .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-2 cite:first-child, .sec-heading-2 .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-2 cite:first-child, .sec-heading-2 .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-2 cite:first-child, .sec-heading-2 .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-2 cite:first-child, .sec-heading-2 .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .sec-heading-2 .t-role:first-child, .sec-heading-2 .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .sec-heading-2 .t-role:first-child, .sec-heading-2 .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .sec-heading-2 .t-role:first-child, .sec-heading-2 .t-join .t-info .t-role:first-child, .t-join .t-info .sec-heading-2 .t-role:first-child, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-2 .cards-header:first-child, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-2 .sc-lead:first-child, .sec-heading-2 h5:first-child, .sec-heading-2 .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .sec-heading-2 .ft-heading:first-child, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-info:first-child, .sec-heading-2 .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .sec-heading-2 .widget-comm-title:first-child, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .title-timer:first-child, .sec-heading-2 .shop-layout-options span:first-child, .shop-layout-options .sec-heading-2 span:first-child, .sec-heading-2 h6:first-child, .sec-heading-2 .progress-group .progress-title:first-child, .progress-group .sec-heading-2 .progress-title:first-child, .sec-heading-2 .progress-group .progress-value:first-child, .progress-group .sec-heading-2 .progress-value:first-child, .sec-heading-2 .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .sec-heading-2 .panel-title:first-child, .sec-heading-2 .footer-social-links ul li:first-child, .footer-social-links ul .sec-heading-2 li:first-child, .sec-heading-2 .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .sec-heading-2 .show-info-link:first-child, .sec-heading-2 .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .sec-heading-2 .adr-heading:first-child, .sec-heading-2 .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .sec-heading-2 .show-map:first-child, .sec-heading-2 .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .sec-heading-2 .adr-heading:first-child, .sec-heading-2 .ft-cards .ft-item a:first-child, .ft-cards .ft-item .sec-heading-2 a:first-child, .sec-heading-2 .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading-2 .link-btn:first-child, .sec-heading-2 .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .sec-heading-2 a:first-child, .sec-heading-2 .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .sec-heading-2 .circle-text:first-child, .sec-heading-2 .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .sec-heading-2 .circle-text:first-child, .sec-heading-2 .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .sec-heading-2 .count-text:first-child, .sec-heading-2 .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading-2 .count-text:first-child, .sec-heading-2 .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .sec-heading-2 a:first-child, .sec-heading-2 .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .sec-heading-2 .desc:first-child, .sec-heading-2 .blog-post-nav .prev-btn:first-child, .blog-post-nav .sec-heading-2 .prev-btn:first-child, .sec-heading-2 .blog-post-nav .next-btn:first-child, .blog-post-nav .sec-heading-2 .next-btn:first-child, .sec-heading-2 .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .sec-heading-2 a:first-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 span:first-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 a:first-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 p:first-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-2 a:first-child, .sec-heading-2 .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .sec-heading-2 .cta-btn:first-child, .sec-heading-2 .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .sec-heading-2 label:first-child, .sec-heading-2 .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .sec-heading-2 label:first-child, .sec-heading-2 .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .sec-heading-2 a:first-child, .sec-heading-2 .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .sec-heading-2 a:first-child, .sec-heading-2 .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sec-heading-2 td:first-child, .sec-heading-2 .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .sec-heading-2 .tpr-name:first-child, .sec-heading-2 p:first-child, .sec-heading-2 span:first-child { margin-top: 160px; padding-bottom: 50px; } .sec-heading-2 h1:nth-child(2), .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:nth-child(2), .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .nbr-timer:nth-child(2), .sec-heading-2 h2:nth-child(2), .sec-heading-2 h3:nth-child(2), .sec-heading-2 .page-title .subheading:nth-child(2), .page-title .sec-heading-2 .subheading:nth-child(2), .sec-heading-2 h4:nth-child(2), .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-heading:nth-child(2), .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-heading:nth-child(2), .sec-heading-2 .testimonials-3col .t-item blockquote footer cite:nth-child(2), .testimonials-3col .t-item blockquote footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:nth-child(2), .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:nth-child(2), .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:nth-child(2), .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:nth-child(2), .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .team-3col .t-item .t-info .t-role:nth-child(2), .team-3col .t-item .t-info .sec-heading-2 .t-role:nth-child(2), .sec-heading-2 .team-4col .t-item .t-info .t-role:nth-child(2), .team-4col .t-item .t-info .sec-heading-2 .t-role:nth-child(2), .sec-heading-2 .freelancer-about .t-item .t-info .t-role:nth-child(2), .freelancer-about .t-item .t-info .sec-heading-2 .t-role:nth-child(2), .sec-heading-2 .t-join .t-info .t-role:nth-child(2), .t-join .t-info .sec-heading-2 .t-role:nth-child(2), .sec-heading-2 .login-2 .bg-overlay .form-wrapper .form-content .cards-header:nth-child(2), .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-2 .cards-header:nth-child(2), .sec-heading-2 .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:nth-child(2), .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-2 .sc-lead:nth-child(2), .sec-heading-2 h5:nth-child(2), .sec-heading-2 .ft-boxed-hover ul li .hover-content .ft-heading:nth-child(2), .ft-boxed-hover ul li .hover-content .sec-heading-2 .ft-heading:nth-child(2), .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-info:nth-child(2), .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-info:nth-child(2), .sec-heading-2 .sidebar .comments-widget .widget-item span .widget-comm-title:nth-child(2), .sidebar .comments-widget .widget-item span .sec-heading-2 .widget-comm-title:nth-child(2), .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:nth-child(2), .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .title-timer:nth-child(2), .sec-heading-2 .shop-layout-options span:nth-child(2), .shop-layout-options .sec-heading-2 span:nth-child(2), .sec-heading-2 h6:nth-child(2), .sec-heading-2 .progress-group .progress-title:nth-child(2), .progress-group .sec-heading-2 .progress-title:nth-child(2), .sec-heading-2 .progress-group .progress-value:nth-child(2), .progress-group .sec-heading-2 .progress-value:nth-child(2), .sec-heading-2 .accordions-1 .panel .panel-heading .panel-title:nth-child(2), .accordions-1 .panel .panel-heading .sec-heading-2 .panel-title:nth-child(2), .sec-heading-2 .footer-social-links ul li:nth-child(2), .footer-social-links ul .sec-heading-2 li:nth-child(2), .sec-heading-2 .footer-contact .contact-info .show-info-link:nth-child(2), .footer-contact .contact-info .sec-heading-2 .show-info-link:nth-child(2), .sec-heading-2 .footer-contact .contact-info address ul li .adr-heading:nth-child(2), .footer-contact .contact-info address ul li .sec-heading-2 .adr-heading:nth-child(2), .sec-heading-2 .footer-contact .contact-info address .show-map:nth-child(2), .footer-contact .contact-info address .sec-heading-2 .show-map:nth-child(2), .sec-heading-2 .footer-litle address ul li .adr-group .adr-heading:nth-child(2), .footer-litle address ul li .adr-group .sec-heading-2 .adr-heading:nth-child(2), .sec-heading-2 .ft-cards .ft-item a:nth-child(2), .ft-cards .ft-item .sec-heading-2 a:nth-child(2), .sec-heading-2 .ft-cards-2 .ft-card-item .ft-content .link-btn:nth-child(2), .ft-cards-2 .ft-card-item .ft-content .sec-heading-2 .link-btn:nth-child(2), .sec-heading-2 .ft-boxed-hover ul li .hover-content a:nth-child(2), .ft-boxed-hover ul li .hover-content .sec-heading-2 a:nth-child(2), .sec-heading-2 .circles-counters .circle-item .circle-text:nth-child(2), .circles-counters .circle-item .sec-heading-2 .circle-text:nth-child(2), .sec-heading-2 .circles-counters-dark-bg .circle-item .circle-text:nth-child(2), .circles-counters-dark-bg .circle-item .sec-heading-2 .circle-text:nth-child(2), .sec-heading-2 .number-counters .count-wrapper .count-item .count-text:nth-child(2), .number-counters .count-wrapper .count-item .sec-heading-2 .count-text:nth-child(2), .sec-heading-2 .number-counters-dark-bg .count-wrapper .count-item .count-text:nth-child(2), .number-counters-dark-bg .count-wrapper .count-item .sec-heading-2 .count-text:nth-child(2), .sec-heading-2 .project-nav nav .nav-btns li a:nth-child(2), .project-nav nav .nav-btns li .sec-heading-2 a:nth-child(2), .sec-heading-2 .pricing-tables .p-table .desc:nth-child(2), .pricing-tables .p-table .sec-heading-2 .desc:nth-child(2), .sec-heading-2 .blog-post-nav .prev-btn:nth-child(2), .blog-post-nav .sec-heading-2 .prev-btn:nth-child(2), .sec-heading-2 .blog-post-nav .next-btn:nth-child(2), .blog-post-nav .sec-heading-2 .next-btn:nth-child(2), .sec-heading-2 .sidebar .tags-widget .tag-list li a:nth-child(2), .sidebar .tags-widget .tag-list li .sec-heading-2 a:nth-child(2), .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 span:nth-child(2), .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 a:nth-child(2), .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 p:nth-child(2), .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-2 a:nth-child(2), .sec-heading-2 .landing-hero .heading-wrapper .cta-btn:nth-child(2), .landing-hero .heading-wrapper .sec-heading-2 .cta-btn:nth-child(2), .sec-heading-2 .shop-sidebar .filter-widget label:nth-child(2), .shop-sidebar .filter-widget .sec-heading-2 label:nth-child(2), .sec-heading-2 .shop-sidebar-vertical .filter-widget label:nth-child(2), .shop-sidebar-vertical .filter-widget .sec-heading-2 label:nth-child(2), .sec-heading-2 .shop-sidebar .tags-widget .tag-list li a:nth-child(2), .shop-sidebar .tags-widget .tag-list li .sec-heading-2 a:nth-child(2), .sec-heading-2 .shop-sidebar-vertical .tags-widget .tag-list li a:nth-child(2), .shop-sidebar-vertical .tags-widget .tag-list li .sec-heading-2 a:nth-child(2), .sec-heading-2 .checkout-table tbody tr td:nth-child(2):first-child, .checkout-table tbody tr .sec-heading-2 td:nth-child(2):first-child, .sec-heading-2 .prod-reviews .tp-review .tpr-name:nth-child(2), .prod-reviews .tp-review .sec-heading-2 .tpr-name:nth-child(2), .sec-heading-2 p:nth-child(2), .sec-heading-2 span:nth-child(2) { margin-top: 30px; } .sec-heading-2 h1:last-child, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .nbr-timer:last-child, .sec-heading-2 h2:last-child, .sec-heading-2 h3:last-child, .sec-heading-2 .page-title .subheading:last-child, .page-title .sec-heading-2 .subheading:last-child, .sec-heading-2 h4:last-child, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-heading:last-child, .sec-heading-2 .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .sec-heading-2 cite:last-child, .sec-heading-2 .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-2 cite:last-child, .sec-heading-2 .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-2 cite:last-child, .sec-heading-2 .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-2 cite:last-child, .sec-heading-2 .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-2 cite:last-child, .sec-heading-2 .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .sec-heading-2 .t-role:last-child, .sec-heading-2 .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .sec-heading-2 .t-role:last-child, .sec-heading-2 .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .sec-heading-2 .t-role:last-child, .sec-heading-2 .t-join .t-info .t-role:last-child, .t-join .t-info .sec-heading-2 .t-role:last-child, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-2 .cards-header:last-child, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-2 .sc-lead:last-child, .sec-heading-2 h5:last-child, .sec-heading-2 .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .sec-heading-2 .ft-heading:last-child, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-info:last-child, .sec-heading-2 .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .sec-heading-2 .widget-comm-title:last-child, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .title-timer:last-child, .sec-heading-2 .shop-layout-options span:last-child, .shop-layout-options .sec-heading-2 span:last-child, .sec-heading-2 h6:last-child, .sec-heading-2 .progress-group .progress-title:last-child, .progress-group .sec-heading-2 .progress-title:last-child, .sec-heading-2 .progress-group .progress-value:last-child, .progress-group .sec-heading-2 .progress-value:last-child, .sec-heading-2 .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .sec-heading-2 .panel-title:last-child, .sec-heading-2 .footer-social-links ul li:last-child, .footer-social-links ul .sec-heading-2 li:last-child, .sec-heading-2 .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .sec-heading-2 .show-info-link:last-child, .sec-heading-2 .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .sec-heading-2 .adr-heading:last-child, .sec-heading-2 .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .sec-heading-2 .show-map:last-child, .sec-heading-2 .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .sec-heading-2 .adr-heading:last-child, .sec-heading-2 .ft-cards .ft-item a:last-child, .ft-cards .ft-item .sec-heading-2 a:last-child, .sec-heading-2 .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading-2 .link-btn:last-child, .sec-heading-2 .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .sec-heading-2 a:last-child, .sec-heading-2 .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .sec-heading-2 .circle-text:last-child, .sec-heading-2 .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .sec-heading-2 .circle-text:last-child, .sec-heading-2 .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .sec-heading-2 .count-text:last-child, .sec-heading-2 .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading-2 .count-text:last-child, .sec-heading-2 .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .sec-heading-2 a:last-child, .sec-heading-2 .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .sec-heading-2 .desc:last-child, .sec-heading-2 .blog-post-nav .prev-btn:last-child, .blog-post-nav .sec-heading-2 .prev-btn:last-child, .sec-heading-2 .blog-post-nav .next-btn:last-child, .blog-post-nav .sec-heading-2 .next-btn:last-child, .sec-heading-2 .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .sec-heading-2 a:last-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 span:last-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 a:last-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 p:last-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-2 a:last-child, .sec-heading-2 .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .sec-heading-2 .cta-btn:last-child, .sec-heading-2 .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .sec-heading-2 label:last-child, .sec-heading-2 .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .sec-heading-2 label:last-child, .sec-heading-2 .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .sec-heading-2 a:last-child, .sec-heading-2 .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .sec-heading-2 a:last-child, .sec-heading-2 .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .sec-heading-2 td:last-child:first-child, .sec-heading-2 .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .sec-heading-2 .tpr-name:last-child, .sec-heading-2 p:last-child, .sec-heading-2 span:last-child { margin-bottom: 100px; } .sec-heading-2 .subheading { font-size: 1.3em; color: #999; } .sec-heading-top-m h1:first-child, .sec-heading-top-m .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-top-m .nbr-timer:first-child, .sec-heading-top-m h2:first-child, .sec-heading-top-m h3:first-child, .sec-heading-top-m .page-title .subheading:first-child, .page-title .sec-heading-top-m .subheading:first-child, .sec-heading-top-m h4:first-child, .sec-heading-top-m .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-top-m .tab-heading:first-child, .sec-heading-top-m .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .sec-heading-top-m .t-role:first-child, .sec-heading-top-m .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .sec-heading-top-m .t-role:first-child, .sec-heading-top-m .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .sec-heading-top-m .t-role:first-child, .sec-heading-top-m .t-join .t-info .t-role:first-child, .t-join .t-info .sec-heading-top-m .t-role:first-child, .sec-heading-top-m .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-top-m .cards-header:first-child, .sec-heading-top-m .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-top-m .sc-lead:first-child, .sec-heading-top-m h5:first-child, .sec-heading-top-m .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .sec-heading-top-m .ft-heading:first-child, .sec-heading-top-m .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-top-m .tab-info:first-child, .sec-heading-top-m .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .sec-heading-top-m .widget-comm-title:first-child, .sec-heading-top-m .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-top-m .title-timer:first-child, .sec-heading-top-m .shop-layout-options span:first-child, .shop-layout-options .sec-heading-top-m span:first-child, .sec-heading-top-m h6:first-child, .sec-heading-top-m .progress-group .progress-title:first-child, .progress-group .sec-heading-top-m .progress-title:first-child, .sec-heading-top-m .progress-group .progress-value:first-child, .progress-group .sec-heading-top-m .progress-value:first-child, .sec-heading-top-m .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .sec-heading-top-m .panel-title:first-child, .sec-heading-top-m .footer-social-links ul li:first-child, .footer-social-links ul .sec-heading-top-m li:first-child, .sec-heading-top-m .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .sec-heading-top-m .show-info-link:first-child, .sec-heading-top-m .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .sec-heading-top-m .adr-heading:first-child, .sec-heading-top-m .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .sec-heading-top-m .show-map:first-child, .sec-heading-top-m .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .sec-heading-top-m .adr-heading:first-child, .sec-heading-top-m .ft-cards .ft-item a:first-child, .ft-cards .ft-item .sec-heading-top-m a:first-child, .sec-heading-top-m .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading-top-m .link-btn:first-child, .sec-heading-top-m .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .sec-heading-top-m a:first-child, .sec-heading-top-m .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .sec-heading-top-m .circle-text:first-child, .sec-heading-top-m .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .sec-heading-top-m .circle-text:first-child, .sec-heading-top-m .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .sec-heading-top-m .count-text:first-child, .sec-heading-top-m .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading-top-m .count-text:first-child, .sec-heading-top-m .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .sec-heading-top-m a:first-child, .sec-heading-top-m .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .sec-heading-top-m .desc:first-child, .sec-heading-top-m .blog-post-nav .prev-btn:first-child, .blog-post-nav .sec-heading-top-m .prev-btn:first-child, .sec-heading-top-m .blog-post-nav .next-btn:first-child, .blog-post-nav .sec-heading-top-m .next-btn:first-child, .sec-heading-top-m .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .sec-heading-top-m a:first-child, .sec-heading-top-m .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-top-m span:first-child, .sec-heading-top-m .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-top-m a:first-child, .sec-heading-top-m .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-top-m p:first-child, .sec-heading-top-m .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-top-m a:first-child, .sec-heading-top-m .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .sec-heading-top-m .cta-btn:first-child, .sec-heading-top-m .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .sec-heading-top-m label:first-child, .sec-heading-top-m .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .sec-heading-top-m label:first-child, .sec-heading-top-m .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .sec-heading-top-m a:first-child, .sec-heading-top-m .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .sec-heading-top-m a:first-child, .sec-heading-top-m .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sec-heading-top-m td:first-child, .sec-heading-top-m .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .sec-heading-top-m .tpr-name:first-child, .sec-heading-top-m p:first-child, .sec-heading-top-m span:first-child { margin-top: 100px; } /* ---- Info Blocks ---- */ .info-base { position: relative; width: 100%; } .info-base .info-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .info-base .info-overlay .info-wrapper { padding-top: 70px; padding-bottom: 70px; top: 75px; bottom: 75px; background: rgba(17, 17, 17, 0.9); } .info-slider { padding-left: 100px; padding-right: 100px; text-align: center; } .info-slider:hover .slick-prev, .info-slider:hover .slick-next { opacity: 1; } .info-slider .slick-prev, .info-slider .slick-next { display: inline-block; position: absolute; top: 30%; background: none; border: 2px solid #444; color: #444; height: 42px; width: 42px; font-size: 15px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .info-slider .slick-prev:focus, .info-slider .slick-next:focus { outline: none; } .info-slider .slick-prev:hover, .info-slider .slick-next:hover { color: #ececec; border-color: #ececec; } .info-slider .slick-prev { left: -75px; } .info-slider .slick-next { right: -75px; } /* ---- DEMO ONLY: Side Buttons - Qick Links ---- */ .quick-link-btns .quick-btn { display: block; position: fixed; padding: 12px 15px; top: 100px; right: -108px; color: #ececec; background: #111; font-size: 11px; letter-spacing: 1.8px; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; opacity: 0.5; z-index: 800; -webkit-transition: all 0.45s; transition: all 0.45s; } .quick-link-btns .quick-btn:hover { right: 0; opacity: 1; } .quick-link-btns .quick-btn:hover span { right: 0; } .quick-link-btns .quick-btn i { padding-left: 5px; padding-right: 15px; font-size: 18px; vertical-align: middle; border-right: 1px solid #ececec; } .quick-link-btns .quick-btn span { display: inline-block; position: relative; padding-left: 11px; right: -35px; -webkit-transition: right 0.7s; transition: right 0.7s; } .quick-link-btns .buy-btn { right: -102px; } .quick-link-btns .feedback-btn { margin-top: 50px; } /* -------------------------------------------------- 1.0 Typography -------------------------------------------------- */ mark { color: #252abf; background: #f1f1f1; } ::-moz-selection { color: #fff; background: #17da5b; } ::selection { color: #fff; background: #17da5b; } /* ---- 1.1 Text ---- */ body, .testimonials-3col .t-item blockquote, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p { font-size: 14px; font-weight: 300; letter-spacing: 0.2px; line-height: 0.7em; color: #000; } h1, .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, h2, h3, .page-title .subheading, h4, .ft-tabs .tabs-list li a .tab-group .tab-heading, .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .team-3col .t-item .t-info .t-role, .team-4col .t-item .t-info .t-role, .freelancer-about .t-item .t-info .t-role, .t-join .t-info .t-role, .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, h5, .ft-boxed-hover ul li .hover-content .ft-heading, .ft-tabs .tabs-list li a .tab-group .tab-info, .sidebar .comments-widget .widget-item span .widget-comm-title, .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .shop-layout-options span, h6, .progress-group .progress-title, .progress-group .progress-value, .accordions-1 .panel .panel-heading .panel-title, .footer-social-links ul li, .footer-contact .contact-info .show-info-link, .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .show-map, .footer-litle address ul li .adr-group .adr-heading, .ft-cards .ft-item a, .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-boxed-hover ul li .hover-content a, .circles-counters .circle-item .circle-text, .circles-counters-dark-bg .circle-item .circle-text, .number-counters .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .count-text, .project-nav nav .nav-btns li a, .pricing-tables .p-table .desc, .blog-post-nav .prev-btn, .blog-post-nav .next-btn, .sidebar .tags-widget .tag-list li a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .landing-hero .heading-wrapper .cta-btn, .shop-sidebar .filter-widget label, .shop-sidebar-vertical .filter-widget label, .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li a, .checkout-table tbody tr td:first-child, .prod-reviews .tp-review .tpr-name { font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; color: #111; text-transform: uppercase; } .dropcaps:first-child:first-letter { padding: 6px 13px; margin-right: 3px; background: #ececec; color: #111; font-weight: 700; font-size: 23px; } /* ---- 1.2 Headings ---- */ h1, .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer { font-size: 1.7em; letter-spacing: 1px; } h2 { font-size: 1.5em; letter-spacing: 1px; } h3, .page-title .subheading { font-size: 1.3em; letter-spacing: 0.5px; } h4, .ft-tabs .tabs-list li a .tab-group .tab-heading, .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .team-3col .t-item .t-info .t-role, .team-4col .t-item .t-info .t-role, .freelancer-about .t-item .t-info .t-role, .t-join .t-info .t-role, .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead { font-size: 1.07em; letter-spacing: 3px; } h5, .ft-boxed-hover ul li .hover-content .ft-heading, .ft-tabs .tabs-list li a .tab-group .tab-info, .sidebar .comments-widget .widget-item span .widget-comm-title, .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .shop-layout-options span { font-size: 1em; letter-spacing: 2px; } h6, .progress-group .progress-title, .progress-group .progress-value, .accordions-1 .panel .panel-heading .panel-title, .footer-social-links ul li, .footer-contact .contact-info .show-info-link, .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .show-map, .footer-litle address ul li .adr-group .adr-heading, .ft-cards .ft-item a, .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-boxed-hover ul li .hover-content a, .circles-counters .circle-item .circle-text, .circles-counters-dark-bg .circle-item .circle-text, .number-counters .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .count-text, .project-nav nav .nav-btns li a, .pricing-tables .p-table .desc, .blog-post-nav .prev-btn, .blog-post-nav .next-btn, .sidebar .tags-widget .tag-list li a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .landing-hero .heading-wrapper .cta-btn, .shop-sidebar .filter-widget label, .shop-sidebar-vertical .filter-widget label, .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li a, .checkout-table tbody tr td:first-child, .prod-reviews .tp-review .tpr-name { font-size: 0.85em; letter-spacing: 2px; } .h-alt { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; } /* ---- 1.3 Links ---- */ a { -webkit-transition: all 0.5s; transition: all 0.5s; } a:hover { text-decoration: none; } p > a { border-bottom: 1px solid rgba(44, 170, 223, 0); } p > a:visited { color: #1c8cbc; text-decoration: none; } p > a:visited:hover, p > a:visited:focus { color: #2caadf; text-decoration: none; } p > a:hover, p > a:focus { color: #1c8cbc; text-decoration: none; border-bottom: 1px solid #2caadf; } /* ---- 1.4 Blockquotes ---- */ blockquote, .wrapper-404 .content-wrapper .info-wrapper .info-404, .bg-maintenance .content-wrapper .content-inner p { border: none; padding: 0; font-size: 1.3em; letter-spacing: 0.5px; } blockquote footer, .wrapper-404 .content-wrapper .info-wrapper .info-404 footer, .bg-maintenance .content-wrapper .content-inner p footer { padding-top: 25px; } blockquote footer:before, .wrapper-404 .content-wrapper .info-wrapper .info-404 footer:before, .bg-maintenance .content-wrapper .content-inner p footer:before { content: "-"; } blockquote footer cite, .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .bg-maintenance .content-wrapper .content-inner p footer cite { text-transform: uppercase; color: #999; font-style: normal; font-size: 0.85em; letter-spacing: 2px; } .alt-blockquote { padding: 50px; background: #f4f4f4; } /* ---- 1.5 Lists ---- */ .flat-list { list-style: none; } .flat-list li { margin-bottom: 10px; } .flat-list li i:before { padding-right: 15px; } /* ---- 1.6 PAGE - Typography ---- */ .headings-example ul { list-style: none; } .headings-example ul li { padding-bottom: 30px; } .headings-example ul li:last-child { padding-bottom: 0; } .headings-example ul li h1, .headings-example ul li .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .headings-example ul li .nbr-timer, .headings-example ul li h2, .headings-example ul li h3, .headings-example ul li .page-title .subheading, .page-title .headings-example ul li .subheading, .headings-example ul li h4, .headings-example ul .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list .headings-example ul li a .tab-group .tab-heading, .headings-example ul li .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .headings-example ul li cite, .headings-example ul li .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .headings-example ul li cite, .headings-example ul li .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .headings-example ul li cite, .headings-example ul li .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .headings-example ul li cite, .headings-example ul li .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .headings-example ul li cite, .headings-example ul li .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .headings-example ul li .t-role, .headings-example ul li .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .headings-example ul li .t-role, .headings-example ul li .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .headings-example ul li .t-role, .headings-example ul li .t-join .t-info .t-role, .t-join .t-info .headings-example ul li .t-role, .headings-example ul li .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .headings-example ul li .cards-header, .headings-example ul li .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .headings-example ul li .sc-lead, .headings-example ul li h5, .headings-example .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover .headings-example ul li .hover-content .ft-heading, .headings-example ul .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list .headings-example ul li a .tab-group .tab-info, .headings-example ul li .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .headings-example ul li .widget-comm-title, .headings-example ul li .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .headings-example ul li .title-timer, .headings-example ul li .shop-layout-options span, .shop-layout-options .headings-example ul li span, .headings-example ul li h6, .headings-example ul li .progress-group .progress-title, .progress-group .headings-example ul li .progress-title, .headings-example ul li .progress-group .progress-value, .progress-group .headings-example ul li .progress-value, .headings-example ul li .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .headings-example ul li .panel-title, .headings-example .footer-social-links ul li li, .footer-social-links .headings-example ul li li, .headings-example ul li .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .headings-example ul li .show-info-link, .headings-example .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .headings-example ul li .adr-heading, .headings-example ul li .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .headings-example ul li .show-map, .headings-example .footer-litle address ul li .adr-group .adr-heading, .footer-litle address .headings-example ul li .adr-group .adr-heading, .headings-example ul li .ft-cards .ft-item a, .ft-cards .ft-item .headings-example ul li a, .headings-example ul li .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .headings-example ul li .link-btn, .headings-example .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover .headings-example ul li .hover-content a, .headings-example ul li .circles-counters .circle-item .circle-text, .circles-counters .circle-item .headings-example ul li .circle-text, .headings-example ul li .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .headings-example ul li .circle-text, .headings-example ul li .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .headings-example ul li .count-text, .headings-example ul li .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .headings-example ul li .count-text, .headings-example ul .project-nav nav .nav-btns li a, .project-nav nav .nav-btns .headings-example ul li a, .headings-example ul li .pricing-tables .p-table .desc, .pricing-tables .p-table .headings-example ul li .desc, .headings-example ul li .blog-post-nav .prev-btn, .blog-post-nav .headings-example ul li .prev-btn, .headings-example ul li .blog-post-nav .next-btn, .blog-post-nav .headings-example ul li .next-btn, .headings-example ul .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list .headings-example ul li a, .headings-example ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .headings-example ul li span, .headings-example ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .headings-example ul li a, .headings-example ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .headings-example ul li p, .headings-example ul li .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .headings-example ul li a, .headings-example ul li .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .headings-example ul li .cta-btn, .headings-example ul li .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .headings-example ul li label, .headings-example ul li .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .headings-example ul li label, .headings-example ul .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list .headings-example ul li a, .headings-example ul .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list .headings-example ul li a, .headings-example ul li .checkout-table tbody tr td:first-child, .checkout-table tbody tr .headings-example ul li td:first-child, .headings-example ul li .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .headings-example ul li .tpr-name { margin: 0; } /* -------------------------------------------------- 2.0 Buttons -------------------------------------------------- */ /* ---- 2.1 Defualt Buttons ---- */ .btn, .btn-ghost, .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .btn-text, .btn-text-light, .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light { position: relative; display: inline-block; padding: 8px 38px; background: #111; color: #ececec; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2.5px; font-size: 0.9em; line-height: 1.8em; border-radius: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .btn:visited, .btn-ghost:visited, .btn-ghost-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited, .btn-text:visited, .btn-text-light:visited, .btn-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited { color: #ececec; background: #2c5271; } .btn:visited:hover, .btn-ghost:visited:hover, .btn-ghost-light:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited:hover, .btn-text:visited:hover, .btn-text-light:visited:hover, .btn-light:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited:hover { color: #ececec; background: #3f3f3f; } .btn:hover, .btn-ghost:hover, .btn-ghost-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover, .btn-text:hover, .btn-text-light:hover, .btn-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:hover { color: #ececec; background: #3f3f3f; } .btn:focus, .btn-ghost:focus, .btn-ghost-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:focus, .btn-text:focus, .btn-text-light:focus, .btn-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:focus { color: #ececec; outline: none; } /* ---- 2.2 Ghost Buttons ---- */ .btn-ghost, .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light { background: none; color: #111; border: 2px solid #111; overflow: hidden; z-index: 1; } .btn-ghost:after, .btn-ghost-light:after, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:after { content: ""; position: absolute; background: #111; left: 0; top: 100%; width: 100%; height: 100%; -webkit-transition: top 0.3s; transition: top 0.3s; z-index: -1; } .btn-ghost:visited, .btn-ghost-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited, .btn-ghost:focus, .btn-ghost-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:focus { color: #111; text-decoration: none; } .btn-ghost:hover, .btn-ghost-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover { color: #ececec; background: none; } .btn-ghost:hover:visited, .btn-ghost-light:hover:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:visited { color: #ececec; text-decoration: none; } .btn-ghost:hover:after, .btn-ghost-light:hover:after, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:after { top: 0; } input[class="btn-ghost"]:hover { color: #ececec; background: #111; } input[class="btn-ghost"]:after { content: none; } /* ---- 2.3 Buttons Rounded ---- */ .btn-round { border-radius: 25px; } /* ---- 2.4 Text Buttons ---- */ .btn-text, .btn-text-light { background: none; border: 2px solid rgba(17, 17, 17, 0); color: #777; } .btn-text:visited, .btn-text-light:visited { color: #777; background: none; } .btn-text:visited:hover, .btn-text-light:visited:hover { color: #111; background: none; border: 2px solid #111111; } .btn-text:hover, .btn-text-light:hover { color: #111; background: none; border: 2px solid #111111; } .btn-text:focus, .btn-text-light:focus { color: #111; outline: none; text-decoration: none; } /* ---- 2.5 Button Sizes ---- */ .btn-large { padding: 10px 54px; font-size: 1.1em; letter-spacing: 3px; } .btn-small { padding: 6px 33px; font-size: 0.75em; } /* ---- 2.6 Light Buttons ---- */ .btn-light { color: #111; background: #ececec; } .btn-light:visited { color: #111; background: #ececec; } .btn-light:visited:hover { color: #111; background: #bebebe; } .btn-light:hover { color: #111; background: #bebebe; } .btn-light:focus { color: #111; } .btn-ghost-light { z-index: 1; border-color: #ececec; color: #ececec; } .btn-ghost-light:after { background: #ececec; } .btn-ghost-light:hover { color: #111; } .btn-ghost-light:hover:visited { color: #111; } .btn-ghost-light:visited { color: #ececec; } input[class="btn-ghost-light"] { z-index: 1; } input[class="btn-ghost-light"]:hover { z-index: 1; color: #111; background: #ececec; } .btn-text-light { border: 2px solid rgba(235, 235, 235, 0); } .btn-text-light:visited:hover { color: #ececec; border: 2px solid #ebebeb; } .btn-text-light:hover { color: #ececec; border: 2px solid #ebebeb; } .btn-text-light:focus { color: #ececec; } /* ---- 2.7 Pagination ---- */ .pagination li a { border-radius: 0 !important; border: 2px solid rgba(17, 17, 17, 0); height: 42px; width: 42px; line-height: 1.9em; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; color: #777; } .pagination li a i { padding-top: 7px; display: block; } .pagination li a:focus, .pagination li a:visited { background: none; border: 2px solid rgba(17, 17, 17, 0); } .pagination li a:hover { color: #111; background: none; border: 2px solid #111111; } .pagination .active a { border: 2px solid #111111; background: none; color: #111; } .pagination .active a:hover { background: none; border-color: #111; color: #111; } /* ---- 2.7 PAGE - Buttons ---- */ .btn-example { padding-top: 100px; padding-bottom: 100px; text-align: center; } /* -------------------------------------------------- 3.0 Forms -------------------------------------------------- */ .form-control { height: 40px; padding-left: 20px; border: 1px solid #ddd; border-radius: 0; box-shadow: none; line-height: 22px; letter-spacing: 0.5px; -webkit-transition: border-color 0.5s; transition: border-color 0.5s; } .form-control:focus, .form-control:hover { outline: none; box-shadow: none; border-color: #777; } input[type="file"] { background: #f9f9f9; } input[type="file"]:focus, input[type="file"]:hover { outline: none; box-shadow: none; border-color: #ddd !important; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; border-color: #ddd; } .form-control[disabled]:focus, .form-control[disabled]:hover, fieldset[disabled] .form-control:focus, fieldset[disabled] .form-control:hover { border-color: #ddd !important; } .form-group label { font-size: 0.8em; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; color: #111; } /* -------------------------------------------------- X.0 Progress Bars -------------------------------------------------- */ .progress { height: 25px; margin-bottom: 5px; border-radius: 0; box-shadow: none; background: #ececec; } .progress .progress-bar { background: #111; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; line-height: 1.9em; letter-spacing: 1px; } .progress-thin { height: 3px; } .progress-group { margin-bottom: 20px; } .progress-group .progress-title, .progress-group .progress-value { display: inline-block; margin: 0; } .progress-group .progress-value { text-align: right; right: 0; float: right; } /* -------------------------------------------------- 6.0 FAQ - Accordions -------------------------------------------------- */ .accordions-1 .panel { border-radius: 0; border: none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .accordions-1 .panel .panel-heading { background: #f8f8f8; padding: 25px 50px; border: none; border-radius: 0; } .accordions-1 .panel .panel-heading .panel-title a:focus { text-decoration: none; } .accordions-1 .panel .panel-collapse .panel-body { border: none; border-top: 1px solid #eaeaea; background: #f8f8f8; padding: 30px 50px; } .accordions-1 .panel + .panel { margin-top: 20px; } .faq-contact-links { color: #999; font-size: 0.9em; } .faq-contact-links i { color: #999; } .faq-contact-links a { color: #111; padding-bottom: 4px; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s; } .faq-contact-links a:hover { color: #111; padding-bottom: 1px; border-bottom: 1px solid #111111; } /* -------------------------------------------------- 5.0 Alerts -------------------------------------------------- */ .alert { padding-left: 25px; border-radius: 0; border: none; border-left: 3px solid #ccc; } .alert h4, .alert .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .alert .tab-heading, .alert .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .alert cite, .alert .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .alert cite, .alert .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .alert cite, .alert .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .alert cite, .alert .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .alert cite, .alert .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .alert .t-role, .alert .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .alert .t-role, .alert .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .alert .t-role, .alert .t-join .t-info .t-role, .t-join .t-info .alert .t-role, .alert .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .alert .cards-header, .alert .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .alert .sc-lead, .alert h5, .alert .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .alert .ft-heading, .alert .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .alert .tab-info, .alert .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .alert .widget-comm-title, .alert .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .alert .title-timer, .alert .shop-layout-options span, .shop-layout-options .alert span, .alert h6, .alert .progress-group .progress-title, .progress-group .alert .progress-title, .alert .progress-group .progress-value, .progress-group .alert .progress-value, .alert .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .alert .panel-title, .alert .footer-social-links ul li, .footer-social-links ul .alert li, .alert .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .alert .show-info-link, .alert .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .alert .adr-heading, .alert .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .alert .show-map, .alert .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .alert .adr-heading, .alert .ft-cards .ft-item a, .ft-cards .ft-item .alert a, .alert .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .alert .link-btn, .alert .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .alert a, .alert .circles-counters .circle-item .circle-text, .circles-counters .circle-item .alert .circle-text, .alert .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .alert .circle-text, .alert .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .alert .count-text, .alert .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .alert .count-text, .alert .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .alert a, .alert .pricing-tables .p-table .desc, .pricing-tables .p-table .alert .desc, .alert .blog-post-nav .prev-btn, .blog-post-nav .alert .prev-btn, .alert .blog-post-nav .next-btn, .blog-post-nav .alert .next-btn, .alert .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .alert a, .alert .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .alert span, .alert .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .alert a, .alert .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .alert p, .alert .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .alert a, .alert .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .alert .cta-btn, .alert .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .alert label, .alert .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .alert label, .alert .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .alert a, .alert .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .alert a, .alert .checkout-table tbody tr td:first-child, .checkout-table tbody tr .alert td:first-child, .alert .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .alert .tpr-name { color: inherit !important; } .alert-success { border-color: #3c763d; background: rgba(93, 235, 49, 0.25); } .alert-info { border-color: #31708f; background: rgba(49, 215, 235, 0.25); } .alert-warning { border-color: #ba8f45; background: rgba(246, 221, 51, 0.25); } .alert-danger { border-color: #a94442; background: rgba(235, 84, 49, 0.25); } /* -------------------------------------------------- 4.0 Headers/Page Titles -------------------------------------------------- */ /* ---- 4.1 Breadcrumbs ---- */ .breadcrumb { bottom: 7px; margin-bottom: 0; background: none; text-transform: uppercase; font-size: 0.85em; letter-spacing: 2px; } .breadcrumb li a { color: #999; } .breadcrumb li a:focus { text-decoration: none; } .breadcrumb li a:hover { color: #ececec; } .breadcrumb li + li:before { color: #777; } .breadcrumb .active { color: #777; } /* ---- 4.2 Header/Page Title ---- */ .page-title { position: relative; background: #f4f4f4; padding-top: 80px; padding-bottom: 80px; } .page-title h1, .page-title .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .page-title .nbr-timer { margin: 0; } .page-title .subheading { display: block; margin: 20px 0 0 0; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; color: #777; } .page-title .breadcrumb li a { color: #777; } .page-title .breadcrumb li a:hover { color: #111; } .page-title .breadcrumb .active { color: #999; } /* ---- 4.3 Header/Page Title Styles ---- */ .pt-dark { background: #111; } .pt-dark h1, .pt-dark .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pt-dark .nbr-timer { color: #ececec; } .pt-dark .breadcrumb li a { color: #999; } .pt-dark .breadcrumb li a:hover { color: #ececec; } .pt-dark .breadcrumb .active { color: #777; } /* ---- 4.4 Header/Page Title Sizes ---- */ .pt-small { padding-top: 50px; padding-bottom: 50px; } .pt-small h1, .pt-small .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pt-small .nbr-timer { margin: 0; padding: 0; } .pt-small .breadcrumb { padding: 0; } .pt-large { padding-top: 140px; padding-bottom: 140px; } /* ---- 4.5 Header/Page Title Parallax ---- */ .pt-plax-md-dark { background: url(../images/pt-bg-1.jpg); background-size: cover; background-position: 50%; } .pt-plax-md-dark:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.55); } .pt-plax-md-light { background: url(../images/pt-bg-2.jpg); background-size: cover; } .pt-plax-md-light:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(244, 244, 244, 0.85); } .pt-plax-lg-dark { background: url(../images/pt-bg-3.png); background-size: cover; } .pt-plax-lg-dark:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(20 178 228 / 7%); } .pt-plax-lg-light { background: url(../images/pt-bg-3.jpg); background-size: cover; } .pt-plax-lg-light:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(244, 244, 244, 0.83); } /* -------------------------------------------------- 7.0 Footers -------------------------------------------------- */ .copyright { background: #222; padding-top: 20px; padding-bottom: 20px; } .copyright small { font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1.3px; } .copyright small a:hover { color: #ececec; } .copyright small a:focus { text-decoration: none; } .copyright .to-the-top { color: #777; } .copyright .to-the-top i { padding-left: 7px; font-size: 21px; vertical-align: top; } .footer-social-links { text-align: center; } .footer-social-links ul { list-style: none; margin: 0; padding: 65px 0; } .footer-social-links ul li { display: inline-block; padding-right: 35px; margin-right: 35px; border-right: 1px solid #777; } .footer-social-links ul li:last-child { border: none; padding-right: 0; margin-right: 0; } .footer-social-links ul li a { display: block; color: #ececec; } .footer-social-links ul li a:hover { color: #999; } .footer-social-links ul li a:focus { text-decoration: none; } .social-light-bg ul li a { color: #111; } /* ---- 7.1 Footer Widgets ---- */ .footer-widgets { background: #111; } .footer-widgets .widget .header-widget { padding-bottom: 17px; margin-bottom: 25px; border-bottom: 1px solid rgba(204, 204, 204, 0.2); color: #ececec; } .footer-widgets .widget p { margin: 0; font-size: 0.9em; } .footer-widgets .about-widget .social-links { list-style: none; padding: 0; margin: 0; margin-top: 30px; } .footer-widgets .about-widget .social-links li { display: inline-block; padding-right: 15px; font-size: 22px; } .footer-widgets .about-widget .social-links li a { color: #777; } .footer-widgets .about-widget .social-links li a:hover { color: #ececec; } .footer-widgets .gallery-widget ul { list-style: none; padding: 0; margin: 0; } /*.footer-widgets .gallery-widget ul li { display: inline-block; margin-right: 1px; margin-bottom: 1px; width: 86px; height: 86px; float: left; background: #ccc; overflow: hidden; }*/ .footer-widgets .gallery-widget ul li { display: inline-block; /* You can use this for horizontal alignment */ margin-right: 1px; /* Spacing between list items */ margin-bottom: 1px; /* Spacing between rows */ width: 86px; /* Width of each item */ height: 86px; /* Height of each item */ background: #ccc; /* Background color */ overflow: hidden; /* Ensures content doesn't overflow */ box-sizing: border-box; /* Ensures padding/border don't affect width/height */ } .footer-widgets .gallery-widget ul li a { display: block; position: relative; } .footer-widgets .gallery-widget ul li a img { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .footer-widgets .gallery-widget ul li a .hover-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0); text-align: center; -webkit-transition: background 0.4s; transition: background 0.4s; } .footer-widgets .gallery-widget ul li a .hover-link span { display: block; padding-top: 20px; color: #ececec; font-size: 50px; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .footer-widgets .gallery-widget ul li a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .footer-widgets .gallery-widget ul li a:hover .hover-link { background: rgba(17, 17, 17, 0.55); } .footer-widgets .gallery-widget ul li a:hover .hover-link span { opacity: 1; } .footer-widgets .gallery-widget ul li a:focus { outline: none; } .footer-widgets .twitter-widget ul { list-style: none; margin: 0; padding: 0; } .footer-widgets .twitter-widget ul li { display: block; margin-bottom: 20px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0); -webkit-transition: all 0.4s; transition: all 0.4s; } .footer-widgets .twitter-widget ul li:hover { border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(204, 204, 204, 0.1); } .footer-widgets .twitter-widget ul li i { display: inline-block; margin-right: 5px; padding-top: 3px; margin-bottom: 30px; box-sizing: border-box; font-size: 24px; color: rgba(255, 255, 255, 0.3); } .footer-widgets .twitter-widget ul li p { font-size: 0.85em; } .footer-widgets .twitter-widget ul li p a { color: #ccc; } .footer-widgets .twitter-widget ul li p a:hover { border-color: #ccc; } .footer-widgets .twitter-widget ul li p .tw-widget-date { display: inline-block; margin-right: 5px; } .footer-widgets .newsletter-widget form .form-group { display: block; position: relative; } .footer-widgets .newsletter-widget form .form-group input[type="email"] { display: block; width: 100%; height: 42px; padding-left: 20px; padding-right: 70px; border: none; background: rgba(204, 204, 204, 0.1); -webkit-transition: background 0.3s; transition: background 0.3s; } .footer-widgets .newsletter-widget form .form-group input[type="email"]:focus { outline: none; background: rgba(204, 204, 204, 0.15); } .footer-widgets .newsletter-widget form .form-group button { position: absolute; display: block; top: 0; right: 0; width: 50px; height: 42px; border: none; color: rgba(244, 244, 244, 0.5); background: rgba(204, 204, 204, 0.1); -webkit-transition: all 0.4s; transition: all 0.4s; } .footer-widgets .newsletter-widget form .form-group button i { padding-top: 5px; font-size: 20px; } .footer-widgets .newsletter-widget form .form-group button:focus { outline: none; } .footer-widgets .newsletter-widget form .form-group button:hover { background: #ececec; color: #111; } /* ---- 7.2 Footer Contact ---- */ .footer-contact .contact-info { position: relative; } .footer-contact .contact-info .footer-map { height: 790px; background: #ccc; } .footer-contact .contact-info .show-info-link { display: inline-block; position: absolute; top: -50px; left: 0; right: 0; margin: 0 auto; padding-left: 25px; padding-right: 25px; width: 200px; height: 50px; text-align: center; color: #111; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0.6s, top 0.5s; transition: opacity 0.5s, visibility 0.6s, top 0.5s; z-index: 999; } .footer-contact .contact-info .show-info-link:hover { background: #ececec; } .footer-contact .contact-info .show-info-link:focus { text-decoration: none !important; border-bottom: none; } .footer-contact .contact-info .show-info-link i { display: inline-block; padding-top: 18px; padding-right: 15px; } .footer-contact .contact-info .info-open { top: 0; opacity: 1; visibility: visible; } .footer-contact .contact-info address { position: absolute; margin-bottom: 0; padding: 280px 100px 0 130px; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.93); -webkit-transition: opacity 0.5s, visibility 0.6s; transition: opacity 0.5s, visibility 0.6s; } .footer-contact .contact-info address ul { list-style: none; padding: 0; margin: 0; width: 50%; float: left; } .footer-contact .contact-info address ul li { display: block; margin-bottom: 30px; padding: 7px 0 7px 20px; border-left: 1px solid #777; } .footer-contact .contact-info address ul li .adr-heading { display: block; color: #ececec; } .footer-contact .contact-info address ul li .adr-info { font-size: 0.9em; letter-spacing: 1.7px; text-transform: uppercase; color: #999; } .footer-contact .contact-info address .show-map { display: block; position: absolute; bottom: 100px; color: #ececec; } .footer-contact .contact-info address .show-map span { padding-right: 20px; font-size: 35px; vertical-align: middle; } .footer-contact .contact-info address .show-map:hover { color: #999; } .footer-contact .contact-info address .show-map:focus { text-decoration: none; } .footer-contact .map-open { opacity: 0; visibility: hidden; } .footer-contact .contact-form { padding-left: 100px; padding-right: 12%; } .footer-contact .contact-form header { text-align: left; margin-bottom: 50px; } .footer-contact .contact-form form .alert { position: absolute; left: 0; right: 0; top: 15px; } /* ---- 7.3 Footer Litle ---- */ .footer-litle address { margin-bottom: 0; padding-top: 85px; padding-bottom: 85px; } .footer-litle address ul { list-style: none; padding: 0; margin: 0; text-align: center; } .footer-litle address ul li { display: inline-block; margin-right: 160px; } .footer-litle address ul li:last-child { margin-right: 0; } .footer-litle address ul li .adr-icon { padding-right: 20px; float: left; font-size: 36px; color: #111; } .footer-litle address ul li .adr-group { text-align: left; float: right; } .footer-litle address ul li .adr-group .adr-heading { display: block; color: #111; } .footer-litle address ul li .adr-group .adr-info { font-size: 0.9em; letter-spacing: 1.7px; text-transform: uppercase; color: #999; } /* -------------------------------------------------- 8.0 Navigation -------------------------------------------------- */ .navbar { margin-bottom: 0; min-height: 75px; border-bottom: 1px solid #ececec; border-radius: 0; background: #fff; } .navbar .navbar-header { width: 27%; margin-top: 6px; } .navbar .navbar-header .navbar-brand { padding: 15px 0; margin-left: 0; } .navbar .navbar-nav { margin-top: 12px; } .navbar .navbar-nav li a { text-transform: uppercase; font-size: 0.8em; font-weight: 400; letter-spacing: 2px; color: #999; -webkit-transition: color 0.5s; transition: color 0.5s; } .navbar .navbar-nav li a:focus { color: inherit; } .navbar .navbar-nav li a:hover { background: none; color: #111; } .navbar .navbar-nav li a i[class*="linea-"] { font-size: 18px; vertical-align: sub; } .navbar .navbar-nav li a > .cart-notif { display: inline-block; position: relative; padding-left: 1px; width: 16px; height: 16px; top: -8px; right: -8px; border-radius: 100px; background: #ef413f; color: #fff; font-size: 10px; line-height: 16px; text-align: center; } .navbar .navbar-nav .active a { background: none; color: #111; -webkit-transition: color 0.5s; transition: color 0.5s; } .navbar .navbar-nav .active a:hover, .navbar .navbar-nav .active a:focus, .navbar .navbar-nav .active a:visited { background: none; } .navbar .navbar-nav .dropdown .dropdown-toggle { background: none; } .navbar .navbar-nav .dropdown .dropdown-toggle:hover, .navbar .navbar-nav .dropdown .dropdown-toggle:focus, .navbar .navbar-nav .dropdown .dropdown-toggle:visited { background: none; } .navbar .navbar-nav .dropdown .dropdown-toggle .fa-shopping-cart { margin-left: 16px; } .navbar .navbar-nav .dropdown .dropdown-menu { margin-top: 12px; padding: 20px 0 10px 0; border: 1px solid #ececec; border-radius: 0; box-shadow: none; background: rgba(255, 255, 255, 0.93); } .navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 150px; } .navbar .navbar-nav .dropdown .dropdown-menu li a { display: block; padding: 11px 40px 11px 25px; letter-spacing: 0.5px; line-height: 0.8em; border-left: 3px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s; } .navbar .navbar-nav .dropdown .dropdown-menu li a:hover { padding-left: 35px; padding-right: 30px; background: rgba(17, 17, 17, 0.05); border-left: 3px solid #111; } .navbar .navbar-nav .dropdown .dropdown-menu li a i { padding-right: 5px; } .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header { padding: 0 25px; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.8em; letter-spacing: 2px; text-transform: uppercase; color: #111; } .navbar .navbar-nav .dropdown .dropdown-menu .divider { margin-left: 25px; margin-right: 25px; background-color: #ddd; } .navbar .navbar-nav .dropdown .bg-solid { background: #fff; } .navbar .navbar-nav .dropdown .search-dropdown { padding-top: 10px; } .navbar .navbar-nav .dropdown .search-dropdown li { padding: 0 15px; } .navbar .navbar-nav .dropdown .search-dropdown li form input[type="search"] { border-radius: 0; font-size: 0.9em; letter-spacing: 1.5px; } .navbar .navbar-nav .dropdown .search-dropdown li form input[type="search"]:focus { outline: none; box-shadow: none; border-color: #111; } .navbar .navbar-nav .dropdown .cart-dropdown { width: 290px; background: #fff; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-sep-top { margin-bottom: 15px; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-sep-bot { margin-top: 0; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item { padding: 0 25px 15px 25px; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item a { padding: 0; border: none; background: none; text-transform: none; font-size: 14px; letter-spacing: 0.5px; line-height: inherit; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item a:hover { padding: 0; border: none; background: none; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item .p-thumb { float: left; margin-right: 15px; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item p { line-height: 14px; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cp-name { font-size: 14px; font-weight: 300; padding: 0; letter-spacing: 1px; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cp-name:hover { padding: 0; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cp-price { font-size: 12px; letter-spacing: 1px; color: #999; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cart-remove-btn { padding: 0; float: right; font-size: 16px; color: #777; border: none; background: none; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cart-remove-btn:hover { color: #111; border: none; background: none; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cart-remove-btn:focus { text-decoration: none; } .navbar .navbar-nav .dropdown .cart-dropdown .item-totals { padding-left: 25px; padding-right: 25px; } .navbar .navbar-nav .dropdown .cart-dropdown .item-totals span { float: right; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; color: #777; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns { padding: 30px 25px 10px 25px; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light { position: relative; display: inline-block; padding: 8px 38px; background: #111; color: #ececec; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2.5px; font-size: 0.9em; line-height: 1.8em; border-radius: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited { color: #ececec; background: #111; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited:hover { color: #ececec; background: #3f3f3f; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:hover { color: #ececec; background: #3f3f3f; border-color: #3f3f3f; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:focus { color: #ececec; outline: none; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light { background: none; color: #111; border: 2px solid #111; text-align: center; overflow: hidden; z-index: 1; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:after, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:after { content: ""; position: absolute; background: #111; left: 0; top: 100%; width: 100%; height: 100%; -webkit-transition: top 0.3s; transition: top 0.3s; z-index: -1; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:focus { color: #111; text-decoration: none; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover { color: #ececec; background: none; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:visited { color: #ececec; text-decoration: none; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover:after, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:after { top: 0; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light { color: #111; background: #ececec; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited { color: #111; background: #ececec; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited:hover { color: #111; background: #bebebe; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:hover { color: #111; background: #bebebe; border-color: #bebebe; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:focus { color: #111; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light { z-index: 1; border-color: #ececec; color: #ececec; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:after { background: #ececec; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover { color: #111; border-color: #ececec; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:visited { color: #111; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited { color: #ececec; } .navbar .navbar-nav .dropdown .dropdown-banner { margin-left: -13px; } /* ---- Navbar Inverse (Dark) ---- */ .navbar-inverse { border-bottom: 1px solid #222; background: #111; } .navbar-inverse .navbar-nav li a { color: #777; } .navbar-inverse .navbar-nav li a:hover { color: #ececec; } .navbar-inverse .navbar-nav .active a { color: #ececec; } .navbar-inverse .navbar-nav .dropdown .dropdown-menu { background: rgba(17, 17, 17, 0.95); border-color: #222; } .navbar-inverse .navbar-nav .dropdown .dropdown-menu li a:hover { background: rgba(255, 255, 255, 0.1); border-left: 3px solid #ececec; } .navbar-inverse .navbar-nav .dropdown .dropdown-menu .dropdown-header { color: #ececec; } .navbar-inverse .navbar-nav .dropdown .dropdown-menu .divider { background-color: #444; } .navbar-inverse .navbar-nav .dropdown .dropdown-menu .bg-solid { background: #111; } .navbar-inverse .navbar-nav .dropdown .cart-dropdown .cart-item .cart-remove-btn:hover { color: #ececec; } .navbar-inverse .navbar-nav .dropdown .cart-dropdown .item-totals { color: #ececec; } .navbar-inverse .navbar-nav .dropdown .search-dropdown li form input[type="search"]:focus { border-color: #ececec; } /* ---- Mega Menu ---- */ .mega .nav, .mega .collapse, .mega .dropup, .mega .dropdown { position: static; } .mega .container { position: relative; } .mega .dropdown-menu { left: auto; } .mega .mega-content { padding: 20px 30px; } .mega .dropdown.mega-fw .dropdown-menu { left: 0; right: 0; } /* ---- Navbar Utility ---- */ .navbar-trans { border-bottom: none; background: transparent; -webkit-transition: background 0.3s; transition: background 0.3s; } .navbar-trans .navbar-logo { content: url(../images/logo-light.png); } .navbar-trans .navbar-logo-dark { content: url(../images/logo.png); } .navbar-trans:not(.navbar-inverse) .navbar-nav li a:focus, .navbar-trans:not(.navbar-inverse) .navbar-nav li a:hover { color: #ececec; } .navbar-trans:not(.navbar-inverse) .navbar-nav .active a { color: #ececec; } .navbar-trans:not(.navbar-inverse) .navbar-nav .active a:hover { color: #ececec; } .navbar-trans:not(.navbar-inverse) .navbar-nav .dropdown .dropdown-menu li a:hover { color: #111; } .navbar-trans:not(.navbar-inverse) .navbar-nav .open .dropdown-toggle { color: #ececec; } .navbar-trans-dark .navbar-nav > li > a:focus, .navbar-trans-dark .navbar-nav > li > a:hover { color: #111 !important; } .navbar-trans-dark .navbar-nav .active > a { color: #111 !important; } .navbar-trans-dark .navbar-nav .active > a:hover { color: #111 !important; } .navbar-trans-dark .navbar-nav .open .dropdown-toggle { color: #111 !important; } .navbar-small { min-height: 50px; } .navbar-small .navbar-header { margin-top: 0; padding: 0; } .navbar-small .navbar-header .navbar-brand { padding: 9px 0; } .navbar-small .navbar-nav { margin-top: 0; } .navbar-small .navbar-nav .dropdown .dropdown-menu { margin-top: 0; } .navbar-fw .navbar-header { margin-left: 50px; width: 25%; } .navbar-fw .navbar-right { margin-right: 50px; } /* ---- Navbar Utility ---- */ .bg-solid-white { background: #fff !important; } .bg-solid-dark { background: #111; } /* -------------------------------------------------- 9.0 Feature -------------------------------------------------- */ /* ---- 9.1 Feature - Cards ---- */ .ft-cards .ft-item { padding: 50px 40px; border: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .ft-cards .ft-item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .ft-cards .ft-item span { font-size: 64px; color: #111; } .ft-cards .ft-item h4, .ft-cards .ft-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .ft-cards .ft-item .tab-heading, .ft-cards .ft-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-cards .ft-item cite, .ft-cards .ft-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .ft-cards .ft-item cite, .ft-cards .ft-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .ft-cards .ft-item cite, .ft-cards .ft-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .ft-cards .ft-item cite, .ft-cards .ft-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .ft-cards .ft-item cite, .ft-cards .ft-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .t-join .t-info .t-role, .t-join .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-cards .ft-item .cards-header, .ft-cards .ft-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-cards .ft-item .sc-lead { margin-top: 40px; margin-bottom: 30px; } .ft-cards .ft-item p { padding: 0; margin: 0; } .ft-cards .ft-item a { padding-top: 50px; display: block; text-align: right; color: #999; } .ft-cards .ft-item a:hover { color: #111; } .ft-cards .ft-item a:focus { text-decoration: none; } .ft-cards .ft-item a span { display: inline-block; font-size: 25px; vertical-align: top; color: inherit; } /* ---- 9.2 Feature - Cards 2 ---- */ .ft-cards-2 .ft-card-item { margin-bottom: 50px; height: 254px; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .ft-cards-2 .ft-card-item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .ft-cards-2 .ft-card-item img { display: inline-block; max-width: 240px; box-sizing: border-box; } .ft-cards-2 .ft-card-item .ft-content { display: inline-block; padding: 50px 40px; width: 56%; } .ft-cards-2 .ft-card-item .ft-content h5, .ft-cards-2 .ft-card-item .ft-content .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-cards-2 .ft-card-item .ft-content .ft-heading, .ft-cards-2 .ft-card-item .ft-content .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-cards-2 .ft-card-item .ft-content .tab-info, .ft-cards-2 .ft-card-item .ft-content .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-cards-2 .ft-card-item .ft-content .widget-comm-title, .ft-cards-2 .ft-card-item .ft-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-cards-2 .ft-card-item .ft-content .title-timer, .ft-cards-2 .ft-card-item .ft-content .shop-layout-options span, .shop-layout-options .ft-cards-2 .ft-card-item .ft-content span { margin: 0; padding-bottom: 20px; } .ft-cards-2 .ft-card-item .ft-content p { margin: 0; color: #999; } .ft-cards-2 .ft-card-item .ft-content .link-btn { display: inline-block; margin-top: 30px; box-sizing: border-box; color: #777; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .ft-cards-2 .ft-card-item .ft-content .link-btn span { display: inline-block; font-size: 23px; vertical-align: top; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .ft-cards-2 .ft-card-item .ft-content .link-btn:hover { color: #111; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .ft-cards-2 .ft-card-item .ft-content .link-btn:hover span { opacity: 1; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .ft-cards-2 .ft-card-item .ft-content .link-btn:focus { text-decoration: none; } /* ---- 9.3 Feature - Steps Numbers ---- */ .ft-steps-numbers .ft-item { display: block; position: relative; } .ft-steps-numbers .ft-item .ft-nbr { display: inline-block; position: absolute; top: 7px; left: 0; color: rgba(204, 204, 204, 0.4); font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: lighter; font-size: 165px; } .ft-steps-numbers .ft-item h4, .ft-steps-numbers .ft-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .ft-steps-numbers .ft-item .tab-heading, .ft-steps-numbers .ft-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-steps-numbers .ft-item .t-role, .ft-steps-numbers .ft-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-steps-numbers .ft-item .t-role, .ft-steps-numbers .ft-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-steps-numbers .ft-item .t-role, .ft-steps-numbers .ft-item .t-join .t-info .t-role, .t-join .t-info .ft-steps-numbers .ft-item .t-role, .ft-steps-numbers .ft-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-steps-numbers .ft-item .cards-header, .ft-steps-numbers .ft-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-steps-numbers .ft-item .sc-lead { margin: 0; padding-bottom: 20px; padding-left: 85px; } .ft-steps-numbers .ft-item p { margin: 0; padding-left: 85px; } /* ---- 9.4 Feature - Centered ---- */ .ft-centered .ft-item, .ft-x .ft-item, .ft-y .ft-item { text-align: center; } .ft-centered .ft-item h5, .ft-x .ft-item h5, .ft-y .ft-item h5, .ft-centered .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-centered .ft-item .ft-heading, .ft-x .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-x .ft-item .ft-heading, .ft-y .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-y .ft-item .ft-heading, .ft-centered .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-centered .ft-item .tab-info, .ft-x .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-x .ft-item .tab-info, .ft-y .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-y .ft-item .tab-info, .ft-centered .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-centered .ft-item .widget-comm-title, .ft-x .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-x .ft-item .widget-comm-title, .ft-y .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-y .ft-item .widget-comm-title, .ft-centered .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-centered .ft-item .title-timer, .ft-x .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-x .ft-item .title-timer, .ft-y .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-y .ft-item .title-timer, .ft-centered .ft-item .shop-layout-options span, .shop-layout-options .ft-centered .ft-item span, .ft-x .ft-item .shop-layout-options span, .shop-layout-options .ft-x .ft-item span, .ft-y .ft-item .shop-layout-options span, .shop-layout-options .ft-y .ft-item span { margin-top: 30px; margin-bottom: 20px; } .ft-centered .ft-item span, .ft-x .ft-item span, .ft-y .ft-item span { padding: 0; width: 110px; height: 110px; font-size: 45px; line-height: 109px; } .ft-centered .ft-material:hover span, .ft-x .ft-material:hover span, .ft-y .ft-material:hover span, .ft-centered .ft-material:hover i, .ft-x .ft-material:hover i, .ft-y .ft-material:hover i { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .ft-centered .ft-material span, .ft-x .ft-material span, .ft-y .ft-material span, .ft-centered .ft-material i, .ft-x .ft-material i, .ft-y .ft-material i { display: inline-block; border: 1px solid #f8f8f8; border-radius: 100px; background: #fff; color: #777; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .ft-centered .ft-diagonal span, .ft-x .ft-diagonal span, .ft-y .ft-diagonal span, .ft-centered .ft-diagonal i, .ft-x .ft-diagonal i, .ft-y .ft-diagonal i { display: inline-block; color: #111; background: url(../images/pat-diagonal.png) 100% repeat; border-radius: 100px; } .ft-centered .ft-circle-frame:hover span, .ft-x .ft-circle-frame:hover span, .ft-y .ft-circle-frame:hover span, .ft-centered .ft-square-frame:hover span, .ft-x .ft-square-frame:hover span, .ft-y .ft-square-frame:hover span, .ft-centered .ft-circle-frame-dark:hover span, .ft-x .ft-circle-frame-dark:hover span, .ft-y .ft-circle-frame-dark:hover span, .ft-centered .ft-square-frame-dark:hover span, .ft-x .ft-square-frame-dark:hover span, .ft-y .ft-square-frame-dark:hover span, .ft-centered .ft-circle-frame:hover i, .ft-x .ft-circle-frame:hover i, .ft-y .ft-circle-frame:hover i, .ft-centered .ft-square-frame:hover i, .ft-x .ft-square-frame:hover i, .ft-y .ft-square-frame:hover i, .ft-centered .ft-circle-frame-dark:hover i, .ft-x .ft-circle-frame-dark:hover i, .ft-y .ft-circle-frame-dark:hover i, .ft-centered .ft-square-frame-dark:hover i, .ft-x .ft-square-frame-dark:hover i, .ft-y .ft-square-frame-dark:hover i { border-color: #ececec; box-shadow: 0 0 0 0 #ececec; } .ft-centered .ft-circle-frame span, .ft-x .ft-circle-frame span, .ft-y .ft-circle-frame span, .ft-centered .ft-square-frame span, .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-centered .ft-circle-frame-dark span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-circle-frame i, .ft-x .ft-circle-frame i, .ft-y .ft-circle-frame i, .ft-centered .ft-square-frame i, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i, .ft-centered .ft-circle-frame-dark i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i { display: inline-block; color: #111; background: #ececec; border: 5px solid white; box-shadow: 0 0 0 1px #ececec; border-radius: 100px; line-height: 102px; -webkit-transition: all 0.5s; transition: all 0.5s; } .ft-centered .ft-square-frame span, .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-centered .ft-square-frame i, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i { width: 100px; height: 100px; border-radius: 0; font-size: 45px; text-align: center; line-height: 90px; } .ft-centered .ft-dark-spin:hover span, .ft-x .ft-dark-spin:hover span, .ft-y .ft-dark-spin:hover span, .ft-centered .ft-dark-spin:hover i, .ft-x .ft-dark-spin:hover i, .ft-y .ft-dark-spin:hover i { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border: 1px solid #cccccc; background: #fff; color: #111; } .ft-centered .ft-dark-spin span, .ft-x .ft-dark-spin span, .ft-y .ft-dark-spin span, .ft-centered .ft-dark-spin i, .ft-x .ft-dark-spin i, .ft-y .ft-dark-spin i { display: inline-block; color: #f8f8f8; border: 1px solid rgba(17, 17, 17, 0); background: #111; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; } .ft-centered .ft-circle-frame-dark:hover span, .ft-x .ft-circle-frame-dark:hover span, .ft-y .ft-circle-frame-dark:hover span, .ft-centered .ft-square-frame-dark:hover span, .ft-x .ft-square-frame-dark:hover span, .ft-y .ft-square-frame-dark:hover span, .ft-centered .ft-circle-frame-dark:hover i, .ft-x .ft-circle-frame-dark:hover i, .ft-y .ft-circle-frame-dark:hover i, .ft-centered .ft-square-frame-dark:hover i, .ft-x .ft-square-frame-dark:hover i, .ft-y .ft-square-frame-dark:hover i { border-color: #111111; } .ft-centered .ft-circle-frame-dark span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-circle-frame-dark i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i { color: #f8f8f8; background: #111; border: 5px solid white; box-shadow: 0 0 0 1px #111; } .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i { width: 100px; height: 100px; border-radius: 0; font-size: 45px; text-align: center; line-height: 90px; } .ft-centered .ft-small-card, .ft-x .ft-small-card, .ft-y .ft-small-card { padding: 50px 30px; background: #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .ft-centered .ft-small-card:hover, .ft-x .ft-small-card:hover, .ft-y .ft-small-card:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .ft-centered .ft-small-card:hover span, .ft-x .ft-small-card:hover span, .ft-y .ft-small-card:hover span, .ft-centered .ft-small-card:hover i, .ft-x .ft-small-card:hover i, .ft-y .ft-small-card:hover i { color: #111; } .ft-centered .ft-small-card span, .ft-x .ft-small-card span, .ft-y .ft-small-card span, .ft-centered .ft-small-card i, .ft-x .ft-small-card i, .ft-y .ft-small-card i { display: block; margin-top: 30px; padding-bottom: 30px; width: auto; height: auto; line-height: 0; font-size: 64px; color: #777; -webkit-transition: color 0.7s; transition: color 0.7s; } .ft-centered .ft-circle-overlay:hover span, .ft-x .ft-circle-overlay:hover span, .ft-y .ft-circle-overlay:hover span, .ft-centered .ft-square-overlay:hover span, .ft-x .ft-square-overlay:hover span, .ft-y .ft-square-overlay:hover span, .ft-centered .ft-circle-overlay:hover i, .ft-x .ft-circle-overlay:hover i, .ft-y .ft-circle-overlay:hover i, .ft-centered .ft-square-overlay:hover i, .ft-x .ft-square-overlay:hover i, .ft-y .ft-square-overlay:hover i { background: #f4f4f4; } .ft-centered .ft-circle-overlay span, .ft-x .ft-circle-overlay span, .ft-y .ft-circle-overlay span, .ft-centered .ft-square-overlay span, .ft-x .ft-square-overlay span, .ft-y .ft-square-overlay span, .ft-centered .ft-circle-overlay i, .ft-x .ft-circle-overlay i, .ft-y .ft-circle-overlay i, .ft-centered .ft-square-overlay i, .ft-x .ft-square-overlay i, .ft-y .ft-square-overlay i { display: inline-block; color: #111; border-radius: 100px; background: #ececec; border: 10px solid #f4f4f4; line-height: 90px; -webkit-transition: all 0.3s; transition: all 0.3s; } .ft-centered .ft-square-overlay span, .ft-x .ft-square-overlay span, .ft-y .ft-square-overlay span, .ft-centered .ft-square-overlay i, .ft-x .ft-square-overlay i, .ft-y .ft-square-overlay i { border-radius: 0; } .ft-centered .ft-basic span, .ft-x .ft-basic span, .ft-y .ft-basic span, .ft-centered .ft-basic i, .ft-x .ft-basic i, .ft-y .ft-basic i { font-size: 60px; line-height: 60px; } /* ---- 9.5 Feature - Horizontal Aligned ---- */ .ft-x .ft-item, .ft-y .ft-item { text-align: left; } .ft-x .ft-item h5, .ft-y .ft-item h5, .ft-x .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-x .ft-item .ft-heading, .ft-y .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-y .ft-item .ft-heading, .ft-x .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-x .ft-item .tab-info, .ft-y .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-y .ft-item .tab-info, .ft-x .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-x .ft-item .widget-comm-title, .ft-y .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-y .ft-item .widget-comm-title, .ft-x .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-x .ft-item .title-timer, .ft-y .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-y .ft-item .title-timer, .ft-x .ft-item .shop-layout-options span, .shop-layout-options .ft-x .ft-item span, .ft-y .ft-item .shop-layout-options span, .shop-layout-options .ft-y .ft-item span { margin-top: 30px; margin-bottom: 20px; } .ft-x .ft-item span, .ft-y .ft-item span, .ft-x .ft-item i, .ft-y .ft-item i { display: inline-block; margin: 25px 35px 50px 0; padding: 28px 26px; width: 85px; height: 85px; box-sizing: border-box; font-size: 28px; line-height: 28px; text-align: center; vertical-align: top; } .ft-x .ft-material span, .ft-y .ft-material span, .ft-x .ft-material i, .ft-y .ft-material i { color: #111; } .ft-x .ft-circle-frame span, .ft-y .ft-circle-frame span, .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-x .ft-circle-frame i, .ft-y .ft-circle-frame i, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i { padding: 24px 25px; } .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i { width: 80px; height: 80px; padding: 21px 23px; } .ft-x .ft-circle-overlay span, .ft-y .ft-circle-overlay span, .ft-x .ft-square-overlay span, .ft-y .ft-square-overlay span, .ft-x .ft-circle-overlay i, .ft-y .ft-circle-overlay i, .ft-x .ft-square-overlay i, .ft-y .ft-square-overlay i { padding: 20px; border: 10px solid #f4f4f4; } .ft-x .ft-basic span, .ft-y .ft-basic span, .ft-x .ft-basic i, .ft-y .ft-basic i { padding: 0; font-size: 64px; line-height: 64px; } .ft-x .right-align .ft-content, .ft-y .right-align .ft-content { display: inline-block; width: 62%; text-align: right; } .ft-x .right-align .ft-icon, .ft-y .right-align .ft-icon { box-sizing: border-box; display: inline-block; margin-left: 20px; width: 30%; } /* ---- 9.6 Feature - Vertical Aligned ---- */ .ft-y .ft-item span, .ft-y .ft-item i { display: inline-block; margin: 0; float: none; } .ft-y .right-align { text-align: right; } /* ---- 9.7 Feature - Boxed Hover List ---- */ .ft-boxed-hover ul { margin: 0; padding: 0; list-style: none; } .ft-boxed-hover ul li { display: inline-block; position: relative; width: 25%; float: left; margin-top: -1px; margin-left: -1px; padding: 50px; border: 1px solid #ddd; background: #fff; text-align: center; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .ft-boxed-hover ul li:hover { border-color: #111; } .ft-boxed-hover ul li:hover .hover-content { opacity: 1; } .ft-boxed-hover ul li .ft-icon { font-size: 56px; color: #777; } .ft-boxed-hover ul li .h-alt { color: #999; } .ft-boxed-hover ul li .hover-content { display: block; position: absolute; padding: 30px; top: 0; left: 0; width: 100%; height: 100%; background: #111; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .ft-boxed-hover ul li .hover-content .ft-icon { position: absolute; display: block; top: 50px; left: 0; right: 0; font-size: 120px; color: rgba(217, 217, 217, 0.15); z-index: 1; } .ft-boxed-hover ul li .hover-content .ft-heading { display: block; margin: 0; padding-bottom: 15px; color: #ececec; } .ft-boxed-hover ul li .hover-content p { margin: 0; color: #999; } .ft-boxed-hover ul li .hover-content a { display: inline-block; position: relative; margin-top: 20px; color: #999; z-index: 10 !important; } .ft-boxed-hover ul li .hover-content a:hover { color: #ececec; } .ft-boxed-hover ul li .hover-content a:focus { outline: none; } /* ---- 9.8 Feature - Tabs ---- */ .ft-tabs .tabs-list { list-style: none; padding: 0; margin: 0; } .ft-tabs .tabs-list li { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; } .ft-tabs .tabs-list li:nth-child(2), .ft-tabs .tabs-list li:nth-child(3) { margin-top: -1px; } .ft-tabs .tabs-list li a { display: block; padding: 50px; border-left: 10px solid rgba(17, 17, 17, 0); } .ft-tabs .tabs-list li a:hover { background: #f8f8f8; } .ft-tabs .tabs-list li a:focus { text-decoration: none; } .ft-tabs .tabs-list li a .tab-icon { display: inline-block; padding-right: 20px; font-size: 50px; color: #111; } .ft-tabs .tabs-list li a .tab-group { text-align: left; float: right; } .ft-tabs .tabs-list li a .tab-group .tab-heading { display: block; color: #111; } .ft-tabs .tabs-list li a .tab-group .tab-info { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2px; color: #999; } .ft-tabs .tabs-list .active a { border-left: 10px solid #111111; background: #f4f4f4; } .ft-tabs .tab-content { height: 475px; background: #f4f4f4; } .ft-tabs .tab-content .tab-content-text { padding-top: 110px; padding-left: 80px; } .ft-tabs .tab-content .tab-content-text h4, .ft-tabs .tab-content .tab-content-text .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .tab-content .tab-content-text .tab-heading, .ft-tabs .tab-content .tab-content-text .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-tabs .tab-content .tab-content-text .t-role, .ft-tabs .tab-content .tab-content-text .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-tabs .tab-content .tab-content-text .t-role, .ft-tabs .tab-content .tab-content-text .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-tabs .tab-content .tab-content-text .t-role, .ft-tabs .tab-content .tab-content-text .t-join .t-info .t-role, .t-join .t-info .ft-tabs .tab-content .tab-content-text .t-role, .ft-tabs .tab-content .tab-content-text .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-tabs .tab-content .tab-content-text .cards-header, .ft-tabs .tab-content .tab-content-text .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-tabs .tab-content .tab-content-text .sc-lead { margin: 0; padding-bottom: 25px; } .ft-tabs .tab-content .tab-content-text p { margin: 0; } .ft-tabs .tab-content .tab-content-text button { margin-top: 45px; } .ft-tabs .tab-content .tab-content-image { padding-top: 110px; } /* ---- 9.9 Lists ---- */ .list-check, .list-square-check, .list-circle-check, .list-square-check-full, .list-circle-check-full { list-style: none; } .list-check li, .list-square-check li, .list-circle-check li, .list-square-check-full li, .list-circle-check-full li { margin-bottom: 30px; } .list-check li:before, .list-square-check li:before, .list-circle-check li:before, .list-square-check-full li:before, .list-circle-check-full li:before { content: "\e01b"; position: absolute; left: 0; font-family: "linea-icon-font"; font-size: 40px; color: #111; } .list-square-check li, .list-circle-check li { margin-left: 20px; margin-bottom: 40px; } .list-square-check li:before, .list-circle-check li:before { content: "\e081"; font-size: 50px; } .list-circle-check li:before { content: "\e01c"; } .list-square-check-full li, .list-circle-check-full li { margin-left: 20px; padding-top: 1px; } .list-square-check-full li:before, .list-circle-check-full li:before { display: inline-block; padding-top: 12px; width: 50px; height: 50px; background: #ececec; font-size: 35px; text-align: center; } .list-circle-check-full li:before { border-radius: 100px; } .list-basic { list-style: none; } .list-basic li { margin-bottom: 30px; } /* ---- 9.10 Feature Layout 50/50 ---- */ .ft-layout-50 .ft-item .ft-content-wrapper { padding: 75px 15% 75px 100px; height: 450px; background: #f4f4f4; } .ft-layout-50 .ft-item .ft-content-wrapper h4, .ft-layout-50 .ft-item .ft-content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .ft-layout-50 .ft-item .ft-content-wrapper .tab-heading, .ft-layout-50 .ft-item .ft-content-wrapper .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-layout-50 .ft-item .ft-content-wrapper .t-role, .ft-layout-50 .ft-item .ft-content-wrapper .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-layout-50 .ft-item .ft-content-wrapper .t-role, .ft-layout-50 .ft-item .ft-content-wrapper .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-layout-50 .ft-item .ft-content-wrapper .t-role, .ft-layout-50 .ft-item .ft-content-wrapper .t-join .t-info .t-role, .t-join .t-info .ft-layout-50 .ft-item .ft-content-wrapper .t-role, .ft-layout-50 .ft-item .ft-content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-layout-50 .ft-item .ft-content-wrapper .cards-header, .ft-layout-50 .ft-item .ft-content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-layout-50 .ft-item .ft-content-wrapper .sc-lead, .ft-layout-50 .ft-item .ft-content-wrapper h5, .ft-layout-50 .ft-item .ft-content-wrapper .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-layout-50 .ft-item .ft-content-wrapper .ft-heading, .ft-layout-50 .ft-item .ft-content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-layout-50 .ft-item .ft-content-wrapper .tab-info, .ft-layout-50 .ft-item .ft-content-wrapper .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-layout-50 .ft-item .ft-content-wrapper .widget-comm-title, .ft-layout-50 .ft-item .ft-content-wrapper .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-layout-50 .ft-item .ft-content-wrapper .title-timer, .ft-layout-50 .ft-item .ft-content-wrapper .shop-layout-options span, .shop-layout-options .ft-layout-50 .ft-item .ft-content-wrapper span, .ft-layout-50 .ft-item .ft-content-wrapper h6, .ft-layout-50 .ft-item .ft-content-wrapper .progress-group .progress-title, .progress-group .ft-layout-50 .ft-item .ft-content-wrapper .progress-title, .ft-layout-50 .ft-item .ft-content-wrapper .progress-group .progress-value, .progress-group .ft-layout-50 .ft-item .ft-content-wrapper .progress-value, .ft-layout-50 .ft-item .ft-content-wrapper .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .ft-layout-50 .ft-item .ft-content-wrapper .panel-title, .ft-layout-50 .ft-item .ft-content-wrapper .footer-social-links ul li, .footer-social-links ul .ft-layout-50 .ft-item .ft-content-wrapper li, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .ft-layout-50 .ft-item .ft-content-wrapper .show-info-link, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .ft-layout-50 .ft-item .ft-content-wrapper .adr-heading, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .ft-layout-50 .ft-item .ft-content-wrapper .show-map, .ft-layout-50 .ft-item .ft-content-wrapper .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .ft-layout-50 .ft-item .ft-content-wrapper .adr-heading, .ft-layout-50 .ft-cards .ft-item .ft-content-wrapper a, .ft-cards .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .ft-layout-50 .ft-item .ft-content-wrapper .link-btn, .ft-layout-50 .ft-item .ft-content-wrapper .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .circles-counters .circle-item .circle-text, .circles-counters .circle-item .ft-layout-50 .ft-item .ft-content-wrapper .circle-text, .ft-layout-50 .ft-item .ft-content-wrapper .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .ft-layout-50 .ft-item .ft-content-wrapper .circle-text, .ft-layout-50 .ft-item .ft-content-wrapper .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .ft-layout-50 .ft-item .ft-content-wrapper .count-text, .ft-layout-50 .ft-item .ft-content-wrapper .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .ft-layout-50 .ft-item .ft-content-wrapper .count-text, .ft-layout-50 .ft-item .ft-content-wrapper .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .pricing-tables .p-table .desc, .pricing-tables .p-table .ft-layout-50 .ft-item .ft-content-wrapper .desc, .ft-layout-50 .ft-item .ft-content-wrapper .blog-post-nav .prev-btn, .blog-post-nav .ft-layout-50 .ft-item .ft-content-wrapper .prev-btn, .ft-layout-50 .ft-item .ft-content-wrapper .blog-post-nav .next-btn, .blog-post-nav .ft-layout-50 .ft-item .ft-content-wrapper .next-btn, .ft-layout-50 .ft-item .ft-content-wrapper .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper span, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper p, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .ft-layout-50 .ft-item .ft-content-wrapper .cta-btn, .ft-layout-50 .ft-item .ft-content-wrapper .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .ft-layout-50 .ft-item .ft-content-wrapper label, .ft-layout-50 .ft-item .ft-content-wrapper .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .ft-layout-50 .ft-item .ft-content-wrapper label, .ft-layout-50 .ft-item .ft-content-wrapper .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .checkout-table tbody tr td:first-child, .checkout-table tbody tr .ft-layout-50 .ft-item .ft-content-wrapper td:first-child, .ft-layout-50 .ft-item .ft-content-wrapper .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .ft-layout-50 .ft-item .ft-content-wrapper .tpr-name { margin: 0; } .ft-layout-50 .ft-item .ft-content-wrapper h6, .ft-layout-50 .ft-item .ft-content-wrapper .progress-group .progress-title, .progress-group .ft-layout-50 .ft-item .ft-content-wrapper .progress-title, .ft-layout-50 .ft-item .ft-content-wrapper .progress-group .progress-value, .progress-group .ft-layout-50 .ft-item .ft-content-wrapper .progress-value, .ft-layout-50 .ft-item .ft-content-wrapper .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .ft-layout-50 .ft-item .ft-content-wrapper .panel-title, .ft-layout-50 .ft-item .ft-content-wrapper .footer-social-links ul li, .footer-social-links ul .ft-layout-50 .ft-item .ft-content-wrapper li, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .ft-layout-50 .ft-item .ft-content-wrapper .show-info-link, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .ft-layout-50 .ft-item .ft-content-wrapper .adr-heading, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .ft-layout-50 .ft-item .ft-content-wrapper .show-map, .ft-layout-50 .ft-item .ft-content-wrapper .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .ft-layout-50 .ft-item .ft-content-wrapper .adr-heading, .ft-layout-50 .ft-cards .ft-item .ft-content-wrapper a, .ft-cards .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .ft-layout-50 .ft-item .ft-content-wrapper .link-btn, .ft-layout-50 .ft-item .ft-content-wrapper .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .circles-counters .circle-item .circle-text, .circles-counters .circle-item .ft-layout-50 .ft-item .ft-content-wrapper .circle-text, .ft-layout-50 .ft-item .ft-content-wrapper .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .ft-layout-50 .ft-item .ft-content-wrapper .circle-text, .ft-layout-50 .ft-item .ft-content-wrapper .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .ft-layout-50 .ft-item .ft-content-wrapper .count-text, .ft-layout-50 .ft-item .ft-content-wrapper .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .ft-layout-50 .ft-item .ft-content-wrapper .count-text, .ft-layout-50 .ft-item .ft-content-wrapper .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .pricing-tables .p-table .desc, .pricing-tables .p-table .ft-layout-50 .ft-item .ft-content-wrapper .desc, .ft-layout-50 .ft-item .ft-content-wrapper .blog-post-nav .prev-btn, .blog-post-nav .ft-layout-50 .ft-item .ft-content-wrapper .prev-btn, .ft-layout-50 .ft-item .ft-content-wrapper .blog-post-nav .next-btn, .blog-post-nav .ft-layout-50 .ft-item .ft-content-wrapper .next-btn, .ft-layout-50 .ft-item .ft-content-wrapper .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper span, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper p, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .ft-layout-50 .ft-item .ft-content-wrapper .cta-btn, .ft-layout-50 .ft-item .ft-content-wrapper .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .ft-layout-50 .ft-item .ft-content-wrapper label, .ft-layout-50 .ft-item .ft-content-wrapper .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .ft-layout-50 .ft-item .ft-content-wrapper label, .ft-layout-50 .ft-item .ft-content-wrapper .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .checkout-table tbody tr td:first-child, .checkout-table tbody tr .ft-layout-50 .ft-item .ft-content-wrapper td:first-child, .ft-layout-50 .ft-item .ft-content-wrapper .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .ft-layout-50 .ft-item .ft-content-wrapper .tpr-name { margin-top: 15px; margin-bottom: 50px; color: #999; } .ft-layout-50 .ft-item .ft-content-wrapper p { margin-bottom: 45px; } .ft-layout-50 .ft-item .ft-img-wrapper { position: relative; padding: 0; height: 450px; overflow: hidden; } .ft-layout-50 .ft-item .ft-img-wrapper img { width: 100%; max-width: 100%; height: auto; } .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: rgba(17, 17, 17, 0.6); } .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn { display: block; position: relative; top: 44%; -webkit-transform: translateY(-44%); -ms-transform: translateY(-44%); transform: translateY(-44%); text-align: center; color: #ececec; } .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn h5, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .ft-heading, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .tab-info, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .widget-comm-title, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .title-timer, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .shop-layout-options span, .shop-layout-options .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn span { color: inherit; } /* ---- 9.11 Feature Hover Box ---- */ .ft-hover-item .ft-item { position: relative; height: 440px; -webkit-transition: all 0.4s; transition: all 0.4s; } .ft-hover-item .ft-item .content-wrapper { position: absolute; left: 100px; right: 100px; bottom: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .ft-hover-item .ft-item .content-wrapper h3, .ft-hover-item .ft-item .content-wrapper .page-title .subheading, .page-title .ft-hover-item .ft-item .content-wrapper .subheading, .ft-hover-item .ft-item .content-wrapper h4, .ft-hover-item .ft-item .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .ft-hover-item .ft-item .content-wrapper .tab-heading, .ft-hover-item .ft-item .content-wrapper .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-hover-item .ft-item .content-wrapper cite, .ft-hover-item .ft-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .ft-hover-item .ft-item .content-wrapper .info-wrapper .info-404 footer cite, .ft-hover-item .ft-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .ft-hover-item .ft-item .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .ft-hover-item .ft-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .ft-hover-item .ft-item .content-wrapper .content-inner p footer cite, .ft-hover-item .ft-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .ft-hover-item .ft-item .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .ft-hover-item .ft-item .content-wrapper .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-hover-item .ft-item .content-wrapper .t-role, .ft-hover-item .ft-item .content-wrapper .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-hover-item .ft-item .content-wrapper .t-role, .ft-hover-item .ft-item .content-wrapper .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-hover-item .ft-item .content-wrapper .t-role, .ft-hover-item .ft-item .content-wrapper .t-join .t-info .t-role, .t-join .t-info .ft-hover-item .ft-item .content-wrapper .t-role, .ft-hover-item .ft-item .content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-hover-item .ft-item .content-wrapper .cards-header, .ft-hover-item .ft-item .content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-hover-item .ft-item .content-wrapper .sc-lead, .ft-hover-item .ft-item .content-wrapper h5, .ft-hover-item .ft-item .content-wrapper .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-hover-item .ft-item .content-wrapper .ft-heading, .ft-hover-item .ft-item .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-hover-item .ft-item .content-wrapper .tab-info, .ft-hover-item .ft-item .content-wrapper .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-hover-item .ft-item .content-wrapper .widget-comm-title, .ft-hover-item .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .ft-hover-item .ft-item .content-wrapper .content-inner .cs-timer .item .title-timer, .ft-hover-item .ft-item .content-wrapper .shop-layout-options span, .shop-layout-options .ft-hover-item .ft-item .content-wrapper span { margin: 0; padding-bottom: 20px; color: #ececec; } .ft-hover-item .ft-item .content-wrapper p { margin: 0; padding-bottom: 45px; color: #ececec; } .ft-hover-item .ft-item .content-wrapper .ft-button { opacity: 0; } .ft-hover-item .ft-item:hover { background-size: 103%; } .ft-hover-item .ft-item:hover .bg-overlay { background: rgba(17, 17, 17, 0.8); } .ft-hover-item .ft-item:hover .content-wrapper { bottom: 100px; } .ft-hover-item .ft-item:hover .content-wrapper .ft-button { opacity: 1; } .ft-hover-item .ft-1, .ft-hover-item .ft-2 { background: #ccc url(../images/landing-ft-4.jpg); background-size: 100%; background-position: 50%; -webkit-transition: background-size 0.3s; transition: background-size 0.3s; } .ft-hover-item .ft-1 .bg-overlay, .ft-hover-item .ft-2 .bg-overlay { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.55); -webkit-transition: background 0.4s; transition: background 0.4s; } .ft-hover-item .ft-2 { background: url(../images/bridge-2.jpg); background-size: 100%; background-position: 50%; } .ft-hover-item .ft-2 .bg-overlay { background: rgba(17, 17, 17, 0.4); } /* ---- 9.12 Video Background ---- */ .play-btn { display: inline-block; padding-top: 50px; } .play-btn .play-icon { display: inline-block; font-size: 64px; vertical-align: middle; -webkit-transform: translateX(65px); -ms-transform: translateX(65px); transform: translateX(65px); -webkit-transition: all 0.3s; transition: all 0.3s; } .play-btn h5, .play-btn .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .play-btn .ft-heading, .play-btn .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .play-btn .tab-info, .play-btn .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .play-btn .widget-comm-title, .play-btn .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .play-btn .title-timer, .play-btn .shop-layout-options span, .shop-layout-options .play-btn span { display: inline-block; padding-left: 20px; vertical-align: middle; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .play-btn:hover .play-icon { font-size: 40px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .play-btn:hover h5, .play-btn:hover .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .play-btn:hover .ft-heading, .play-btn:hover .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .play-btn:hover .tab-info, .play-btn:hover .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .play-btn:hover .widget-comm-title, .play-btn:hover .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .play-btn:hover .title-timer, .play-btn:hover .shop-layout-options span, .shop-layout-options .play-btn:hover span { opacity: 1; } .play-btn:focus { outline: none; } .video-bg-section { height: 365px; background: #ccc url(../images/hero/edge.jpg); background-position: 50%; background-size: cover; } .video-bg-section .video-sec-content { background: rgba(17, 17, 17, 0.5); padding-top: 100px; width: 100%; height: 100%; text-align: center; } .video-bg-section .video-sec-content h3, .video-bg-section .video-sec-content .page-title .subheading, .page-title .video-bg-section .video-sec-content .subheading, .video-bg-section .video-sec-content h5, .video-bg-section .video-sec-content .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .video-bg-section .video-sec-content .ft-heading, .video-bg-section .video-sec-content .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .video-bg-section .video-sec-content .tab-info, .video-bg-section .video-sec-content .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .video-bg-section .video-sec-content .widget-comm-title, .video-bg-section .video-sec-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .video-bg-section .video-sec-content .title-timer, .video-bg-section .video-sec-content .shop-layout-options span, .shop-layout-options .video-bg-section .video-sec-content span, .video-bg-section .video-sec-content span { color: #ececec; } .video-bg-section .video-sec-content .cta-lead { letter-spacing: 8px; } /* ---- 9.13 Feature Big Images + Text ---- */ .ft-big-img-left { position: relative; } .ft-big-img-left .ft-img-container { margin-bottom: -50px; } .ft-big-img-left .ft-img-container .ft-img { position: relative; top: -60px; left: -55%; } .ft-big-img-left .ft-content { position: relative; top: 125px; } .ft-big-img-left .ft-content h3, .ft-big-img-left .ft-content .page-title .subheading, .page-title .ft-big-img-left .ft-content .subheading { margin: 0; padding-bottom: 30px; } .ft-big-img-left .ft-content .h-alt { margin: 0; padding-bottom: 45px; color: #999; } .ft-big-img-left .ft-content .btn, .ft-big-img-left .ft-content .btn-ghost, .ft-big-img-left .ft-content .btn-ghost-light, .ft-big-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-left .ft-content .btn-ghost-light, .ft-big-img-left .ft-content .btn-text, .ft-big-img-left .ft-content .btn-text-light, .ft-big-img-left .ft-content .btn-light, .ft-big-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-left .ft-content .btn-ghost, .ft-big-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-left .ft-content .btn-light { margin-top: 30px; } .ft-big-img-right { position: relative; } .ft-big-img-right .ft-img-container { padding-top: 100px; padding-bottom: 100px; overflow: hidden; } .ft-big-img-right .ft-img-container .ft-img { position: relative; right: -35%; } .ft-big-img-right .ft-content { position: relative; top: 225px; } .ft-big-img-right .ft-content h3, .ft-big-img-right .ft-content .page-title .subheading, .page-title .ft-big-img-right .ft-content .subheading { margin: 0; padding-bottom: 30px; } .ft-big-img-right .ft-content .h-alt { margin: 0; padding-bottom: 45px; color: #999; } .ft-big-img-right .ft-content .btn, .ft-big-img-right .ft-content .btn-ghost, .ft-big-img-right .ft-content .btn-ghost-light, .ft-big-img-right .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-right .ft-content .btn-ghost-light, .ft-big-img-right .ft-content .btn-text, .ft-big-img-right .ft-content .btn-text-light, .ft-big-img-right .ft-content .btn-light, .ft-big-img-right .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-right .ft-content .btn-ghost, .ft-big-img-right .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-right .ft-content .btn-light { margin-top: 30px; } /* ---- 9.14 Features - Image Left ---- */ .ft-img-left .ft-content { position: relative; top: 35px; } .ft-img-left .ft-content h3, .ft-img-left .ft-content .page-title .subheading, .page-title .ft-img-left .ft-content .subheading { margin: 0; padding-bottom: 30px; } .ft-img-left .ft-content .h-alt { margin: 0; padding-bottom: 45px; color: #999; } .ft-img-left .ft-content .btn, .ft-img-left .ft-content .btn-ghost, .ft-img-left .ft-content .btn-ghost-light, .ft-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-img-left .ft-content .btn-ghost-light, .ft-img-left .ft-content .btn-text, .ft-img-left .ft-content .btn-text-light, .ft-img-left .ft-content .btn-light, .ft-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-img-left .ft-content .btn-ghost, .ft-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-img-left .ft-content .btn-light { margin-top: 30px; } /* ---- 9.15 Tabs ---- */ .nav-tabs { border-top: 1px solid #c1c1c1; border-bottom: none; } .nav-tabs li { margin-top: -1px; margin-bottom: 0; } .nav-tabs li a { padding: 20px 25px 30px 25px; border-radius: 0; border: none; border-top: 1px solid transparent; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; letter-spacing: 2px; color: #999; text-transform: uppercase; } .nav-tabs li a:hover { background: none; border: none; border-top: 1px solid #444444; } .nav-tabs li a:focus { background: none; border: none; } .nav-tabs .active a { border: none !important; border-top: 1px solid #111 !important; color: #111; } /* ---- 9.16 Utiliy Classes ---- */ .ft-icon-white { color: #ececec; } .ft-icon-gray { color: #999; } .ft-icon-dark { color: #111; } /* -------------------------------------------------- 10.0 Counters -------------------------------------------------- */ /* ---- 10.1 Circle Counters ---- */ .circles-counters, .circles-counters-dark-bg { position: relative; background: #ccc url(../images/sea-1.jpg); background-size: cover; background-attachment: fixed; } .circles-counters:before, .circles-counters-dark-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.55); } .circles-counters .circle-item, .circles-counters-dark-bg .circle-item { padding-top: 100px; padding-bottom: 100px; text-align: center; } .circles-counters .circle-item .chart, .circles-counters-dark-bg .circle-item .chart { position: relative; } .circles-counters .circle-item .chart .circle-icon, .circles-counters-dark-bg .circle-item .chart .circle-icon { display: block; position: absolute; top: 43px; left: 0; right: 0; margin: auto; font-size: 64px; color: #ececec; } .circles-counters .circle-item .circle-text, .circles-counters-dark-bg .circle-item .circle-text { color: #ececec; } .circles-counters-dark-bg { background: #111; } /* ---- 10.2 Counters - Numbers ---- */ .number-counters, .number-counters-dark-bg { position: relative; background: url(../images/mac-coffe-photo.jpg); background-size: cover; background-position: 50%; background-attachment: fixed; } .number-counters:before, .number-counters-dark-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.65); } .number-counters .count-wrapper, .number-counters-dark-bg .count-wrapper { padding-top: 110px; padding-bottom: 100px; } .number-counters .count-wrapper .count-item, .number-counters-dark-bg .count-wrapper .count-item { display: block; text-align: center; } .number-counters .count-wrapper .count-item .count-nbr, .number-counters-dark-bg .count-wrapper .count-item .count-nbr { display: block; margin-bottom: 30px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 65px; font-weight: lighter; color: #ececec; } .number-counters .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .count-text { color: #ececec; } .number-counters-dark-bg { background: #111; } /* -------------------------------------------------- 11.0 Sliders -------------------------------------------------- */ .box { width: 60px; height: 60px; background: #ececec; text-align: center; } .slick-dots { list-style: none; padding: 0; margin-top: 25px; } .slick-dots li { display: inline-block; margin-right: 10px; height: 12px; width: 12px; vertical-align: middle; border: 2px solid #ececec; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; } .slick-dots li button { display: none; } .slick-dots li:hover { background: #ececec; cursor: pointer; } .slick-dots .slick-active { border: 2px solid rgba(17, 17, 17, 0); background: #ececec; height: 12px; width: 12px; } .slider-nav { display: inline-block; position: absolute; margin-top: -50px; top: 50%; width: 50px; height: 50px; border: none; background: #111; line-height: 0; color: #ececec; -webkit-transition: background 0.3s; transition: background 0.3s; } .slider-nav i { font-size: 15px; } .slider-nav:hover { background: #373737; } .slider-nav:focus { outline: none; } .sl-next { right: 20px; } .sl-prev { left: 20px; } /* -------------------------------------------------- 12.0 Testimonials -------------------------------------------------- */ /* ---- 12.1 Testimonial - 1 Column Slider ---- */ .testimonials-parallax, .testimonials-dark { background: url(../images/sea-2.jpg); background-size: cover; background-position: 50%; background-attachment: fixed; } .testimonials-parallax .bg-overlay, .testimonials-dark .bg-overlay { width: 100%; height: 100%; background: rgba(17, 17, 17, 0.5); } .testimonials-parallax .t-wrapper, .testimonials-dark .t-wrapper { position: relative; padding-top: 100px; padding-bottom: 100px; width: 55%; margin: 0 auto; text-align: center; } .testimonials-parallax .t-wrapper:hover .t-slider-nav, .testimonials-dark .t-wrapper:hover .t-slider-nav { opacity: 1; } .testimonials-parallax .t-wrapper blockquote, .testimonials-dark .t-wrapper blockquote, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p { margin-bottom: 0; font-size: 1.4em; line-height: 1.6em; color: #ececec; } .testimonials-parallax .t-wrapper blockquote .t-type, .testimonials-dark .t-wrapper blockquote .t-type, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 .t-type, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 .t-type, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 .t-type, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 .t-type, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p .t-type, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p .t-type, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p .t-type, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p .t-type { display: block; padding-top: 25px; padding-bottom: 25px; font-size: 34px; } .testimonials-parallax .t-wrapper blockquote footer, .testimonials-dark .t-wrapper blockquote footer, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer { padding-top: 0; } .testimonials-parallax .t-wrapper blockquote footer:before, .testimonials-dark .t-wrapper blockquote footer:before, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer:before, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer:before, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer:before, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer:before, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer:before, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer:before, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer:before, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer:before { content: none; } .testimonials-parallax .t-wrapper blockquote footer cite h5, .testimonials-dark .t-wrapper blockquote footer cite h5, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite h5, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite h5, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite h5, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite h5, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite h5, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite h5, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite h5, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite h5, .testimonials-parallax .t-wrapper blockquote footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper blockquote footer cite .ft-heading, .testimonials-dark .t-wrapper blockquote footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper blockquote footer cite .ft-heading, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-heading, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-heading, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-heading, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-heading, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-heading, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-heading, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-heading, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-heading, .testimonials-parallax .t-wrapper blockquote footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper blockquote footer cite .tab-info, .testimonials-dark .t-wrapper blockquote footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper blockquote footer cite .tab-info, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .tab-info, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .tab-info, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .tab-info, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .tab-info, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .tab-info, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .tab-info, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .tab-info, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .tab-info, .testimonials-parallax .t-wrapper blockquote footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper blockquote footer cite .widget-comm-title, .testimonials-dark .t-wrapper blockquote footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper blockquote footer cite .widget-comm-title, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .widget-comm-title, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .widget-comm-title, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .widget-comm-title, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .widget-comm-title, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .widget-comm-title, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .widget-comm-title, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .widget-comm-title, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .widget-comm-title, .testimonials-parallax .t-wrapper blockquote footer cite .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper blockquote footer cite .title-timer, .testimonials-dark .t-wrapper blockquote footer cite .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper blockquote footer cite .title-timer, .testimonials-parallax .t-wrapper .wrapper-404 .comingsoon .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .comingsoon .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .testimonials-parallax .t-wrapper .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer, .comingsoon .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer, .wrapper-404 .comingsoon .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .comingsoon .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .title-timer, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .title-timer, .testimonials-dark .t-wrapper .wrapper-404 .comingsoon .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .comingsoon .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .testimonials-dark .t-wrapper .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer, .comingsoon .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer, .wrapper-404 .comingsoon .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .comingsoon .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .title-timer, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .title-timer, .testimonials-parallax .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer, .comingsoon .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer, .testimonials-parallax .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer, .comingsoon .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer, .bg-maintenance .comingsoon .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .cs-timer .item .title-timer, .comingsoon .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .cs-timer .item .title-timer, .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper p footer cite .title-timer, .comingsoon .bg-maintenance .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper p footer cite .title-timer, .testimonials-dark .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer, .comingsoon .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer, .testimonials-dark .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer, .comingsoon .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer, .bg-maintenance .comingsoon .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .cs-timer .item .title-timer, .comingsoon .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .cs-timer .item .title-timer, .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper p footer cite .title-timer, .comingsoon .bg-maintenance .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper p footer cite .title-timer, .testimonials-parallax .t-wrapper blockquote footer cite .shop-layout-options span, .shop-layout-options .testimonials-parallax .t-wrapper blockquote footer cite span, .testimonials-dark .t-wrapper blockquote footer cite .shop-layout-options span, .shop-layout-options .testimonials-dark .t-wrapper blockquote footer cite span, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .shop-layout-options span, .shop-layout-options .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .shop-layout-options span, .shop-layout-options .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite span, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .shop-layout-options span, .shop-layout-options .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .shop-layout-options span, .shop-layout-options .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite span, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .shop-layout-options span, .shop-layout-options .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite span, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .shop-layout-options span, .shop-layout-options .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite span, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .shop-layout-options span, .shop-layout-options .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite span, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .shop-layout-options span, .shop-layout-options .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite span { margin: 0; color: #ececec; } .testimonials-parallax .t-wrapper blockquote footer cite h5:first-child, .testimonials-dark .t-wrapper blockquote footer cite h5:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite h5:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite h5:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite h5:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite h5:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite h5:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite h5:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite h5:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite h5:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper blockquote footer cite .ft-heading:first-child, .testimonials-dark .t-wrapper blockquote footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper blockquote footer cite .ft-heading:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-heading:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-heading:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-heading:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-heading:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-heading:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-heading:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-heading:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-heading:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper blockquote footer cite .tab-info:first-child, .testimonials-dark .t-wrapper blockquote footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper blockquote footer cite .tab-info:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .tab-info:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .tab-info:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .tab-info:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .tab-info:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .tab-info:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .tab-info:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .tab-info:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .tab-info:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper blockquote footer cite .widget-comm-title:first-child, .testimonials-dark .t-wrapper blockquote footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper blockquote footer cite .widget-comm-title:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .widget-comm-title:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .widget-comm-title:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .widget-comm-title:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .widget-comm-title:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .widget-comm-title:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .widget-comm-title:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .widget-comm-title:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .widget-comm-title:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper blockquote footer cite .title-timer:first-child, .testimonials-dark .t-wrapper blockquote footer cite .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper blockquote footer cite .title-timer:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .comingsoon .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer:first-child, .comingsoon .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer:first-child, .wrapper-404 .comingsoon .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .title-timer:first-child, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .title-timer:first-child, .testimonials-dark .t-wrapper .wrapper-404 .comingsoon .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .testimonials-dark .t-wrapper .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer:first-child, .comingsoon .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer:first-child, .wrapper-404 .comingsoon .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .title-timer:first-child, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .title-timer:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer:first-child, .comingsoon .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer:first-child, .comingsoon .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer:first-child, .bg-maintenance .comingsoon .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .cs-timer .item .title-timer:first-child, .comingsoon .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .cs-timer .item .title-timer:first-child, .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper p footer cite .title-timer:first-child, .comingsoon .bg-maintenance .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper p footer cite .title-timer:first-child, .testimonials-dark .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer:first-child, .comingsoon .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer:first-child, .testimonials-dark .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer:first-child, .comingsoon .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer:first-child, .bg-maintenance .comingsoon .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .cs-timer .item .title-timer:first-child, .comingsoon .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .cs-timer .item .title-timer:first-child, .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper p footer cite .title-timer:first-child, .comingsoon .bg-maintenance .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper p footer cite .title-timer:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .shop-layout-options span:first-child, .shop-layout-options .testimonials-parallax .t-wrapper blockquote footer cite span:first-child, .testimonials-dark .t-wrapper blockquote footer cite .shop-layout-options span:first-child, .shop-layout-options .testimonials-dark .t-wrapper blockquote footer cite span:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .shop-layout-options span:first-child, .shop-layout-options .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .shop-layout-options span:first-child, .shop-layout-options .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite span:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .shop-layout-options span:first-child, .shop-layout-options .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .shop-layout-options span:first-child, .shop-layout-options .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite span:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .shop-layout-options span:first-child, .shop-layout-options .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite span:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .shop-layout-options span:first-child, .shop-layout-options .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite span:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .shop-layout-options span:first-child, .shop-layout-options .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite span:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .shop-layout-options span:first-child, .shop-layout-options .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite span:first-child { margin-bottom: 10px; } .testimonials-parallax .t-wrapper .t-slider-nav, .testimonials-dark .t-wrapper .t-slider-nav { display: inline-block; position: absolute; padding: 7px 7px 0 7px; top: 160px; border: 2px solid #ececec; background: none; opacity: 0; -webkit-transition: background 0.4s, opacity 0.6s; transition: background 0.4s, opacity 0.6s; } .testimonials-parallax .t-wrapper .t-slider-nav span, .testimonials-dark .t-wrapper .t-slider-nav span { color: #ececec; font-size: 28px; -webkit-transition: color 0.4s; transition: color 0.4s; } .testimonials-parallax .t-wrapper .t-slider-nav:hover, .testimonials-dark .t-wrapper .t-slider-nav:hover { background: #ececec; } .testimonials-parallax .t-wrapper .t-slider-nav:hover span, .testimonials-dark .t-wrapper .t-slider-nav:hover span { color: #111; } .testimonials-parallax .t-wrapper .t-slider-nav:focus, .testimonials-dark .t-wrapper .t-slider-nav:focus { outline: none; } .testimonials-parallax .t-wrapper .slick-prev, .testimonials-dark .t-wrapper .slick-prev { left: 0; margin-left: -100px; } .testimonials-parallax .t-wrapper .slick-next, .testimonials-dark .t-wrapper .slick-next { right: 0; margin-right: -100px; } .testimonials-parallax .t-clients, .testimonials-dark .t-clients { display: block; list-style: none; margin: 0 auto 100px auto; padding: 0; width: 80%; text-align: center; z-index: 2; } .testimonials-parallax .t-clients li, .testimonials-dark .t-clients li { display: inline-block; padding-left: 35px; padding-right: 35px; } .testimonials-bg-2 { background: url(../images/testimonials-bg-2.jpg); background-size: cover; background-position: 50%; background-attachment: fixed; } .testimonials-bg-2 .bg-overlay { background: rgba(17, 17, 17, 0.65); } .testimonials-dark { background: #111; } /* ---- 12.2 Testimonials - 3 Columns Cards ---- */ .testimonials-3col .t-item { padding: 40px 50px 50px 50px; border-top: 1px solid #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); background: #fff; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .testimonials-3col .t-item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .testimonials-3col .t-item img { margin-bottom: 30px; border: 8px solid #ececec; border-radius: 100px; } .testimonials-3col .t-item blockquote, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p { color: #999; } .testimonials-3col .t-item blockquote p, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 p, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 p, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p p, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p p { margin: 0; border-width: 80%; } .testimonials-3col .t-item blockquote p:before, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 p:before, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 p:before, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p p:before, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p p:before { content: ""; display: block; position: relative; width: 70%; margin: 0 auto 30px auto; border-top: 1px solid #ccc; } .testimonials-3col .t-item blockquote p:after, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 p:after, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 p:after, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p p:after, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p p:after { content: ""; display: block; position: relative; width: 70%; margin: 30px auto 0 auto; border-bottom: 1px solid #ccc; } .testimonials-3col .t-item blockquote footer:before, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer:before, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer:before, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer:before, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer:before { content: none; } .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #777; } .testimonials-3col .t-item blockquote footer cite span, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite span, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite span, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite span { display: block; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2px; color: #111; } .testimonials-3col .t-item .t-icon { font-size: 32px; color: #999; } .testimonials-3col .t-clients { padding-left: 0; } .testimonials-3col .t-clients li a img { margin: auto; } /* ---- 12.3 Clients List ---- */ .clients-list-parallax, .clients-list-minimal, .clients-list-gray { background: url(../images/street.jpg); background-size: cover; background-attachment: fixed; } .clients-list-parallax .bg-overlay, .clients-list-minimal .bg-overlay, .clients-list-gray .bg-overlay { background: rgba(17, 17, 17, 0.5); } .clients-list-parallax .c-wrapper, .clients-list-minimal .c-wrapper, .clients-list-gray .c-wrapper { margin-top: 75px; margin-bottom: 75px; padding: 70px 100px; text-align: center; background: rgba(17, 17, 17, 0.9); } .clients-list-parallax .c-wrapper:hover .clients-slider-nav, .clients-list-minimal .c-wrapper:hover .clients-slider-nav, .clients-list-gray .c-wrapper:hover .clients-slider-nav { opacity: 1; } .clients-list-parallax .c-wrapper a, .clients-list-minimal .c-wrapper a, .clients-list-gray .c-wrapper a { display: inline-block; } .clients-list-parallax .c-wrapper a img, .clients-list-minimal .c-wrapper a img, .clients-list-gray .c-wrapper a img { margin: auto; } .clients-list-parallax .c-wrapper .clients-slider-nav, .clients-list-minimal .c-wrapper .clients-slider-nav, .clients-list-gray .c-wrapper .clients-slider-nav { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; border: 2px solid #777; background: none; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .clients-list-parallax .c-wrapper .clients-slider-nav:hover, .clients-list-minimal .c-wrapper .clients-slider-nav:hover, .clients-list-gray .c-wrapper .clients-slider-nav:hover { color: #111; border-color: #ececec; background: #ececec; } .clients-list-parallax .c-wrapper .clients-slider-nav:focus, .clients-list-minimal .c-wrapper .clients-slider-nav:focus, .clients-list-gray .c-wrapper .clients-slider-nav:focus { outline: none; } .clients-list-parallax .c-wrapper .slick-prev, .clients-list-minimal .c-wrapper .slick-prev, .clients-list-gray .c-wrapper .slick-prev { left: 35px; } .clients-list-parallax .c-wrapper .slick-next, .clients-list-minimal .c-wrapper .slick-next, .clients-list-gray .c-wrapper .slick-next { right: 35px; } .clients-list-minimal { background: #111; text-align: center; } .clients-list-minimal .c-wrapper { padding-top: 0; padding-bottom: 0; } .clients-list-minimal .c-heading { padding-top: 75px; color: #ececec; text-align: center; } .clients-list-minimal .clients-slider .slick-prev { left: 0; margin-left: -35px; } .clients-list-minimal .clients-slider .slick-next { right: 0; margin-right: -35px; } .clients-list-gray { background: #ececec; } .clients-list-gray .c-wrapper { padding: 0; background: none; } .clients-list-gray .c-wrapper .clients-slider-nav { border: 2px solid #777; -webkit-transition: all 0.3s; transition: all 0.3s; } .clients-list-gray .c-wrapper .clients-slider-nav:hover { color: #ececec; border-color: #111; background: #111; } .clients-list-gray .c-wrapper .slick-prev { left: 0; margin-left: -35px; } .clients-list-gray .c-wrapper .slick-next { right: 0; margin-right: -35px; } /* -------------------------------------------------- 13.0 Clients Layout -------------------------------------------------- */ .clients-layout .client-item { background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .clients-layout .client-item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .clients-layout .client-item .item-content { padding: 50px; } .clients-layout .client-item h2, .clients-layout .client-item h3, .clients-layout .client-item .page-title .subheading, .page-title .clients-layout .client-item .subheading, .clients-layout .client-item h4, .clients-layout .client-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .clients-layout .client-item .tab-heading, .clients-layout .client-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .clients-layout .client-item cite, .clients-layout .client-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .clients-layout .client-item cite, .clients-layout .client-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .clients-layout .client-item cite, .clients-layout .client-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .clients-layout .client-item cite, .clients-layout .client-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .clients-layout .client-item cite, .clients-layout .client-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .clients-layout .client-item .t-role, .clients-layout .client-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .clients-layout .client-item .t-role, .clients-layout .client-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .clients-layout .client-item .t-role, .clients-layout .client-item .t-join .t-info .t-role, .t-join .t-info .clients-layout .client-item .t-role, .clients-layout .client-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .clients-layout .client-item .cards-header, .clients-layout .client-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .clients-layout .client-item .sc-lead, .clients-layout .client-item h5, .clients-layout .client-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .clients-layout .client-item .ft-heading, .clients-layout .client-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .clients-layout .client-item .tab-info, .clients-layout .client-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .clients-layout .client-item .widget-comm-title, .clients-layout .client-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .clients-layout .client-item .title-timer, .clients-layout .client-item .shop-layout-options span, .shop-layout-options .clients-layout .client-item span, .clients-layout .client-item h6, .clients-layout .client-item .progress-group .progress-title, .progress-group .clients-layout .client-item .progress-title, .clients-layout .client-item .progress-group .progress-value, .progress-group .clients-layout .client-item .progress-value, .clients-layout .client-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .clients-layout .client-item .panel-title, .clients-layout .client-item .footer-social-links ul li, .footer-social-links ul .clients-layout .client-item li, .clients-layout .client-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .clients-layout .client-item .show-info-link, .clients-layout .client-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .clients-layout .client-item .adr-heading, .clients-layout .client-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .clients-layout .client-item .show-map, .clients-layout .client-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .clients-layout .client-item .adr-heading, .clients-layout .client-item .ft-cards .ft-item a, .ft-cards .ft-item .clients-layout .client-item a, .clients-layout .client-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .clients-layout .client-item .link-btn, .clients-layout .client-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .clients-layout .client-item a, .clients-layout .client-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .clients-layout .client-item .circle-text, .clients-layout .client-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .clients-layout .client-item .circle-text, .clients-layout .client-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .clients-layout .client-item .count-text, .clients-layout .client-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .clients-layout .client-item .count-text, .clients-layout .client-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .clients-layout .client-item a, .clients-layout .client-item .pricing-tables .p-table .desc, .pricing-tables .p-table .clients-layout .client-item .desc, .clients-layout .client-item .blog-post-nav .prev-btn, .blog-post-nav .clients-layout .client-item .prev-btn, .clients-layout .client-item .blog-post-nav .next-btn, .blog-post-nav .clients-layout .client-item .next-btn, .clients-layout .client-item .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .clients-layout .client-item a, .clients-layout .client-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .clients-layout .client-item span, .clients-layout .client-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .clients-layout .client-item a, .clients-layout .client-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .clients-layout .client-item p, .clients-layout .client-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .clients-layout .client-item a, .clients-layout .client-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .clients-layout .client-item .cta-btn, .clients-layout .client-item .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .clients-layout .client-item label, .clients-layout .client-item .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .clients-layout .client-item label, .clients-layout .client-item .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .clients-layout .client-item a, .clients-layout .client-item .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .clients-layout .client-item a, .clients-layout .client-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .clients-layout .client-item td:first-child, .clients-layout .client-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .clients-layout .client-item .tpr-name { margin: 0 0 27px 0; } .clients-layout .client-item p { margin: 0; } .clients-layout .client-item .cli-btn { margin-top: 30px; } /* -------------------------------------------------- 14.0 Team Blocks -------------------------------------------------- */ /* ---- 14.1 Team - 3 Columns ---- */ .team-3col .t-item, .team-4col .t-item, .freelancer-about .t-item { display: block; border-top: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .team-3col .t-item:hover, .team-4col .t-item:hover, .freelancer-about .t-item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .team-3col .t-item:hover .t-image .t-description, .team-4col .t-item:hover .t-image .t-description, .freelancer-about .t-item:hover .t-image .t-description { bottom: 0; } .team-3col .t-item:hover .t-image .t-description .content-wrapper, .team-4col .t-item:hover .t-image .t-description .content-wrapper, .freelancer-about .t-item:hover .t-image .t-description .content-wrapper { padding-top: 0; border-bottom: 1px solid #ebebec; opacity: 1; } .team-3col .t-item .t-image, .team-4col .t-item .t-image, .freelancer-about .t-item .t-image { position: relative; height: 375px; overflow: hidden; } .team-3col .t-item .t-image .t-description, .team-4col .t-item .t-image .t-description, .freelancer-about .t-item .t-image .t-description { display: block; position: absolute; padding: 100px 30px 30px 30px; bottom: -100%; left: 0; height: 100%; width: 100%; background: white; -webkit-transition: bottom 0.4s; transition: bottom 0.4s; } .team-3col .t-item .t-image .t-description .content-wrapper, .team-4col .t-item .t-image .t-description .content-wrapper, .freelancer-about .t-item .t-image .t-description .content-wrapper { opacity: 0; padding-top: 100px; padding-bottom: 73px; border-bottom: 1px solid rgba(235, 235, 236, 0); -webkit-transition: opacity 1s, padding-top 0.8s, border 1.5s ease-out; transition: opacity 1s, padding-top 0.8s, border 1.5s ease-out; } .team-3col .t-item .t-image .t-description .content-wrapper h4, .team-4col .t-item .t-image .t-description .content-wrapper h4, .freelancer-about .t-item .t-image .t-description .content-wrapper h4, .team-3col .t-item .t-image .t-description .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .team-3col .t-item .t-image .t-description .content-wrapper .tab-heading, .team-4col .t-item .t-image .t-description .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .team-4col .t-item .t-image .t-description .content-wrapper .tab-heading, .freelancer-about .t-item .t-image .t-description .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .freelancer-about .t-item .t-image .t-description .content-wrapper .tab-heading, .team-3col .testimonials-3col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .testimonials-3col .team-3col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .team-3col .testimonials-3col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .testimonials-3col .team-3col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .team-4col .testimonials-3col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .testimonials-3col .team-4col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .team-4col .testimonials-3col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .testimonials-3col .team-4col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .freelancer-about .testimonials-3col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .testimonials-3col .freelancer-about .t-item .t-image .t-description .content-wrapper blockquote footer cite, .freelancer-about .testimonials-3col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .testimonials-3col .freelancer-about .t-item blockquote footer .t-image .t-description .content-wrapper cite, .team-3col .testimonials-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .team-3col .testimonials-3col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-3col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .team-4col .testimonials-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-4col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .team-4col .testimonials-3col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-4col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .freelancer-about .testimonials-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .freelancer-about .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .freelancer-about .testimonials-3col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .freelancer-about .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .team-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .team-3col .t-item .t-image .t-description .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .team-4col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .team-4col .t-item .t-image .t-description .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .freelancer-about .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .freelancer-about .t-item .t-image .t-description .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .team-3col .testimonials-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .team-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .team-3col .testimonials-3col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .testimonials-3col .team-3col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .team-4col .testimonials-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .team-4col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .team-4col .testimonials-3col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .testimonials-3col .team-4col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .freelancer-about .testimonials-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .freelancer-about .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .freelancer-about .testimonials-3col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .testimonials-3col .freelancer-about .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .team-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .team-3col .t-item .t-image .t-description .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .team-4col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .team-4col .t-item .t-image .t-description .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .freelancer-about .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .freelancer-about .t-item .t-image .t-description .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .team-3col .t-item .t-image .t-description .content-wrapper .t-info .t-role, .team-3col .t-item .t-info .t-image .t-description .content-wrapper .t-role, .team-4col .t-item .t-image .t-description .content-wrapper .t-info .t-role, .team-4col .t-item .t-info .t-image .t-description .content-wrapper .t-role, .freelancer-about .t-item .t-image .t-description .content-wrapper .t-info .t-role, .freelancer-about .t-item .t-info .t-image .t-description .content-wrapper .t-role, .t-join .t-info .team-3col .t-item .t-image .t-description .content-wrapper .t-role, .t-join .t-info .team-4col .t-item .t-image .t-description .content-wrapper .t-role, .t-join .t-info .freelancer-about .t-item .t-image .t-description .content-wrapper .t-role, .team-3col .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .team-3col .t-item .t-image .t-description .content-wrapper .cards-header, .team-4col .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .team-4col .t-item .t-image .t-description .content-wrapper .cards-header, .freelancer-about .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .freelancer-about .t-item .t-image .t-description .content-wrapper .cards-header, .team-3col .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .team-3col .t-item .t-image .t-description .content-wrapper .sc-lead, .team-4col .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .team-4col .t-item .t-image .t-description .content-wrapper .sc-lead, .freelancer-about .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .freelancer-about .t-item .t-image .t-description .content-wrapper .sc-lead { margin: 0; padding-bottom: 25px; } .team-3col .t-item .t-info, .team-4col .t-item .t-info, .freelancer-about .t-item .t-info { padding: 25px 30px; } .team-3col .t-item .t-info h4, .team-4col .t-item .t-info h4, .freelancer-about .t-item .t-info h4, .team-3col .t-item .t-info .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .team-3col .t-item .t-info .tab-heading, .team-4col .t-item .t-info .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .team-4col .t-item .t-info .tab-heading, .freelancer-about .t-item .t-info .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .freelancer-about .t-item .t-info .tab-heading, .team-3col .testimonials-3col .t-item .t-info blockquote footer cite, .testimonials-3col .team-3col .t-item .t-info blockquote footer cite, .team-3col .testimonials-3col .t-item blockquote footer .t-info cite, .testimonials-3col .team-3col .t-item blockquote footer .t-info cite, .team-4col .testimonials-3col .t-item .t-info blockquote footer cite, .testimonials-3col .team-4col .t-item .t-info blockquote footer cite, .team-4col .testimonials-3col .t-item blockquote footer .t-info cite, .testimonials-3col .team-4col .t-item blockquote footer .t-info cite, .freelancer-about .testimonials-3col .t-item .t-info blockquote footer cite, .testimonials-3col .freelancer-about .t-item .t-info blockquote footer cite, .freelancer-about .testimonials-3col .t-item blockquote footer .t-info cite, .testimonials-3col .freelancer-about .t-item blockquote footer .t-info cite, .team-3col .testimonials-3col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-3col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .team-3col .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .testimonials-3col .team-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .team-4col .testimonials-3col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-4col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .team-4col .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .testimonials-3col .team-4col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .freelancer-about .testimonials-3col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .freelancer-about .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .freelancer-about .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .testimonials-3col .freelancer-about .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .team-3col .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .t-info .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .team-3col .t-item .t-info .info-404 footer cite, .team-3col .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .t-info cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .team-3col .t-item .info-404 footer .t-info cite, .team-4col .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .t-info .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .team-4col .t-item .t-info .info-404 footer cite, .team-4col .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .t-info cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .team-4col .t-item .info-404 footer .t-info cite, .freelancer-about .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .t-info .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .freelancer-about .t-item .t-info .info-404 footer cite, .freelancer-about .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .t-info cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .freelancer-about .t-item .info-404 footer .t-info cite, .team-3col .testimonials-3col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .team-3col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .team-3col .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .testimonials-3col .team-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .team-4col .testimonials-3col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .team-4col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .team-4col .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .testimonials-3col .team-4col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .freelancer-about .testimonials-3col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .freelancer-about .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .freelancer-about .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .testimonials-3col .freelancer-about .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .team-3col .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item .t-info p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .team-3col .t-item .t-info p footer cite, .team-3col .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .t-info cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .team-3col .t-item p footer .t-info cite, .team-4col .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item .t-info p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .team-4col .t-item .t-info p footer cite, .team-4col .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .t-info cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .team-4col .t-item p footer .t-info cite, .freelancer-about .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item .t-info p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .freelancer-about .t-item .t-info p footer cite, .freelancer-about .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .t-info cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .freelancer-about .t-item p footer .t-info cite, .team-3col .t-item .t-info .t-role, .team-4col .t-item .t-info .t-role, .freelancer-about .t-item .t-info .t-role, .team-3col .t-item .t-info .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .team-3col .t-item .t-info .cards-header, .team-4col .t-item .t-info .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .team-4col .t-item .t-info .cards-header, .freelancer-about .t-item .t-info .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .freelancer-about .t-item .t-info .cards-header, .team-3col .t-item .t-info .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .team-3col .t-item .t-info .sc-lead, .team-4col .t-item .t-info .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .team-4col .t-item .t-info .sc-lead, .freelancer-about .t-item .t-info .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .freelancer-about .t-item .t-info .sc-lead { margin: 0; } .team-3col .t-item .t-info .t-name, .team-4col .t-item .t-info .t-name, .freelancer-about .t-item .t-info .t-name { font-size: 16px; } .team-3col .t-item .t-info .t-role, .team-4col .t-item .t-info .t-role, .freelancer-about .t-item .t-info .t-role { display: block; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; letter-spacing: 3.5px; color: #999; } .team-3col .t-item .t-info .social-links, .team-4col .t-item .t-info .social-links, .freelancer-about .t-item .t-info .social-links { margin: 0; padding: 15px 0 0 0; list-style: none; } .team-3col .t-item .t-info .social-links li, .team-4col .t-item .t-info .social-links li, .freelancer-about .t-item .t-info .social-links li { display: inline-block; } .team-3col .t-item .t-info .social-links li a, .team-4col .t-item .t-info .social-links li a, .freelancer-about .t-item .t-info .social-links li a { display: block; padding-right: 12px; font-size: 21px; color: #111; } .team-3col .t-item .t-info .social-links li a:hover, .team-4col .t-item .t-info .social-links li a:hover, .freelancer-about .t-item .t-info .social-links li a:hover { color: #999; } /* ---- 14.2 Team - 4 Columns ---- */ .team-4col .t-item .t-image { height: 325px; } .team-4col .t-item .t-image .t-description { padding: 50px 30px 30px 30px; bottom: -100%; } .team-4col .t-item .t-info { padding: 15px 30px; } .team-4col .t-item .t-info .t-name { font-size: 14px; } .team-4col .t-item .t-info .t-role { font-size: 12px; } .team-4col .t-item .t-info .social-links { padding-top: 7px; } .team-4col .t-item .t-info .social-links li a { padding-right: 10px; font-size: 19px; } .t-join { display: block; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .t-join:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .t-join .t-image { position: relative; height: 315px; background: #111; overflow: hidden; } .t-join .t-image .bg-icon { position: absolute; right: -27%; top: 60px; font-size: 320px; color: rgba(204, 204, 204, 0.15); } .t-join .t-image .t-description { padding: 40px 30px; } .t-join .t-image .t-description h4, .t-join .t-image .t-description .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .t-join .t-image .t-description .tab-heading, .t-join .t-image .t-description .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .t-join .t-image .t-description cite, .t-join .t-image .t-description .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-join .t-image .t-description cite, .t-join .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .t-join .t-image .t-description cite, .t-join .t-image .t-description .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-join .t-image .t-description cite, .t-join .t-image .t-description .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .t-join .t-image .t-description cite, .team-3col .t-item .t-info .t-join .t-image .t-description .t-role, .team-4col .t-item .t-info .t-join .t-image .t-description .t-role, .freelancer-about .t-item .t-info .t-join .t-image .t-description .t-role, .t-join .t-image .t-description .t-info .t-role, .t-join .t-info .t-image .t-description .t-role, .t-join .t-image .t-description .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .t-join .t-image .t-description .cards-header, .t-join .t-image .t-description .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .t-join .t-image .t-description .sc-lead { margin: 0; padding-bottom: 30px; color: #ececec; } .t-join .t-image .t-description p { margin: 0; color: #999; } .t-join .t-info { padding: 15px 30px; } .t-join .t-info .t-name { margin: 0; font-size: 14px; } .t-join .t-info .t-role { display: block; padding-bottom: 12px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; letter-spacing: 3.5px; color: #999; } /* ---- 14.3 Freelancer ---- */ .freelancer-about .t-item { height: 530px; overflow: hidden; } .freelancer-about .t-item:hover .t-image { height: 390px; } .freelancer-about .t-item:hover .social-links li { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .freelancer-about .t-item .t-image { height: 440px; -webkit-transition: height 0.3s; transition: height 0.3s; } .freelancer-about .t-item .social-links { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .freelancer-about .t-item .social-links li:first-child { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .freelancer-about .t-item .social-links li:nth-child(2) { -webkit-transition: -webkit-transform 0.65s; transition: transform 0.65s; } .freelancer-about .t-item .social-links li:nth-child(3) { -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; } .freelancer-about .t-item .social-links li:nth-child(4) { -webkit-transition: -webkit-transform 0.95s; transition: transform 0.95s; } .freelancer-about .freelancer-about-content { margin-top: 25px; } .freelancer-about .freelancer-about-content .t1-heading { margin-bottom: 35px; } .freelancer-about .freelancer-about-content img { margin-top: 30px; } /* -------------------------------------------------- 15.0 Portfolio -------------------------------------------------- */ .portfolio-filters { list-style: none; padding: 0; margin-bottom: 50px; text-align: center; } .portfolio-filters li { display: inline-block; } .portfolio-filters li a { padding: 3px 15px; text-transform: uppercase; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.85em; letter-spacing: 2.5px; color: #777; } .portfolio-filters li a:focus, .portfolio-filters li a:visited { text-decoration: none; } .portfolio-filters li a:hover { color: #111; } .portfolio-filters .active a { background: #111; color: #ececec; padding: 3px 15px; } .portfolio-filters .active a:hover { color: #ececec; } /* ---- 15.1 Full Width - Columns ---- */ .portfolio-columns-fw, .portfolio-columns-boxed { margin-top: 160px; } .portfolio-columns-fw .portfolio-item, .portfolio-columns-boxed .portfolio-item { padding-left: 0; padding-right: 0; } .portfolio-columns-fw .portfolio-item figure, .portfolio-columns-boxed .portfolio-item figure { display: block; position: relative; width: 100%; background: gray; overflow: hidden; float: left; } .portfolio-columns-fw .portfolio-item figure img, .portfolio-columns-boxed .portfolio-item figure img { max-width: 100%; width: 100%; height: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .portfolio-columns-fw .portfolio-item figure figcaption, .portfolio-columns-boxed .portfolio-item figure figcaption { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.8); overflow: hidden; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .portfolio-columns-fw .portfolio-item figure figcaption .p-content, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content { position: absolute; left: 40px; right: 40px; bottom: 25px; -webkit-transition: bottom 0.5s; transition: bottom 0.5s; } .portfolio-columns-fw .portfolio-item figure figcaption .p-content h2:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h2:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h3:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h3:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .page-title .subheading:first-child, .page-title .portfolio-columns-fw .portfolio-item figure figcaption .p-content .subheading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .page-title .subheading:first-child, .page-title .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .subheading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h4:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h4:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tab-heading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tab-heading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .cards-header:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .cards-header:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sc-lead:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sc-lead:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h5:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h5:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-heading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-heading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tab-info:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tab-info:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-columns-fw .portfolio-item figure figcaption .p-content .widget-comm-title:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .widget-comm-title:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .title-timer:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .title-timer:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-layout-options span:first-child, .shop-layout-options .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-layout-options span:first-child, .shop-layout-options .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h6:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h6:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-title:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-title:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-value:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-value:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-columns-fw .portfolio-item figure figcaption .p-content .panel-title:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .panel-title:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-columns-fw .portfolio-item figure figcaption .p-content li:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-columns-boxed .portfolio-item figure figcaption .p-content li:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .show-info-link:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .show-info-link:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-columns-fw .portfolio-item figure figcaption .p-content .adr-heading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .adr-heading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-columns-fw .portfolio-item figure figcaption .p-content .show-map:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .show-map:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .adr-heading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .adr-heading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .link-btn:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .link-btn:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circle-text:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circle-text:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circle-text:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circle-text:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .count-text:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .count-text:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .count-text:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .count-text:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-columns-fw .portfolio-item figure figcaption .p-content .desc:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .desc:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-columns-fw .portfolio-item figure figcaption .p-content .prev-btn:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .prev-btn:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-columns-fw .portfolio-item figure figcaption .p-content .next-btn:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .next-btn:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content p:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content p:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-columns-fw .portfolio-item figure figcaption .p-content .cta-btn:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .cta-btn:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .portfolio-columns-fw .portfolio-item figure figcaption .p-content label:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .portfolio-columns-boxed .portfolio-item figure figcaption .p-content label:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .portfolio-columns-fw .portfolio-item figure figcaption .p-content label:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .portfolio-columns-boxed .portfolio-item figure figcaption .p-content label:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-columns-fw .portfolio-item figure figcaption .p-content td:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-columns-boxed .portfolio-item figure figcaption .p-content td:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tpr-name:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tpr-name:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content p:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content p:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:first-child { margin-top: 0; margin-bottom: 0; color: #ececec; } .portfolio-columns-fw .portfolio-item figure figcaption .p-content h2:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h2:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h3:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h3:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .page-title .subheading:last-child, .page-title .portfolio-columns-fw .portfolio-item figure figcaption .p-content .subheading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .page-title .subheading:last-child, .page-title .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .subheading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h4:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h4:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tab-heading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tab-heading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .cards-header:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .cards-header:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sc-lead:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sc-lead:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h5:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h5:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-heading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-heading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tab-info:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tab-info:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-columns-fw .portfolio-item figure figcaption .p-content .widget-comm-title:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .widget-comm-title:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .title-timer:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .title-timer:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-layout-options span:last-child, .shop-layout-options .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-layout-options span:last-child, .shop-layout-options .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h6:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h6:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-title:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-title:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-value:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-value:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-columns-fw .portfolio-item figure figcaption .p-content .panel-title:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .panel-title:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-columns-fw .portfolio-item figure figcaption .p-content li:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-columns-boxed .portfolio-item figure figcaption .p-content li:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .show-info-link:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .show-info-link:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-columns-fw .portfolio-item figure figcaption .p-content .adr-heading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .adr-heading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-columns-fw .portfolio-item figure figcaption .p-content .show-map:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .show-map:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .adr-heading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .adr-heading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .link-btn:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .link-btn:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circle-text:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circle-text:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circle-text:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circle-text:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .count-text:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .count-text:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .count-text:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .count-text:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-columns-fw .portfolio-item figure figcaption .p-content .desc:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .desc:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-columns-fw .portfolio-item figure figcaption .p-content .prev-btn:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .prev-btn:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-columns-fw .portfolio-item figure figcaption .p-content .next-btn:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .next-btn:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content p:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content p:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-columns-fw .portfolio-item figure figcaption .p-content .cta-btn:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .cta-btn:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .portfolio-columns-fw .portfolio-item figure figcaption .p-content label:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .portfolio-columns-boxed .portfolio-item figure figcaption .p-content label:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .portfolio-columns-fw .portfolio-item figure figcaption .p-content label:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .portfolio-columns-boxed .portfolio-item figure figcaption .p-content label:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-columns-fw .portfolio-item figure figcaption .p-content td:last-child:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-columns-boxed .portfolio-item figure figcaption .p-content td:last-child:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tpr-name:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tpr-name:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content p:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content p:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:last-child { margin-top: 10px; margin-bottom: 0; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2.5px; color: #999; } .portfolio-columns-fw .portfolio-item figure figcaption:hover, .portfolio-columns-boxed .portfolio-item figure figcaption:hover { opacity: 1; } .portfolio-columns-fw .portfolio-item figure figcaption:hover .p-content, .portfolio-columns-boxed .portfolio-item figure figcaption:hover .p-content { bottom: 45px; } .portfolio-columns-fw .portfolio-item figure figcaption:hover .open-btn, .portfolio-columns-boxed .portfolio-item figure figcaption:hover .open-btn { top: 0; } .portfolio-columns-fw .p-wrapper, .portfolio-columns-boxed .p-wrapper { display: block; position: relative; width: 100%; background: gray; overflow: hidden; float: left; } .portfolio-columns-fw .p-wrapper img, .portfolio-columns-boxed .p-wrapper img { max-width: 100%; width: 100%; height: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .portfolio-columns-fw .p-wrapper:hover img, .portfolio-columns-boxed .p-wrapper:hover img, .portfolio-columns-fw .p-wrapper:active img, .portfolio-columns-boxed .p-wrapper:active img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } .portfolio-columns-fw .p-wrapper:hover .open-btn, .portfolio-columns-boxed .p-wrapper:hover .open-btn, .portfolio-columns-fw .p-wrapper:active .open-btn, .portfolio-columns-boxed .p-wrapper:active .open-btn { top: 0; } /* ---- 15.2 Boxed Columns ---- */ /* ---- 15.3 Masonry Layout ---- */ .portfolio-masonry, .portfolio-masonry-2, .portfolio-masonry-3 { padding-top: 160px; } .portfolio-masonry .p-item, .portfolio-masonry-2 .p-item, .portfolio-masonry-3 .p-item, .portfolio-masonry .grid-sizer, .portfolio-masonry-2 .grid-sizer, .portfolio-masonry-3 .grid-sizer { width: 25%; } .portfolio-masonry .p-item, .portfolio-masonry-2 .p-item, .portfolio-masonry-3 .p-item { float: left; background: #0d8; } .portfolio-masonry .p-wrapper, .portfolio-masonry-2 .p-wrapper, .portfolio-masonry-3 .p-wrapper { display: block; position: relative; width: 100%; background: gray; overflow: hidden; } .portfolio-masonry .p-wrapper img, .portfolio-masonry-2 .p-wrapper img, .portfolio-masonry-3 .p-wrapper img { max-width: 100%; width: 100%; height: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .portfolio-masonry .p-wrapper:hover img, .portfolio-masonry-2 .p-wrapper:hover img, .portfolio-masonry-3 .p-wrapper:hover img, .portfolio-masonry .p-wrapper:active img, .portfolio-masonry-2 .p-wrapper:active img, .portfolio-masonry-3 .p-wrapper:active img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } .portfolio-masonry .p-wrapper .p-hover, .portfolio-masonry-2 .p-wrapper .p-hover, .portfolio-masonry-3 .p-wrapper .p-hover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.8); overflow: hidden; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .portfolio-masonry .p-wrapper .p-hover .p-content, .portfolio-masonry-2 .p-wrapper .p-hover .p-content, .portfolio-masonry-3 .p-wrapper .p-hover .p-content { position: absolute; left: 40px; right: 40px; bottom: 25px; -webkit-transition: bottom 0.5s; transition: bottom 0.5s; } .portfolio-masonry .p-wrapper .p-hover .p-content h2:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h2:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h2:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content h3:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h3:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h3:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .page-title .subheading:first-child, .page-title .portfolio-masonry .p-wrapper .p-hover .p-content .subheading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .page-title .subheading:first-child, .page-title .portfolio-masonry-2 .p-wrapper .p-hover .p-content .subheading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .page-title .subheading:first-child, .page-title .portfolio-masonry-3 .p-wrapper .p-hover .p-content .subheading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content h4:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h4:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h4:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry .p-wrapper .p-hover .p-content .tab-heading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tab-heading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tab-heading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry .p-wrapper .p-hover .p-content .cards-header:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .cards-header:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .cards-header:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry .p-wrapper .p-hover .p-content .sc-lead:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sc-lead:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sc-lead:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content h5:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h5:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h5:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry .p-wrapper .p-hover .p-content .ft-heading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-heading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-heading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry .p-wrapper .p-hover .p-content .tab-info:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tab-info:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tab-info:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-masonry .p-wrapper .p-hover .p-content .widget-comm-title:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-masonry-2 .p-wrapper .p-hover .p-content .widget-comm-title:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-masonry-3 .p-wrapper .p-hover .p-content .widget-comm-title:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry .p-wrapper .p-hover .p-content .title-timer:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .title-timer:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .title-timer:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-layout-options span:first-child, .shop-layout-options .portfolio-masonry .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-layout-options span:first-child, .shop-layout-options .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-layout-options span:first-child, .shop-layout-options .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content h6:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h6:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h6:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-masonry .p-wrapper .p-hover .p-content .progress-title:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-title:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-title:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-masonry .p-wrapper .p-hover .p-content .progress-value:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-value:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-value:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-masonry .p-wrapper .p-hover .p-content .panel-title:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-masonry-2 .p-wrapper .p-hover .p-content .panel-title:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-masonry-3 .p-wrapper .p-hover .p-content .panel-title:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-masonry .p-wrapper .p-hover .p-content li:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-masonry-2 .p-wrapper .p-hover .p-content li:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-masonry-3 .p-wrapper .p-hover .p-content li:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-masonry .p-wrapper .p-hover .p-content .show-info-link:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .show-info-link:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .show-info-link:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-masonry .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-masonry-2 .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-masonry-3 .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-masonry .p-wrapper .p-hover .p-content .show-map:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-masonry-2 .p-wrapper .p-hover .p-content .show-map:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-masonry-3 .p-wrapper .p-hover .p-content .show-map:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-masonry .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry .p-wrapper .p-hover .p-content .link-btn:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .link-btn:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .link-btn:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-masonry .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-masonry .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-masonry .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-masonry .p-wrapper .p-hover .p-content .desc:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-masonry-2 .p-wrapper .p-hover .p-content .desc:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-masonry-3 .p-wrapper .p-hover .p-content .desc:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-masonry .p-wrapper .p-hover .p-content .prev-btn:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-masonry-2 .p-wrapper .p-hover .p-content .prev-btn:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-masonry-3 .p-wrapper .p-hover .p-content .prev-btn:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-masonry .p-wrapper .p-hover .p-content .next-btn:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-masonry-2 .p-wrapper .p-hover .p-content .next-btn:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-masonry-3 .p-wrapper .p-hover .p-content .next-btn:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-masonry .p-wrapper .p-hover .p-content .cta-btn:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-masonry-2 .p-wrapper .p-hover .p-content .cta-btn:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-masonry-3 .p-wrapper .p-hover .p-content .cta-btn:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .portfolio-masonry .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .portfolio-masonry-2 .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .portfolio-masonry-3 .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .portfolio-masonry .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .portfolio-masonry-2 .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .portfolio-masonry-3 .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-masonry .p-wrapper .p-hover .p-content td:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-masonry-2 .p-wrapper .p-hover .p-content td:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-masonry-3 .p-wrapper .p-hover .p-content td:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-masonry .p-wrapper .p-hover .p-content .tpr-name:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tpr-name:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tpr-name:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:first-child { margin-top: 0; margin-bottom: 0; color: #ececec; } .portfolio-masonry .p-wrapper .p-hover .p-content h2:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h2:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h2:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content h3:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h3:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h3:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .page-title .subheading:last-child, .page-title .portfolio-masonry .p-wrapper .p-hover .p-content .subheading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .page-title .subheading:last-child, .page-title .portfolio-masonry-2 .p-wrapper .p-hover .p-content .subheading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .page-title .subheading:last-child, .page-title .portfolio-masonry-3 .p-wrapper .p-hover .p-content .subheading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content h4:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h4:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h4:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry .p-wrapper .p-hover .p-content .tab-heading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tab-heading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tab-heading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry .p-wrapper .p-hover .p-content .cards-header:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .cards-header:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .cards-header:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry .p-wrapper .p-hover .p-content .sc-lead:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sc-lead:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sc-lead:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content h5:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h5:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h5:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry .p-wrapper .p-hover .p-content .ft-heading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-heading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-heading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry .p-wrapper .p-hover .p-content .tab-info:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tab-info:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tab-info:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-masonry .p-wrapper .p-hover .p-content .widget-comm-title:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-masonry-2 .p-wrapper .p-hover .p-content .widget-comm-title:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-masonry-3 .p-wrapper .p-hover .p-content .widget-comm-title:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry .p-wrapper .p-hover .p-content .title-timer:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .title-timer:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .title-timer:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-layout-options span:last-child, .shop-layout-options .portfolio-masonry .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-layout-options span:last-child, .shop-layout-options .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-layout-options span:last-child, .shop-layout-options .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content h6:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h6:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h6:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-masonry .p-wrapper .p-hover .p-content .progress-title:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-title:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-title:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-masonry .p-wrapper .p-hover .p-content .progress-value:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-value:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-value:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-masonry .p-wrapper .p-hover .p-content .panel-title:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-masonry-2 .p-wrapper .p-hover .p-content .panel-title:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-masonry-3 .p-wrapper .p-hover .p-content .panel-title:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-masonry .p-wrapper .p-hover .p-content li:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-masonry-2 .p-wrapper .p-hover .p-content li:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-masonry-3 .p-wrapper .p-hover .p-content li:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-masonry .p-wrapper .p-hover .p-content .show-info-link:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .show-info-link:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .show-info-link:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-masonry .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-masonry-2 .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-masonry-3 .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-masonry .p-wrapper .p-hover .p-content .show-map:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-masonry-2 .p-wrapper .p-hover .p-content .show-map:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-masonry-3 .p-wrapper .p-hover .p-content .show-map:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-masonry .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry .p-wrapper .p-hover .p-content .link-btn:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .link-btn:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .link-btn:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-masonry .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-masonry .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-masonry .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-masonry .p-wrapper .p-hover .p-content .desc:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-masonry-2 .p-wrapper .p-hover .p-content .desc:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-masonry-3 .p-wrapper .p-hover .p-content .desc:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-masonry .p-wrapper .p-hover .p-content .prev-btn:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-masonry-2 .p-wrapper .p-hover .p-content .prev-btn:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-masonry-3 .p-wrapper .p-hover .p-content .prev-btn:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-masonry .p-wrapper .p-hover .p-content .next-btn:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-masonry-2 .p-wrapper .p-hover .p-content .next-btn:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-masonry-3 .p-wrapper .p-hover .p-content .next-btn:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-masonry .p-wrapper .p-hover .p-content .cta-btn:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-masonry-2 .p-wrapper .p-hover .p-content .cta-btn:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-masonry-3 .p-wrapper .p-hover .p-content .cta-btn:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .portfolio-masonry .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .portfolio-masonry-2 .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .portfolio-masonry-3 .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .portfolio-masonry .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .portfolio-masonry-2 .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .portfolio-masonry-3 .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-masonry .p-wrapper .p-hover .p-content td:last-child:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-masonry-2 .p-wrapper .p-hover .p-content td:last-child:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-masonry-3 .p-wrapper .p-hover .p-content td:last-child:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-masonry .p-wrapper .p-hover .p-content .tpr-name:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tpr-name:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tpr-name:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:last-child { margin-top: 10px; margin-bottom: 0; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2.5px; color: #999; } .portfolio-masonry .p-wrapper .open-btn, .portfolio-masonry-2 .p-wrapper .open-btn, .portfolio-masonry-3 .p-wrapper .open-btn { position: absolute; padding-top: 22px; width: 60px; height: 60px; right: 0; top: -60px; font-size: 15px; text-align: center; line-height: 0; color: #111; background: #ececec; -webkit-transition: top 0.5; transition: top 0.5; } .portfolio-masonry .p-wrapper .open-btn:focus, .portfolio-masonry-2 .p-wrapper .open-btn:focus, .portfolio-masonry-3 .p-wrapper .open-btn:focus, .portfolio-masonry .p-wrapper .open-btn:visited, .portfolio-masonry-2 .p-wrapper .open-btn:visited, .portfolio-masonry-3 .p-wrapper .open-btn:visited { outline: none; } .portfolio-masonry .p-wrapper .open-btn:hover, .portfolio-masonry-2 .p-wrapper .open-btn:hover, .portfolio-masonry-3 .p-wrapper .open-btn:hover { color: #ececec; background: #111; } .portfolio-masonry .p-wrapper:hover, .portfolio-masonry-2 .p-wrapper:hover, .portfolio-masonry-3 .p-wrapper:hover { opacity: 1; } .portfolio-masonry .p-wrapper:hover .p-content, .portfolio-masonry-2 .p-wrapper:hover .p-content, .portfolio-masonry-3 .p-wrapper:hover .p-content { bottom: 45px; } .portfolio-masonry .p-wrapper:hover .open-btn, .portfolio-masonry-2 .p-wrapper:hover .open-btn, .portfolio-masonry-3 .p-wrapper:hover .open-btn { top: 0; } .portfolio-masonry-2 .p-item, .portfolio-masonry-3 .p-item, .portfolio-masonry-2 .grid-sizer, .portfolio-masonry-3 .grid-sizer { width: 33.33%; } .portfolio-masonry-3 .p-item, .portfolio-masonry-3 .grid-sizer { width: 30.7%; margin: 15px; } /* ---- 15.4 Single Column ---- */ .portfolio-1col-fw .portfolio-item, .portfolio-1col-boxed .portfolio-item { position: relative; margin-bottom: 50px; height: 440px; background: #f4f4f4; overflow: hidden; } .portfolio-1col-fw .portfolio-item .img-wrapper, .portfolio-1col-boxed .portfolio-item .img-wrapper { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .portfolio-1col-fw .portfolio-item .img-wrapper img, .portfolio-1col-boxed .portfolio-item .img-wrapper img { display: inline-block; max-width: 100%; width: 100%; height: auto; } .portfolio-1col-fw .portfolio-item figcaption, .portfolio-1col-boxed .portfolio-item figcaption { padding: 70px 100px 70px 70px; } .portfolio-1col-fw .portfolio-item figcaption .subheading, .portfolio-1col-boxed .portfolio-item figcaption .subheading { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #999; margin-bottom: 45px; } .portfolio-1col-fw .portfolio-item figcaption .view-btn, .portfolio-1col-boxed .portfolio-item figcaption .view-btn { margin-top: 45px; } .portfolio-1col-boxed .portfolio-item { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .portfolio-1col-boxed .portfolio-item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .portfolio-1col-boxed .portfolio-item figcaption { padding: 50px 70px; } /* ---- 15.5 Portfoli Single - Project Page ---- */ .pfolio-single .project-info, .pfolio-single .project-info-2 { margin-bottom: 75px; } .pfolio-single .project-info h5, .pfolio-single .project-info-2 h5, .pfolio-single .project-info .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .pfolio-single .project-info .ft-heading, .pfolio-single .project-info-2 .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .pfolio-single .project-info-2 .ft-heading, .pfolio-single .project-info .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .pfolio-single .project-info .tab-info, .pfolio-single .project-info-2 .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .pfolio-single .project-info-2 .tab-info, .pfolio-single .project-info .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pfolio-single .project-info .widget-comm-title, .pfolio-single .project-info-2 .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pfolio-single .project-info-2 .widget-comm-title, .pfolio-single .project-info .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pfolio-single .project-info .title-timer, .pfolio-single .project-info-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pfolio-single .project-info-2 .title-timer, .pfolio-single .project-info .shop-layout-options span, .shop-layout-options .pfolio-single .project-info span, .pfolio-single .project-info-2 .shop-layout-options span, .shop-layout-options .pfolio-single .project-info-2 span { margin: 0; padding-bottom: 30px; } .pfolio-single .project-info ul, .pfolio-single .project-info-2 ul { margin: 0; padding: 0; list-style: none; } .pfolio-single .project-info ul li, .pfolio-single .project-info-2 ul li { display: block; } .pfolio-single .project-info ul li h6, .pfolio-single .project-info-2 ul li h6, .pfolio-single .project-info ul li .progress-group .progress-title, .progress-group .pfolio-single .project-info ul li .progress-title, .pfolio-single .project-info-2 ul li .progress-group .progress-title, .progress-group .pfolio-single .project-info-2 ul li .progress-title, .pfolio-single .project-info ul li .progress-group .progress-value, .progress-group .pfolio-single .project-info ul li .progress-value, .pfolio-single .project-info-2 ul li .progress-group .progress-value, .progress-group .pfolio-single .project-info-2 ul li .progress-value, .pfolio-single .project-info ul li .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .pfolio-single .project-info ul li .panel-title, .pfolio-single .project-info-2 ul li .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .pfolio-single .project-info-2 ul li .panel-title, .pfolio-single .project-info .footer-social-links ul li li, .footer-social-links .pfolio-single .project-info ul li li, .pfolio-single .project-info-2 .footer-social-links ul li li, .footer-social-links .pfolio-single .project-info-2 ul li li, .pfolio-single .project-info ul li .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .pfolio-single .project-info ul li .show-info-link, .pfolio-single .project-info-2 ul li .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .pfolio-single .project-info-2 ul li .show-info-link, .pfolio-single .project-info .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .pfolio-single .project-info ul li .adr-heading, .pfolio-single .project-info-2 .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .pfolio-single .project-info-2 ul li .adr-heading, .pfolio-single .project-info ul li .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .pfolio-single .project-info ul li .show-map, .pfolio-single .project-info-2 ul li .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .pfolio-single .project-info-2 ul li .show-map, .pfolio-single .project-info .footer-litle address ul li .adr-group .adr-heading, .footer-litle address .pfolio-single .project-info ul li .adr-group .adr-heading, .pfolio-single .project-info-2 .footer-litle address ul li .adr-group .adr-heading, .footer-litle address .pfolio-single .project-info-2 ul li .adr-group .adr-heading, .pfolio-single .project-info ul li .ft-cards .ft-item a, .ft-cards .ft-item .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul li .ft-cards .ft-item a, .ft-cards .ft-item .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .pfolio-single .project-info ul li .link-btn, .pfolio-single .project-info-2 ul li .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .pfolio-single .project-info-2 ul li .link-btn, .pfolio-single .project-info .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover .pfolio-single .project-info ul li .hover-content a, .pfolio-single .project-info-2 .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover .pfolio-single .project-info-2 ul li .hover-content a, .pfolio-single .project-info ul li .circles-counters .circle-item .circle-text, .circles-counters .circle-item .pfolio-single .project-info ul li .circle-text, .pfolio-single .project-info-2 ul li .circles-counters .circle-item .circle-text, .circles-counters .circle-item .pfolio-single .project-info-2 ul li .circle-text, .pfolio-single .project-info ul li .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .pfolio-single .project-info ul li .circle-text, .pfolio-single .project-info-2 ul li .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .pfolio-single .project-info-2 ul li .circle-text, .pfolio-single .project-info ul li .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .pfolio-single .project-info ul li .count-text, .pfolio-single .project-info-2 ul li .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .pfolio-single .project-info-2 ul li .count-text, .pfolio-single .project-info ul li .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .pfolio-single .project-info ul li .count-text, .pfolio-single .project-info-2 ul li .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .pfolio-single .project-info-2 ul li .count-text, .pfolio-single .project-info ul .project-nav nav .nav-btns li a, .project-nav nav .nav-btns .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul .project-nav nav .nav-btns li a, .project-nav nav .nav-btns .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .pricing-tables .p-table .desc, .pricing-tables .p-table .pfolio-single .project-info ul li .desc, .pfolio-single .project-info-2 ul li .pricing-tables .p-table .desc, .pricing-tables .p-table .pfolio-single .project-info-2 ul li .desc, .pfolio-single .project-info ul li .blog-post-nav .prev-btn, .blog-post-nav .pfolio-single .project-info ul li .prev-btn, .pfolio-single .project-info-2 ul li .blog-post-nav .prev-btn, .blog-post-nav .pfolio-single .project-info-2 ul li .prev-btn, .pfolio-single .project-info ul li .blog-post-nav .next-btn, .blog-post-nav .pfolio-single .project-info ul li .next-btn, .pfolio-single .project-info-2 ul li .blog-post-nav .next-btn, .blog-post-nav .pfolio-single .project-info-2 ul li .next-btn, .pfolio-single .project-info ul .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info ul li span, .pfolio-single .project-info-2 ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info-2 ul li span, .pfolio-single .project-info ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info ul li p, .pfolio-single .project-info-2 ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info-2 ul li p, .pfolio-single .project-info ul li .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul li .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .pfolio-single .project-info ul li .cta-btn, .pfolio-single .project-info-2 ul li .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .pfolio-single .project-info-2 ul li .cta-btn, .pfolio-single .project-info ul li .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .pfolio-single .project-info ul li label, .pfolio-single .project-info-2 ul li .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .pfolio-single .project-info-2 ul li label, .pfolio-single .project-info ul li .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .pfolio-single .project-info ul li label, .pfolio-single .project-info-2 ul li .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .pfolio-single .project-info-2 ul li label, .pfolio-single .project-info ul .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .checkout-table tbody tr td:first-child, .checkout-table tbody tr .pfolio-single .project-info ul li td:first-child, .pfolio-single .project-info-2 ul li .checkout-table tbody tr td:first-child, .checkout-table tbody tr .pfolio-single .project-info-2 ul li td:first-child, .pfolio-single .project-info ul li .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .pfolio-single .project-info ul li .tpr-name, .pfolio-single .project-info-2 ul li .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .pfolio-single .project-info-2 ul li .tpr-name { margin: 0; display: inline-block; font-size: 0.8em; padding-right: 10px; } .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul li a { display: inline-block; padding-left: 2px; font-size: 0.9em; text-decoration: underline; color: #999; } .pfolio-single .project-info ul li a:hover, .pfolio-single .project-info-2 ul li a:hover { color: #111; } .pfolio-single .project-info ul li span, .pfolio-single .project-info-2 ul li span { font-size: 0.9em; letter-spacing: 0.7px; } .pfolio-single .project-info-2 { margin-top: 100px; } .pfolio-single .p-info-gray { padding: 30px; background: #f4f4f4; } .pfolio-single .p-info { margin-bottom: 75px; } .pfolio-single .p-info h5, .pfolio-single .p-info .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .pfolio-single .p-info .ft-heading, .pfolio-single .p-info .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .pfolio-single .p-info .tab-info, .pfolio-single .p-info .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pfolio-single .p-info .widget-comm-title, .pfolio-single .p-info .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pfolio-single .p-info .title-timer, .pfolio-single .p-info .shop-layout-options span, .shop-layout-options .pfolio-single .p-info span, .pfolio-single .p-info p { margin: 0; } .pfolio-single .p-info h5, .pfolio-single .p-info .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .pfolio-single .p-info .ft-heading, .pfolio-single .p-info .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .pfolio-single .p-info .tab-info, .pfolio-single .p-info .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pfolio-single .p-info .widget-comm-title, .pfolio-single .p-info .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pfolio-single .p-info .title-timer, .pfolio-single .p-info .shop-layout-options span, .shop-layout-options .pfolio-single .p-info span { padding-bottom: 20px; } .pfolio-single .project-testimonial { padding: 30px; font-size: 1.2em; color: #777; background: #f4f4f4; } .pfolio-single .project-testimonial .p-t-icon { display: block; margin-bottom: 30px; font-size: 32px; color: #777; } .pfolio-single .project-testimonial footer { color: #777; line-height: 1.2; } .pfolio-single .project-testimonial footer:before { content: none; } .pfolio-single .project-testimonial footer cite span { font-weight: 700; } .pfolio-single .project-images img { max-width: 100%; width: 100%; height: auto; } .single-img-slider { padding: 0; margin: 0; list-style: none; } .single-img-slider li img { max-width: 100%; width: 100%; height: auto; } .single-img-slider .slider-nav { top: 50%; margin-top: -25px; opacity: 0; -webkit-transition: opacity, 0.5s; transition: opacity, 0.5s; } .single-img-slider .slider-nav span { display: block; padding-bottom: 7px; font-size: 26px; } .single-img-slider:hover .slider-nav { opacity: 1; } .project-item { display: block; margin-bottom: 70px; text-align: center; } .project-item h4, .project-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .project-item .tab-heading, .project-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .project-item cite, .project-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .project-item cite, .project-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .project-item cite, .project-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .project-item cite, .project-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .project-item cite, .project-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .project-item .t-role, .project-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .project-item .t-role, .project-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .project-item .t-role, .project-item .t-join .t-info .t-role, .t-join .t-info .project-item .t-role, .project-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .project-item .cards-header, .project-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .project-item .sc-lead, .project-item h5, .project-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .project-item .ft-heading, .project-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .project-item .tab-info, .project-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .project-item .widget-comm-title, .project-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .project-item .title-timer, .project-item .shop-layout-options span, .shop-layout-options .project-item span, .project-item h6, .project-item .progress-group .progress-title, .progress-group .project-item .progress-title, .project-item .progress-group .progress-value, .progress-group .project-item .progress-value, .project-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .project-item .panel-title, .project-item .footer-social-links ul li, .footer-social-links ul .project-item li, .project-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .project-item .show-info-link, .project-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .project-item .adr-heading, .project-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .project-item .show-map, .project-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .project-item .adr-heading, .project-item .ft-cards .ft-item a, .ft-cards .ft-item .project-item a, .project-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .project-item .link-btn, .project-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .project-item a, .project-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .project-item .circle-text, .project-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .project-item .circle-text, .project-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .project-item .count-text, .project-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .project-item .count-text, .project-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .project-item a, .project-item .pricing-tables .p-table .desc, .pricing-tables .p-table .project-item .desc, .project-item .blog-post-nav .prev-btn, .blog-post-nav .project-item .prev-btn, .project-item .blog-post-nav .next-btn, .blog-post-nav .project-item .next-btn, .project-item .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .project-item a, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item span, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item a, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item p, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .project-item a, .project-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .project-item .cta-btn, .project-item .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .project-item label, .project-item .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .project-item label, .project-item .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .project-item a, .project-item .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .project-item a, .project-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .project-item td:first-child, .project-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .project-item .tpr-name, .project-item p { margin: 0 auto; width: 80%; } .project-item h4, .project-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .project-item .tab-heading, .project-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .project-item cite, .project-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .project-item cite, .project-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .project-item cite, .project-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .project-item cite, .project-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .project-item cite, .project-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .project-item .t-role, .project-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .project-item .t-role, .project-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .project-item .t-role, .project-item .t-join .t-info .t-role, .t-join .t-info .project-item .t-role, .project-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .project-item .cards-header, .project-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .project-item .sc-lead, .project-item h5, .project-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .project-item .ft-heading, .project-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .project-item .tab-info, .project-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .project-item .widget-comm-title, .project-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .project-item .title-timer, .project-item .shop-layout-options span, .shop-layout-options .project-item span, .project-item h6, .project-item .progress-group .progress-title, .progress-group .project-item .progress-title, .project-item .progress-group .progress-value, .progress-group .project-item .progress-value, .project-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .project-item .panel-title, .project-item .footer-social-links ul li, .footer-social-links ul .project-item li, .project-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .project-item .show-info-link, .project-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .project-item .adr-heading, .project-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .project-item .show-map, .project-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .project-item .adr-heading, .project-item .ft-cards .ft-item a, .ft-cards .ft-item .project-item a, .project-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .project-item .link-btn, .project-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .project-item a, .project-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .project-item .circle-text, .project-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .project-item .circle-text, .project-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .project-item .count-text, .project-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .project-item .count-text, .project-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .project-item a, .project-item .pricing-tables .p-table .desc, .pricing-tables .p-table .project-item .desc, .project-item .blog-post-nav .prev-btn, .blog-post-nav .project-item .prev-btn, .project-item .blog-post-nav .next-btn, .blog-post-nav .project-item .next-btn, .project-item .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .project-item a, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item span, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item a, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item p, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .project-item a, .project-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .project-item .cta-btn, .project-item .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .project-item label, .project-item .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .project-item label, .project-item .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .project-item a, .project-item .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .project-item a, .project-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .project-item td:first-child, .project-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .project-item .tpr-name { padding-top: 30px; padding-bottom: 15px; } .p-s-portfolio .portfolio-columns-boxed { margin-top: 0; padding-top: 160px; } .project-nav nav .nav-btns { margin: 0; padding: 50px 0; width: 100%; list-style: none; text-align: center; } .project-nav nav .nav-btns li { display: inline-block; } .project-nav nav .nav-btns li a { display: block; color: #111; text-transform: uppercase; } .project-nav nav .nav-btns .nav-icon { display: inline-block; font-size: 26px; color: #111; vertical-align: top; } .project-nav nav .nav-btns .prev a:visited, .project-nav nav .nav-btns .prev a:focus, .project-nav nav .nav-btns .next a:visited, .project-nav nav .nav-btns .next a:focus { text-decoration: none; } .project-nav nav .nav-btns .prev:hover, .project-nav nav .nav-btns .next:hover { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .project-nav nav .nav-btns .prev:hover .nav-icon, .project-nav nav .nav-btns .next:hover .nav-icon { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .project-nav nav .nav-btns .prev { float: left; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .project-nav nav .nav-btns .prev .nav-icon { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: all 0.5s; transition: all 0.5s; } .project-nav nav .nav-btns .next { float: right; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .project-nav nav .nav-btns .next .nav-icon { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 0.5s; transition: all 0.5s; } /* ---- 15.6 Portfoli Mobile ---- */ .portfolio-mobile .pt-item { display: inline-block; border-top: 1px solid #f8f8f8; background: #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .portfolio-mobile .pt-item img { -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .portfolio-mobile .pt-item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .portfolio-mobile .pt-item:hover img { opacity: 0.9; } .portfolio-mobile .pt-item:focus { outline: none; } /* -------------------------------------------------- 16.0 Pricing Tables -------------------------------------------------- */ .pricing-tables .p-table { position: relative; padding: 75px 25px 50px 25px; text-align: center; border-top: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .pricing-tables .p-table h5, .pricing-tables .p-table .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .pricing-tables .p-table .ft-heading, .pricing-tables .p-table .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .pricing-tables .p-table .tab-info, .pricing-tables .p-table .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pricing-tables .p-table .widget-comm-title, .pricing-tables .p-table .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pricing-tables .p-table .title-timer, .pricing-tables .p-table .shop-layout-options span, .shop-layout-options .pricing-tables .p-table span { margin: 0; } .pricing-tables .p-table hr { width: 150px; margin: 0 auto; left: 0; right: 0; } .pricing-tables .p-table .banner { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 60px; height: 58px; padding-top: 15px; background: #111; color: white; font-size: 11px; letter-spacing: 0.2em; text-align: center; text-transform: uppercase; } .pricing-tables .p-table .banner:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 10px solid #fff; border-left: 29px solid transparent; border-right: 30px solid transparent; } .pricing-tables .p-table .star { position: absolute; top: 12px; left: 19px; margin: 0 auto; font-size: 23px; color: #fff; } .pricing-tables .p-table .price { display: block; margin-top: 40px; } .pricing-tables .p-table .price .currency, .pricing-tables .p-table .price .type { display: inline-block; margin-left: -10px; vertical-align: bottom; font-size: 15px; font-weight: 300; color: #999; } .pricing-tables .p-table .price .value { display: inline-block; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 70px; color: #111; } .pricing-tables .p-table .price .type { vertical-align: top; margin-top: -19px; margin-right: -20px; padding-left: 10px; } .pricing-tables .p-table .desc { margin-top: 20px; margin-bottom: 0; padding-bottom: 20px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #777; } .pricing-tables .p-table .p-items { list-style: none; padding: 0; margin-top: 25px; } .pricing-tables .p-table .p-items li { padding-bottom: 15px; } .pricing-tables .p-table .p-items li b { font-weight: 400; } .pricing-tables .p-table .btn, .pricing-tables .p-table .btn-ghost, .pricing-tables .p-table .btn-ghost-light, .pricing-tables .p-table .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .pricing-tables .p-table .btn-ghost-light, .pricing-tables .p-table .btn-text, .pricing-tables .p-table .btn-text-light, .pricing-tables .p-table .btn-light, .pricing-tables .p-table .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .pricing-tables .p-table .btn-ghost, .pricing-tables .p-table .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .pricing-tables .p-table .btn-light, .pricing-tables .p-table .btn-ghost, .pricing-tables .p-table .btn-ghost-light, .pricing-tables .p-table .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .pricing-tables .p-table .btn-ghost-light { margin-top: 30px; } .pricing-tables .pt-featured { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } /* -------------------------------------------------- 17.0 CTA - Call to Action -------------------------------------------------- */ /* ---- 17.1 CTA - Link ---- */ .cta-link { background: url(../images/shattered.gif) repeat; } .cta-link .bg-overlay { width: 100%; background: rgba(17, 17, 17, 0.5); } .cta-link .cta-wrapper { padding-top: 100px; padding-bottom: 100px; text-align: center; } .cta-link .cta-wrapper h3, .cta-link .cta-wrapper .page-title .subheading, .page-title .cta-link .cta-wrapper .subheading { margin-top: 0; margin-bottom: 50px; letter-spacing: 8px; color: #ececec; } /* ---- 17.2 CTA - Newsletter Signup ---- */ .cta-newsletter { background: url(../images/shattered.gif) repeat; } .cta-newsletter .bg-overlay { width: 100%; background: rgba(17, 17, 17, 0.5); } .cta-newsletter .cta-wrapper { padding-top: 100px; padding-bottom: 100px; text-align: center; } .cta-newsletter .cta-wrapper h3, .cta-newsletter .cta-wrapper .page-title .subheading, .page-title .cta-newsletter .cta-wrapper .subheading { margin-top: 0; margin-bottom: 100px; letter-spacing: 8px; color: #ececec; } .cta-newsletter .cta-wrapper input[type="email"] { display: block; margin: 0 auto 50px auto; padding-bottom: 10px; width: 600px; background: none; border: none; border-bottom: 2px solid #777; font-size: 2.6em; font-weight: 400; text-align: center; color: #999; -webkit-transition: border-color 0.4s; transition: border-color 0.4s; } .cta-newsletter .cta-wrapper input[type="email"]:focus { outline: none; border-color: #ececec; } .cta-newsletter .cta-wrapper ::-webkit-input-placeholder { letter-spacing: 2px; color: rgba(235, 235, 235, 0.2); } .cta-newsletter .cta-wrapper :-moz-placeholder { letter-spacing: 2px; color: rgba(235, 235, 235, 0.2); } .cta-newsletter .cta-wrapper ::-moz-placeholder { letter-spacing: 2px; color: rgba(235, 235, 235, 0.2); } .cta-newsletter .cta-wrapper :-ms-input-placeholder { letter-spacing: 2px; color: rgba(235, 235, 235, 0.2); } .cta-newsletter .cta-wrapper .mc-info { display: block; font-weight: initial; -webkit-transition: translateY(10px); transition: translateY(10px); } .cta-newsletter .cta-wrapper .subscribe-result { position: absolute; left: 0; right: 0; } .cta-newsletter .cta-wrapper .subscribe-result .alert { display: inline-block; margin-top: 20px; } .cta-dark { background: #111; } /* -------------------------------------------------- 18.0 Blog -------------------------------------------------- */ .blog-pagination .pagination { margin: 0; } .blog-pagination .pagination li a { border: none; background: none; color: #999; font-size: 1.2em; } .blog-pagination .pagination li a:hover { border: none; color: #111; } .blog-post-nav { padding-top: 100px; padding-bottom: 50px; } .blog-post-nav .prev-btn, .blog-post-nav .next-btn { display: inline-block; color: #999; } .blog-post-nav .prev-btn:hover, .blog-post-nav .next-btn:hover { color: #111; } .blog-post-nav .prev-btn { float: left; padding-left: 15px; } .blog-post-nav .next-btn { float: right; padding-right: 15px; } /* ---- 18.1 Blog Columns ---- */ .blog-columns .blog-post, .blog-classic .blog-post { border-top: 1px solid #f8f8f8; background: #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .blog-columns .blog-post:hover, .blog-classic .blog-post:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .blog-columns .blog-post .post-img, .blog-classic .blog-post .post-img { display: block; } .blog-columns .blog-post .post-img img, .blog-classic .blog-post .post-img img { max-width: 100%; height: auto; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .blog-columns .blog-post .post-img:hover img, .blog-classic .blog-post .post-img:hover img { opacity: 0.8; } .blog-columns .blog-post .bp-content, .blog-classic .blog-post .bp-content { padding: 40px 50px 50px 50px; } .blog-columns .blog-post .bp-content .post-meta .post-date i, .blog-classic .blog-post .bp-content .post-meta .post-date i, .blog-columns .blog-post .bp-content .post-meta .post-comments i, .blog-classic .blog-post .bp-content .post-meta .post-comments i { display: inline-block; padding-right: 9px; font-size: 18px; vertical-align: middle; color: #ccc; -webkit-transition: color 0.3s; transition: color 0.3s; } .blog-columns .blog-post .bp-content .post-meta .post-date span, .blog-classic .blog-post .bp-content .post-meta .post-date span, .blog-columns .blog-post .bp-content .post-meta .post-comments span, .blog-classic .blog-post .bp-content .post-meta .post-comments span { display: inline-block; padding-left: 10px; border-left: 1px solid #ececec; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.75em; letter-spacing: 2px; text-transform: uppercase; vertical-align: middle; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s; } .blog-columns .blog-post .bp-content .post-meta .post-date:hover i, .blog-classic .blog-post .bp-content .post-meta .post-date:hover i, .blog-columns .blog-post .bp-content .post-meta .post-date:hover span, .blog-classic .blog-post .bp-content .post-meta .post-date:hover span, .blog-columns .blog-post .bp-content .post-meta .post-comments:hover i, .blog-classic .blog-post .bp-content .post-meta .post-comments:hover i, .blog-columns .blog-post .bp-content .post-meta .post-comments:hover span, .blog-classic .blog-post .bp-content .post-meta .post-comments:hover span { color: #111; } .blog-columns .blog-post .bp-content .post-meta .post-comments, .blog-classic .blog-post .bp-content .post-meta .post-comments { float: right; } .blog-columns .blog-post .bp-content .post-title, .blog-classic .blog-post .bp-content .post-title { display: block; padding: 25px 0 20px 0; color: #111; } .blog-columns .blog-post .bp-content .post-title h3, .blog-classic .blog-post .bp-content .post-title h3, .blog-columns .blog-post .bp-content .post-title .page-title .subheading, .page-title .blog-columns .blog-post .bp-content .post-title .subheading, .blog-classic .blog-post .bp-content .post-title .page-title .subheading, .page-title .blog-classic .blog-post .bp-content .post-title .subheading, .blog-columns .blog-post .bp-content .post-title h4, .blog-classic .blog-post .bp-content .post-title h4, .blog-columns .blog-post .bp-content .post-title .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .blog-columns .blog-post .bp-content .post-title .tab-heading, .blog-classic .blog-post .bp-content .post-title .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .blog-classic .blog-post .bp-content .post-title .tab-heading, .blog-columns .blog-post .bp-content .post-title .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .blog-columns .blog-post .bp-content .post-title .t-role, .blog-classic .blog-post .bp-content .post-title .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .blog-classic .blog-post .bp-content .post-title .t-role, .blog-columns .blog-post .bp-content .post-title .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .blog-columns .blog-post .bp-content .post-title .t-role, .blog-classic .blog-post .bp-content .post-title .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .blog-classic .blog-post .bp-content .post-title .t-role, .blog-columns .blog-post .bp-content .post-title .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .blog-columns .blog-post .bp-content .post-title .t-role, .blog-classic .blog-post .bp-content .post-title .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .blog-classic .blog-post .bp-content .post-title .t-role, .blog-columns .blog-post .bp-content .post-title .t-join .t-info .t-role, .t-join .t-info .blog-columns .blog-post .bp-content .post-title .t-role, .blog-classic .blog-post .bp-content .post-title .t-join .t-info .t-role, .t-join .t-info .blog-classic .blog-post .bp-content .post-title .t-role, .blog-columns .blog-post .bp-content .post-title .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .blog-columns .blog-post .bp-content .post-title .cards-header, .blog-classic .blog-post .bp-content .post-title .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .blog-classic .blog-post .bp-content .post-title .cards-header, .blog-columns .blog-post .bp-content .post-title .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .blog-columns .blog-post .bp-content .post-title .sc-lead, .blog-classic .blog-post .bp-content .post-title .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .blog-classic .blog-post .bp-content .post-title .sc-lead, .blog-columns .blog-post .bp-content .post-title h5, .blog-classic .blog-post .bp-content .post-title h5, .blog-columns .blog-post .bp-content .post-title .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .blog-columns .blog-post .bp-content .post-title .ft-heading, .blog-classic .blog-post .bp-content .post-title .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .blog-classic .blog-post .bp-content .post-title .ft-heading, .blog-columns .blog-post .bp-content .post-title .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .blog-columns .blog-post .bp-content .post-title .tab-info, .blog-classic .blog-post .bp-content .post-title .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .blog-classic .blog-post .bp-content .post-title .tab-info, .blog-columns .blog-post .bp-content .post-title .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .blog-columns .blog-post .bp-content .post-title .widget-comm-title, .blog-classic .blog-post .bp-content .post-title .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .blog-classic .blog-post .bp-content .post-title .widget-comm-title, .blog-columns .blog-post .bp-content .post-title .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .blog-columns .blog-post .bp-content .post-title .title-timer, .blog-classic .blog-post .bp-content .post-title .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .blog-classic .blog-post .bp-content .post-title .title-timer, .blog-columns .blog-post .bp-content .post-title .shop-layout-options span, .shop-layout-options .blog-columns .blog-post .bp-content .post-title span, .blog-classic .blog-post .bp-content .post-title .shop-layout-options span, .shop-layout-options .blog-classic .blog-post .bp-content .post-title span { margin: 0; } .blog-columns .blog-post .bp-content p, .blog-classic .blog-post .bp-content p { margin-bottom: 30px; } .blog-preview .blog-post { background: #fff; } /* ---- 18.2 Blog Masonry ---- */ .blog-masonry .blog-post { margin-bottom: 30px; } /* ---- 18.3 Blog Classic ---- */ .blog-classic .blog-post { margin-bottom: 100px; } /* ---- 18.4 Blog Post Single ---- */ .blog-post-single { margin-bottom: 100px; } .blog-post-single .post-img { margin-bottom: 20px; } .blog-post-single .post-meta .post-date i, .blog-post-single .post-meta .post-comments i { display: inline-block; padding-right: 9px; font-size: 18px; vertical-align: middle; color: #ccc; -webkit-transition: color 0.3s; transition: color 0.3s; } .blog-post-single .post-meta .post-date span, .blog-post-single .post-meta .post-comments span { display: inline-block; padding-left: 10px; border-left: 1px solid #ececec; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.75em; letter-spacing: 2px; text-transform: uppercase; vertical-align: middle; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s; } .blog-post-single .post-meta .post-date:hover i, .blog-post-single .post-meta .post-date:hover span, .blog-post-single .post-meta .post-comments:hover i, .blog-post-single .post-meta .post-comments:hover span { color: #111; } .blog-post-single .post-meta .post-comments { float: right; } .blog-post-single .post-title { margin: 0; padding-top: 30px; } .blog-post-single .blog-post-content { margin-top: 50px; margin-bottom: 50px; } .blog-post-single .blog-post-content p { margin-bottom: 0; } .blog-post-single .blog-post-content .left-blog-quote { margin: 20px 30px 20px -50px; } .blog-post-single .blog-post-content .right-blog-quote { margin: 20px -50px 20px 30px; } /* ---- 18.5 Sidebar ---- */ .sidebar .header-widget { padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid #ccc; } .sidebar .recent-posts-widget .widget-item { padding-bottom: 15px; } .sidebar .recent-posts-widget .widget-item:last-child { padding-bottom: 0; } .sidebar .recent-posts-widget .widget-item h6, .sidebar .recent-posts-widget .widget-item .progress-group .progress-title, .progress-group .sidebar .recent-posts-widget .widget-item .progress-title, .sidebar .recent-posts-widget .widget-item .progress-group .progress-value, .progress-group .sidebar .recent-posts-widget .widget-item .progress-value, .sidebar .recent-posts-widget .widget-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .sidebar .recent-posts-widget .widget-item .panel-title, .sidebar .recent-posts-widget .widget-item .footer-social-links ul li, .footer-social-links ul .sidebar .recent-posts-widget .widget-item li, .sidebar .recent-posts-widget .widget-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .sidebar .recent-posts-widget .widget-item .show-info-link, .sidebar .recent-posts-widget .widget-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .sidebar .recent-posts-widget .widget-item .adr-heading, .sidebar .recent-posts-widget .widget-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .sidebar .recent-posts-widget .widget-item .show-map, .sidebar .recent-posts-widget .widget-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .sidebar .recent-posts-widget .widget-item .adr-heading, .sidebar .recent-posts-widget .widget-item .ft-cards .ft-item a, .ft-cards .ft-item .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .sidebar .recent-posts-widget .widget-item .link-btn, .sidebar .recent-posts-widget .widget-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .sidebar .recent-posts-widget .widget-item .circle-text, .sidebar .recent-posts-widget .widget-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .sidebar .recent-posts-widget .widget-item .circle-text, .sidebar .recent-posts-widget .widget-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .sidebar .recent-posts-widget .widget-item .count-text, .sidebar .recent-posts-widget .widget-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .sidebar .recent-posts-widget .widget-item .count-text, .sidebar .recent-posts-widget .widget-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .pricing-tables .p-table .desc, .pricing-tables .p-table .sidebar .recent-posts-widget .widget-item .desc, .sidebar .recent-posts-widget .widget-item .blog-post-nav .prev-btn, .blog-post-nav .sidebar .recent-posts-widget .widget-item .prev-btn, .sidebar .recent-posts-widget .widget-item .blog-post-nav .next-btn, .blog-post-nav .sidebar .recent-posts-widget .widget-item .next-btn, .sidebar .recent-posts-widget .widget-item .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sidebar .recent-posts-widget .widget-item span, .sidebar .recent-posts-widget .widget-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sidebar .recent-posts-widget .widget-item p, .sidebar .recent-posts-widget .widget-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .sidebar .recent-posts-widget .widget-item .cta-btn, .sidebar .recent-posts-widget .widget-item .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .sidebar .recent-posts-widget .widget-item label, .sidebar .recent-posts-widget .widget-item .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .sidebar .recent-posts-widget .widget-item label, .shop-sidebar .tags-widget .tag-list li .sidebar .recent-posts-widget .widget-item a, .shop-sidebar-vertical .tags-widget .tag-list li .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sidebar .recent-posts-widget .widget-item td:first-child, .sidebar .recent-posts-widget .widget-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .sidebar .recent-posts-widget .widget-item .tpr-name { margin-top: 0; margin-bottom: 0; color: #777; } .sidebar .recent-posts-widget .widget-item span { font-size: 0.9em; letter-spacing: 0.6px; color: #ccc; } .sidebar .recent-posts-widget .widget-item span a { color: #ccc; } .sidebar .recent-posts-widget .widget-item span a:hover { color: #111; } .sidebar .categories-widget .widget-item a { padding-bottom: 5px; margin-bottom: 5px; font-size: 0.9em; letter-spacing: 0.3px; color: #777; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s; } .sidebar .categories-widget .widget-item a span { color: #ccc; } .sidebar .categories-widget .widget-item a:hover { padding-bottom: 3px; border-bottom: 1px solid #111111; color: #111; } .sidebar .tags-widget .tag-list { padding: 0; margin: 0; } .sidebar .tags-widget .tag-list li { list-style: none; display: inline-block; } .sidebar .tags-widget .tag-list li a { display: block; padding: 0 10px; margin-bottom: 5px; border: 1px solid #ccc; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #999; -webkit-transition: all 0.5s; transition: all 0.5s; } .sidebar .tags-widget .tag-list li a:hover { border-color: #777; color: #111; } .sidebar .search-widget .form-group { position: relative; } .sidebar .search-widget .form-group .inside-input-btn { display: block; position: absolute; width: 20px; height: 20px; top: 4px; right: 20px; background: none; border: none; font-size: 18px; color: #ccc; -webkit-transition: color 0.5s; transition: color 0.5s; } .sidebar .search-widget .form-group .inside-input-btn:hover { color: #111; } .sidebar .search-widget .form-group .inside-input-btn:focus, .sidebar .search-widget .form-group .inside-input-btn:visited { outline: none; } .sidebar .comments-widget .widget-item span { font-size: 0.9em; color: #ccc; } .sidebar .comments-widget .widget-item span a { color: #ccc; } .sidebar .comments-widget .widget-item span a:hover { color: #111; } .sidebar .comments-widget .widget-item span .widget-comm-title { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 1.5px; color: #777; } /* ---- 18.6 Comments ---- */ .blog-post-comments .blog-section-title { padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid #ccc; } .blog-post-comments .bp-comment, .blog-post-comments .bp-comment-reply { margin-bottom: 30px; } .blog-post-comments .bp-comment .comment-avatar, .blog-post-comments .bp-comment-reply .comment-avatar { display: inline-block; position: relative; width: 60px; height: 60px; background: #f4f4f4; } .blog-post-comments .bp-comment .comment-avatar i, .blog-post-comments .bp-comment-reply .comment-avatar i { display: block; position: absolute; width: 20px; height: 20px; left: 0; right: 0; top: 0; bottom: 0; font-size: 22px; color: #ccc; margin: auto; } .blog-post-comments .bp-comment .comment-info, .blog-post-comments .bp-comment-reply .comment-info { display: inline-block; margin-left: 30px; margin-top: -40px; vertical-align: text-top; } .blog-post-comments .bp-comment .comment-info .comment-name, .blog-post-comments .bp-comment-reply .comment-info .comment-name { display: inline-block; color: #999; } .blog-post-comments .bp-comment .comment-info .comment-time, .blog-post-comments .bp-comment-reply .comment-info .comment-time { display: inline-block; margin-left: 30px; margin-right: 30px; text-transform: uppercase; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.8em; letter-spacing: 1.5px; color: #ccc; } .blog-post-comments .bp-comment .comment-info .comment-replay-btn, .blog-post-comments .bp-comment-reply .comment-info .comment-replay-btn { display: inline-block; padding: 5px 20px; background: none; border: 1px solid #ccc; text-transform: uppercase; font-size: 0.8em; line-height: 1em; letter-spacing: 2px; color: #999; -webkit-transition: all 0.3s; transition: all 0.3s; } .blog-post-comments .bp-comment .comment-info .comment-replay-btn:hover, .blog-post-comments .bp-comment-reply .comment-info .comment-replay-btn:hover { color: #ececec; border-color: #111; background: #111; } .blog-post-comments .bp-comment .comment-content, .blog-post-comments .bp-comment-reply .comment-content { margin-top: -20px; margin-left: 90px; padding-bottom: 30px; border-bottom: 1px solid #ececec; } .blog-post-comments .bp-comment-reply { margin-left: 90px; } .blog-post-comments .comment-form { margin-top: 100px; } /* -------------------------------------------------- 19.0 Contact Layouts -------------------------------------------------- */ .map-boxed { display: block; position: relative; height: 500px; width: 100%; } .map-wide { display: block; position: relative; height: 300px; width: 100%; } .social-wrapper { padding-top: 50px; padding-bottom: 50px; background: #e3e3e3; } .social-wrapper .social-links { margin-bottom: 0; padding: 0; list-style: none; text-align: center; } .social-wrapper .social-links li { display: inline-block; font-size: 30px; margin: 0 20px; } .social-wrapper .social-links li a { vertical-align: bottom; color: #111; } .social-wrapper .social-links li a:hover { color: #999; } form .alert-error { color: #e80000; font-size: 0.85em; } form .input-error, form .input-error-2 { border-color: #e80000; -webkit-transition: border-color 0.4s; transition: border-color 0.4s; } form .input-error:hover, form .input-error:focus, form .input-error-2:hover, form .input-error-2:focus { border-color: #e80000; } /* ---- 19.1 Contact Layout 1 ---- */ .contact-1 { padding-left: 0; padding-right: 0; } .contact-1 .contact-wrapper { position: relative; } .contact-1 .contact-wrapper .contact-info-wrapper { position: absolute; padding: 70px 110px 40px 110px; top: 75px; left: 0; right: 0; margin: 0 auto; background: #fff; -webkit-transition: opacity 0.5s, visibility 0.6s, margin-top 0.5s; transition: opacity 0.5s, visibility 0.6s, margin-top 0.5s; } .contact-1 .contact-wrapper .contact-info-wrapper address .address-group { margin-bottom: 40px; } .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span { display: block; margin-top: 0; margin-bottom: 10px; } .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p { display: block; margin-bottom: 3px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; color: #999; } .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a { display: block; margin-top: -20px; } .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:hover, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:focus, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:visited { text-decoration: none; } .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:hover { color: #999; } .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a span { padding-left: 15px; font-size: 24px; } .contact-1 .contact-wrapper .map-open { margin-top: 30px; opacity: 0; visibility: hidden; } .contact-1 .contact-wrapper .show-info-link { position: absolute; height: 50px; width: 200px; top: -20px; left: 0; right: 0; margin: 0 auto; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0.6s, top 0.5s; transition: opacity 0.5s, visibility 0.6s, top 0.5s; } .contact-1 .contact-wrapper .show-info-link a { display: block; padding-top: 8px; width: 100%; height: 100%; background: #fff; color: #111; } .contact-1 .contact-wrapper .show-info-link a:hover { background: #ececec; } .contact-1 .contact-wrapper .show-info-link a i { display: inline-block; padding-right: 15px; } .contact-1 .contact-wrapper .show-info-link a h6, .contact-1 .contact-wrapper .show-info-link a .progress-group .progress-title, .progress-group .contact-1 .contact-wrapper .show-info-link a .progress-title, .contact-1 .contact-wrapper .show-info-link a .progress-group .progress-value, .progress-group .contact-1 .contact-wrapper .show-info-link a .progress-value, .contact-1 .contact-wrapper .show-info-link a .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .contact-1 .contact-wrapper .show-info-link a .panel-title, .contact-1 .contact-wrapper .show-info-link a .footer-social-links ul li, .footer-social-links ul .contact-1 .contact-wrapper .show-info-link a li, .contact-1 .contact-wrapper .show-info-link a .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .contact-1 .contact-wrapper .show-info-link a .show-info-link, .contact-1 .contact-wrapper .show-info-link a .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .contact-1 .contact-wrapper .show-info-link a .adr-heading, .contact-1 .contact-wrapper .show-info-link a .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .contact-1 .contact-wrapper .show-info-link a .show-map, .contact-1 .contact-wrapper .show-info-link a .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .contact-1 .contact-wrapper .show-info-link a .adr-heading, .contact-1 .contact-wrapper .show-info-link a .ft-cards .ft-item a, .ft-cards .ft-item .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .contact-1 .contact-wrapper .show-info-link a .link-btn, .contact-1 .contact-wrapper .show-info-link a .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .circles-counters .circle-item .circle-text, .circles-counters .circle-item .contact-1 .contact-wrapper .show-info-link a .circle-text, .contact-1 .contact-wrapper .show-info-link a .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .contact-1 .contact-wrapper .show-info-link a .circle-text, .contact-1 .contact-wrapper .show-info-link a .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .contact-1 .contact-wrapper .show-info-link a .count-text, .contact-1 .contact-wrapper .show-info-link a .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .contact-1 .contact-wrapper .show-info-link a .count-text, .contact-1 .contact-wrapper .show-info-link a .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .pricing-tables .p-table .desc, .pricing-tables .p-table .contact-1 .contact-wrapper .show-info-link a .desc, .contact-1 .contact-wrapper .show-info-link a .blog-post-nav .prev-btn, .blog-post-nav .contact-1 .contact-wrapper .show-info-link a .prev-btn, .contact-1 .contact-wrapper .show-info-link a .blog-post-nav .next-btn, .blog-post-nav .contact-1 .contact-wrapper .show-info-link a .next-btn, .contact-1 .contact-wrapper .show-info-link a .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .show-info-link a span, .contact-1 .contact-wrapper .show-info-link a .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .show-info-link a p, .contact-1 .contact-wrapper .show-info-link a .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .contact-1 .contact-wrapper .show-info-link a .cta-btn, .contact-1 .contact-wrapper .show-info-link a .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .contact-1 .contact-wrapper .show-info-link a label, .contact-1 .contact-wrapper .show-info-link a .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .contact-1 .contact-wrapper .show-info-link a label, .contact-1 .contact-wrapper .show-info-link a .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .checkout-table tbody tr td:first-child, .checkout-table tbody tr .contact-1 .contact-wrapper .show-info-link a td:first-child, .contact-1 .contact-wrapper .show-info-link a .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .contact-1 .contact-wrapper .show-info-link a .tpr-name { display: inline-block; } .contact-1 .contact-wrapper .info-open { top: 0; opacity: 1; visibility: visible; } .contact-1 .contact-wrapper form .alert { margin-top: 30px; } /* ---- 19.2 Contact Layout 2 ---- */ .contact-2 .gmap { height: 400px; } .contact-2 .address-info { padding: 35px 0 25px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .contact-2 .address-info .address-info-item span { display: inline-block; padding-right: 20px; height: 50px; font-size: 32px; color: #777; float: left; } .contact-2 .address-info .address-info-item h6, .contact-2 .address-info .address-info-item .progress-group .progress-title, .progress-group .contact-2 .address-info .address-info-item .progress-title, .contact-2 .address-info .address-info-item .progress-group .progress-value, .progress-group .contact-2 .address-info .address-info-item .progress-value, .contact-2 .address-info .address-info-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .contact-2 .address-info .address-info-item .panel-title, .contact-2 .address-info .address-info-item .footer-social-links ul li, .footer-social-links ul .contact-2 .address-info .address-info-item li, .contact-2 .address-info .address-info-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .contact-2 .address-info .address-info-item .show-info-link, .contact-2 .address-info .address-info-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .contact-2 .address-info .address-info-item .adr-heading, .contact-2 .address-info .address-info-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .contact-2 .address-info .address-info-item .show-map, .contact-2 .address-info .address-info-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .contact-2 .address-info .address-info-item .adr-heading, .contact-2 .address-info .address-info-item .ft-cards .ft-item a, .ft-cards .ft-item .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .contact-2 .address-info .address-info-item .link-btn, .contact-2 .address-info .address-info-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .contact-2 .address-info .address-info-item .circle-text, .contact-2 .address-info .address-info-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .contact-2 .address-info .address-info-item .circle-text, .contact-2 .address-info .address-info-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .contact-2 .address-info .address-info-item .count-text, .contact-2 .address-info .address-info-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .contact-2 .address-info .address-info-item .count-text, .contact-2 .address-info .address-info-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .pricing-tables .p-table .desc, .pricing-tables .p-table .contact-2 .address-info .address-info-item .desc, .contact-2 .address-info .address-info-item .blog-post-nav .prev-btn, .blog-post-nav .contact-2 .address-info .address-info-item .prev-btn, .contact-2 .address-info .address-info-item .blog-post-nav .next-btn, .blog-post-nav .contact-2 .address-info .address-info-item .next-btn, .contact-2 .address-info .address-info-item .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .contact-2 .address-info .address-info-item span, .contact-2 .address-info .address-info-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .contact-2 .address-info .address-info-item p, .contact-2 .address-info .address-info-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .contact-2 .address-info .address-info-item .cta-btn, .contact-2 .address-info .address-info-item .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .contact-2 .address-info .address-info-item label, .contact-2 .address-info .address-info-item .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .contact-2 .address-info .address-info-item label, .contact-2 .address-info .address-info-item .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .contact-2 .address-info .address-info-item td:first-child, .contact-2 .address-info .address-info-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .contact-2 .address-info .address-info-item .tpr-name { margin: 0; } .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item p { display: block; margin: 7px 0; text-transform: uppercase; font-size: 0.8em; line-height: 1; letter-spacing: 1px; color: #777; } .contact-2 form .alert { margin-top: 30px; } /* ---- 19.3 Contact Layout 3 ---- */ .contact-3 { background: #f4f4f4; } .contact-3 .form-wrapper { margin-top: 160px; margin-bottom: 160px; padding: 160px 100px 100px 100px; border-top: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .contact-3 .form-wrapper .from-header { text-align: center; margin-bottom: 100px; } .contact-3 .form-wrapper .from-header h2 { margin-top: 0; margin-bottom: 30px; } .contact-3 .form-wrapper p { color: #999; } .contact-3 .form-wrapper .form-group { padding-right: 45px; padding-left: 45px; } .contact-3 .form-wrapper input[type="submit"] { display: block; margin: auto; margin-top: 30px; } .contact-3 .form-wrapper .form-minimal input[type="text"], .contact-3 .form-wrapper .form-minimal input[type="email"], .contact-3 .form-wrapper .form-minimal input[type="tel"], .contact-3 .form-wrapper .form-minimal textarea { border: none; border-bottom: 1px solid #999; } .contact-3 .form-wrapper .form-minimal input[type="text"]:focus, .contact-3 .form-wrapper .form-minimal input[type="email"]:focus, .contact-3 .form-wrapper .form-minimal input[type="tel"]:focus, .contact-3 .form-wrapper .form-minimal textarea:focus { border-color: #111; } .contact-3 .form-wrapper .form-minimal .alert { margin-top: 20px; } .contact-3 .form-wrapper .form-minimal .input-error, .contact-3 .form-wrapper .form-minimal .input-error-2 { border-color: #e80000 !important; -webkit-transition: border-color 0.4s; transition: border-color 0.4s; } .contact-3 .form-wrapper .form-minimal .input-error:hover, .contact-3 .form-wrapper .form-minimal .input-error:focus, .contact-3 .form-wrapper .form-minimal .input-error-2:hover, .contact-3 .form-wrapper .form-minimal .input-error-2:focus { border-color: #e80000; } /* -------------------------------------------------- 21.0 Login/Signup - Pages -------------------------------------------------- */ /* ---- 21.1 Login Page 1 ---- */ .login-1 { background: #ececec; } .login-1 .bg-overlay { width: 100%; height: 100%; background: rgba(244, 244, 244, 0.7); } .login-1 .panel-group { margin-top: 160px; margin-bottom: 100px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .login-1 .panel-group .panel { border-radius: 0; border: none; } .login-1 .panel-group .panel .panel-heading { background: #fff; padding: 30px 100px; border: none; } .login-1 .panel-group .panel .panel-heading .panel-title a:focus { text-decoration: none; } .login-1 .panel-group .panel .panel-collapse .panel-body { border: none; padding-left: 100px; padding-right: 100px; } .login-1 .panel-group .panel .panel-collapse .panel-body .form-login .forget-pass-link { color: #999; padding-bottom: 4px; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s; } .login-1 .panel-group .panel .panel-collapse .panel-body .form-login .forget-pass-link:hover { color: #111; padding-bottom: 1px; border-bottom: 1px solid #111111; } .login-1 .panel-group .top-panel .panel-heading { padding-top: 100px; } .login-1 .panel-group .top-panel .panel-heading .panel-title .collapsed { color: #ccc; } .login-1 .panel-group .top-panel .panel-heading .panel-title .collapsed:hover { color: #111; } .login-1 .panel-group .bottom-panel .panel-heading .panel-title .collapsed { display: block; padding-bottom: 30px; color: #ccc; } .login-1 .panel-group .bottom-panel .panel-heading .panel-title .collapsed:hover { color: #111; } .login-1 .panel-group .bottom-panel .panel-body { padding-bottom: 100px; color: #999 !important; } .login-1 .panel-group .panel + .panel { margin-top: 0; } /* ---- 21.2 Login Page 2 ---- */ .login-2 { position: relative; width: 100%; height: 100%; background: url(../images/hero/white-city.jpg); background-position: 50%; background-size: cover; background-attachment: fixed; } .login-2 .bg-overlay { width: 100%; height: 100%; background: rgba(244, 244, 244, 0.7); } .login-2 .bg-overlay .form-wrapper { display: block; position: relative; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .login-2 .bg-overlay .form-wrapper:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .login-2 .bg-overlay .form-wrapper .form-content { margin-top: 160px; padding: 100px 100px 30px 100px; border-bottom: 1px solid #eaeaea; } .login-2 .bg-overlay .form-wrapper .form-content .form-header { margin-top: 0; margin-bottom: 50px; text-align: center; } .login-2 .bg-overlay .form-wrapper .form-content .forget-pass-link { color: #999; padding-bottom: 4px; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s; } .login-2 .bg-overlay .form-wrapper .form-content .forget-pass-link:hover { color: #111; padding-bottom: 1px; border-bottom: 1px solid #111111; } .login-2 .bg-overlay .form-wrapper .form-content .cards-header { display: block; margin-top: 50px; margin-bottom: 30px; text-align: center; color: #999; } .login-2 .bg-overlay .form-wrapper .social-signup { display: block; height: 140px; } .login-2 .bg-overlay .form-wrapper .social-signup .social-card { display: inline-block; position: relative; padding: 30px 50px; width: 50%; height: 100%; float: left; border-right: 1px solid #eaeaea; background: #fff; } .login-2 .bg-overlay .form-wrapper .social-signup .social-card:last-child { border-right: none; } .login-2 .bg-overlay .form-wrapper .social-signup .social-card span, .login-2 .bg-overlay .form-wrapper .social-signup .social-card i { position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; } .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead { display: block; bottom: 60px; } .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-info { bottom: 35px; color: #999; } .login-2 .bg-overlay .form-wrapper .social-signup .social-card i { display: inline-block; right: 40px; top: 40px; float: right; font-size: 50px; color: #111; vertical-align: top; } .login-2 .bg-overlay .form-wrapper .social-signup .fb-card { -webkit-transition: all 0.3s; transition: all 0.3s; } .login-2 .bg-overlay .form-wrapper .social-signup .fb-card:hover { background: #3b5998; } .login-2 .bg-overlay .form-wrapper .social-signup .fb-card:hover .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .fb-card:hover .sc-info, .login-2 .bg-overlay .form-wrapper .social-signup .fb-card:hover i { color: #fff; } .login-2 .bg-overlay .form-wrapper .social-signup .tw-card { -webkit-transition: all 0.3s; transition: all 0.3s; } .login-2 .bg-overlay .form-wrapper .social-signup .tw-card:hover { background: #55acee; } .login-2 .bg-overlay .form-wrapper .social-signup .tw-card:hover .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .tw-card:hover .sc-info, .login-2 .bg-overlay .form-wrapper .social-signup .tw-card:hover i { color: #fff; } .login-2 .bg-overlay .email-signup { color: #111; padding-bottom: 3px; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s; } .login-2 .bg-overlay .email-signup:hover { padding-bottom: 0; margin-bottom: 3px; border-bottom: 1px solid #111111; } /* -------------------------------------------------- 22.0 Coming Soon -------------------------------------------------- */ /* ---- 22.1 Coming Soon - Page 1 ---- */ .comingsoon { width: 100%; height: 100vh; background: url(../images/hero/white-city.jpg); background-position: 50%; background-size: cover; } .comingsoon .content-wrapper { display: table; width: 100%; height: 100%; background: rgba(244, 244, 244, 0.85); } .comingsoon .content-wrapper .content-inner { display: table-cell; vertical-align: middle; text-align: center; } .comingsoon .content-wrapper .content-inner header h1, .comingsoon .content-wrapper .content-inner header .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item header .nbr-timer { margin-bottom: 30px; font-size: 2em; } .comingsoon .content-wrapper .content-inner header p { color: #999; } .comingsoon .content-wrapper .content-inner .cs-timer { display: block; margin-top: 70px; margin-bottom: 70px; } .comingsoon .content-wrapper .content-inner .cs-timer .item { display: inline-block; margin-right: 15px; margin-left: 15px; margin: 30px 15px; width: 170px; height: 170px; border: 2px solid #111; border-radius: 100px; } .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer { display: block; margin-top: 45px; font-size: 55px; letter-spacing: 3px; line-height: 55px; } .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #777; } .comingsoon .content-wrapper .content-inner form h5, .comingsoon .content-wrapper .content-inner form .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .comingsoon .content-wrapper .content-inner form .ft-heading, .comingsoon .content-wrapper .content-inner form .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .comingsoon .content-wrapper .content-inner form .tab-info, .comingsoon .content-wrapper .content-inner form .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .comingsoon .content-wrapper .content-inner form .widget-comm-title, .comingsoon .content-wrapper .content-inner form .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item form .title-timer, .comingsoon .content-wrapper .content-inner form .shop-layout-options span, .shop-layout-options .comingsoon .content-wrapper .content-inner form span { margin-bottom: 30px; } .comingsoon .content-wrapper .content-inner form input[type="email"] { width: 250px; } /* ---- 22.2 Coming Soon - Page 2 ---- */ .comingsoon-2 { display: table; width: 100%; height: 100vh; background: url(../images/hero/man-rocks.jpg); background-position: 50%; background-size: cover; } .comingsoon-2 .content-wrapper { display: table-cell; width: 100%; height: 100%; vertical-align: middle; background: rgba(244, 244, 244, 0.85); } .comingsoon-2 .content-wrapper header { margin-bottom: 100px; } .comingsoon-2 .content-wrapper header h1, .comingsoon-2 .comingsoon .content-wrapper header .content-inner .cs-timer .item .nbr-timer, .comingsoon .comingsoon-2 .content-wrapper header .content-inner .cs-timer .item .nbr-timer, .comingsoon-2 .comingsoon .content-wrapper .content-inner .cs-timer .item header .nbr-timer, .comingsoon .comingsoon-2 .content-wrapper .content-inner .cs-timer .item header .nbr-timer { margin-bottom: 30px; } .comingsoon-2 .content-wrapper header p { color: #999; } .comingsoon-2 .content-wrapper form h5, .comingsoon-2 .content-wrapper form .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .comingsoon-2 .content-wrapper form .ft-heading, .comingsoon-2 .content-wrapper form .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .comingsoon-2 .content-wrapper form .tab-info, .comingsoon-2 .content-wrapper form .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .comingsoon-2 .content-wrapper form .widget-comm-title, .comingsoon-2 .comingsoon .content-wrapper form .content-inner .cs-timer .item .title-timer, .comingsoon .comingsoon-2 .content-wrapper form .content-inner .cs-timer .item .title-timer, .comingsoon-2 .comingsoon .content-wrapper .content-inner .cs-timer .item form .title-timer, .comingsoon .comingsoon-2 .content-wrapper .content-inner .cs-timer .item form .title-timer, .comingsoon-2 .content-wrapper form .shop-layout-options span, .shop-layout-options .comingsoon-2 .content-wrapper form span { margin-bottom: 30px; } .comingsoon-2 .content-wrapper form input[type="email"] { width: 250px; } .comingsoon .subscribe-result, .comingsoon-2 .subscribe-result { display: inline-block; } /* -------------------------------------------------- 24.0 404 Page -------------------------------------------------- */ .wrapper-404 { display: table; position: relative; width: 100%; height: 100vh; background: #cd5b3c; } .wrapper-404 .content-wrapper { display: table-cell; vertical-align: middle; text-align: center; } .wrapper-404 .content-wrapper .lead-wrapper { display: inline-block; } .wrapper-404 .content-wrapper .lead-wrapper h1, .wrapper-404 .comingsoon .content-wrapper .lead-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .wrapper-404 .content-wrapper .lead-wrapper .content-inner .cs-timer .item .nbr-timer, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .lead-wrapper .nbr-timer, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .lead-wrapper .nbr-timer { padding-right: 30px; border-right: 3px solid #ececec; font-size: 120px; letter-spacing: 20px; color: #ececec; } .wrapper-404 .content-wrapper .info-wrapper { display: inline-block; padding-left: 30px; padding-bottom: 10px; text-align: left; vertical-align: bottom; } .wrapper-404 .content-wrapper .info-wrapper .info-404 { color: #ececec; } .wrapper-404 .content-wrapper .links-404 { display: block; padding: 0; margin: 50px 0 0 400px; list-style: none; } .wrapper-404 .content-wrapper .links-404 li { display: inline-block; margin-right: 10px; } .wrapper-404 .content-wrapper .links-404 li a { vertical-align: middle; } /* -------------------------------------------------- 23.0 Maintenance Page -------------------------------------------------- */ .bg-maintenance { background: url(../images/hero/chairs.jpg); background-position: 50%; background-size: cover; } .bg-maintenance .content-wrapper { display: table; position: relative; width: 100%; height: 100vh; text-align: center; background: rgba(73, 85, 106, 0.95); } .bg-maintenance .content-wrapper .content-inner { display: table-cell; vertical-align: middle; padding-bottom: 100px; } .bg-maintenance .content-wrapper .content-inner i { display: inline-block; padding: 30px; margin-bottom: 75px; border-radius: 100px; font-size: 50px; color: #777; background: #ececec; } .bg-maintenance .content-wrapper .content-inner h3, .bg-maintenance .content-wrapper .content-inner .page-title .subheading, .page-title .bg-maintenance .content-wrapper .content-inner .subheading { margin-top: 0; margin: 30px; color: #ececec; } .bg-maintenance .content-wrapper .content-inner p { color: #ececec; } /* -------------------------------------------------- X Line Icons - Page -------------------------------------------------- */ .line-icons .how-to-use { padding-top: 15px; padding-bottom: 15px; border: 1px solid #ccc; background: #f4f4f4; } .line-icons .how-to-use p { margin-top: 15px; font-weight: 400; } .line-icons ul { list-style: none; padding: 0; margin: 0; } .line-icons ul li { display: block; margin-bottom: 40px; padding: 35px 15px; border: 1px solid #ccc; text-align: center; -webkit-transition: background 0.3s; transition: background 0.3s; } .line-icons ul li:hover { background: #f4f4f4; } .line-icons ul li:hover span { color: #111; } .line-icons ul li span { display: block; font-size: 50px; color: #777; -webkit-transition: color 0.5s; transition: color 0.5s; } .line-icons ul li p { margin-top: 25px; font-size: 1.2em; color: #999; } /* -------------------------------------------------- 20.0 Hero -------------------------------------------------- */ /* ---- 20.01 Preloader ---- */ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #111; z-index: 9999; } .preloader img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 50px; height: 50px; margin: auto; } /* ---- 20.02 Scroller ---- */ .scroller { display: inline-block; position: absolute; bottom: 15px; left: 0; right: 0; width: 120px; margin: 0 auto; font-size: 40px; text-align: center; color: rgba(235, 235, 235, 0.5); } .scroller:focus { color: inherit; text-decoration: none; } .scroller:hover { color: #ebebeb; } .scroller:hover .scroller-text { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 1; } .scroller .scroller-text { display: block; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: #ececec; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .scroller-dark { color: rgba(17, 17, 17, 0.5); } .scroller-dark:hover { color: #111111; } .scroller-dark .scroller-text { color: #111; } /* ---- 20.03 Hero Sliders Navigation ---- */ .fs-slider:hover .slick-prev, .fs-slider:hover .slick-next, .fw-slider:hover .slick-prev, .fw-slider:hover .slick-next, .text-slider:hover .slick-prev, .text-slider:hover .slick-next { opacity: 1; } .fs-slider .slick-prev, .fs-slider .slick-next, .fw-slider .slick-prev, .fw-slider .slick-next, .text-slider .slick-prev, .text-slider .slick-next { display: inline-block; position: absolute; top: 45%; width: 60px; height: 60px; border: none; font-size: 30px; color: #111; background: #ececec; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .fs-slider .slick-prev span, .fs-slider .slick-next span, .fw-slider .slick-prev span, .fw-slider .slick-next span, .text-slider .slick-prev span, .text-slider .slick-next span { line-height: 65px; } .fs-slider .slick-prev:focus, .fs-slider .slick-next:focus, .fw-slider .slick-prev:focus, .fw-slider .slick-next:focus, .text-slider .slick-prev:focus, .text-slider .slick-next:focus { outline: none; } .fs-slider .slick-prev:hover, .fs-slider .slick-next:hover, .fw-slider .slick-prev:hover, .fw-slider .slick-next:hover, .text-slider .slick-prev:hover, .text-slider .slick-next:hover { background: #111; color: #ececec; } .fs-slider .slick-prev, .fw-slider .slick-prev, .text-slider .slick-prev { top: 50%; right: 0; } .fs-slider .slick-next, .fw-slider .slick-next, .text-slider .slick-next { margin-top: -62px; right: 0; top: 50%; } /* ---- 20.1 Main Onepage ---- */ .main-demo-hero, .fs-video-hero, .fw-video-hero, .text-slider-hero, .freelancer-hero, .agency2-hero, .animated-hero, .web-app-hero { position: relative; width: 100%; height: 100vh; background: url(../images/hero/fog.jpg); background-size: cover; background-attachment: fixed; } .main-demo-hero .bg-overlay, .fs-video-hero .bg-overlay, .fw-video-hero .bg-overlay, .text-slider-hero .bg-overlay, .freelancer-hero .bg-overlay, .agency2-hero .bg-overlay, .animated-hero .bg-overlay, .web-app-hero .bg-overlay { position: absolute; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(236, 236, 236, 0.6); } .main-demo-hero .hero-content-wrapper, .fs-video-hero .hero-content-wrapper, .fw-video-hero .hero-content-wrapper, .text-slider-hero .hero-content-wrapper, .freelancer-hero .hero-content-wrapper, .agency2-hero .hero-content-wrapper, .animated-hero .hero-content-wrapper, .web-app-hero .hero-content-wrapper { display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; padding-left: 10%; } .main-demo-hero .hero-content-wrapper .hero-content, .fs-video-hero .hero-content-wrapper .hero-content, .fw-video-hero .hero-content-wrapper .hero-content, .text-slider-hero .hero-content-wrapper .hero-content, .freelancer-hero .hero-content-wrapper .hero-content, .agency2-hero .hero-content-wrapper .hero-content, .animated-hero .hero-content-wrapper .hero-content, .web-app-hero .hero-content-wrapper .hero-content { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .main-demo-hero .hero-content-wrapper .hero-content .hero-lead, .fs-video-hero .hero-content-wrapper .hero-content .hero-lead, .fw-video-hero .hero-content-wrapper .hero-content .hero-lead, .text-slider-hero .hero-content-wrapper .hero-content .hero-lead, .freelancer-hero .hero-content-wrapper .hero-content .hero-lead, .agency2-hero .hero-content-wrapper .hero-content .hero-lead, .animated-hero .hero-content-wrapper .hero-content .hero-lead, .web-app-hero .hero-content-wrapper .hero-content .hero-lead { font-size: 6em; font-weight: 700; letter-spacing: 2px; } .main-demo-hero .hero-content-wrapper .hero-content .hero-subheading, .fs-video-hero .hero-content-wrapper .hero-content .hero-subheading, .fw-video-hero .hero-content-wrapper .hero-content .hero-subheading, .text-slider-hero .hero-content-wrapper .hero-content .hero-subheading, .freelancer-hero .hero-content-wrapper .hero-content .hero-subheading, .agency2-hero .hero-content-wrapper .hero-content .hero-subheading, .animated-hero .hero-content-wrapper .hero-content .hero-subheading, .web-app-hero .hero-content-wrapper .hero-content .hero-subheading { margin-top: 100px; margin-bottom: 20px; color: #999; } /* ---- 20.2 Full Screen Slider ---- */ .fs-slider-hero .fs-slider .fs-slider-item { position: relative; width: 100%; height: 100vh; } .fs-slider-hero .fs-slider .fs-slider-item .bg-overlay { position: absolute; width: 100%; height: 100vh; top: 0; left: 0; } .fs-slider-hero .fs-slider .fs-slider-item .hero-content-wrapper { display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; } .fs-slider-hero .fs-slider .fs-slider-item .hero-content-wrapper .hero-content { display: table-cell; width: 100%; height: 100vh; vertical-align: middle; } .fs-slide-1 { background: url(../images/hero/hero-shore.jpg); background-size: cover; } .fs-slide-1 .bg-overlay { background: rgba(17, 17, 17, 0.7); } .fs-slide-1 .hero-content { text-align: center; } .fs-slide-1 .hero-content .hero-lead { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 6em; font-weight: 800; letter-spacing: 5px; color: #ececec; } .fs-slide-1 .hero-content .hero-subheading { margin-top: 100px; margin-bottom: 20px; color: #999; } .fs-slide-2 { background: url(../images/hero/fs-slider.jpg); background-size: cover; } .fs-slide-2 .bg-overlay { background: rgba(17, 17, 17, 0.7); } .fs-slide-2 .hero-content { padding-left: 10%; text-align: left; } .fs-slide-2 .hero-content .hero-lead { font-size: 6.5em; font-weight: 700; letter-spacing: 5px; color: #ececec; } .fs-slide-2 .hero-content .hero-lead span { font-weight: 300; } .fs-slide-2 .hero-content .hero-subheading { margin-top: 50px; margin-bottom: 30px; color: #999; } .fs-slide-3 { background: url(../images/hero/main.jpg); background-size: cover; } .fs-slide-3 .bg-overlay { background: rgba(17, 17, 17, 0.7); } .fs-slide-3 .hero-content { text-align: center; } .fs-slide-3 .hero-content .hero-lead { margin-bottom: 35px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 4em; font-weight: 800; letter-spacing: 15px; color: #ececec; } .fs-slide-3 .hero-content .hero-lead span { font-weight: 300; } .fs-slide-3 .hero-content .hero-subheading { margin-top: 100px; margin-bottom: 20px; color: #999; } /* ---- 20.3 Full Width Slider ---- */ .fw-slider-hero { position: relative; width: 100%; height: 600px; } .fw-slider-hero .fw-slider .fw-slider-item { position: relative; width: 100%; height: 600px; } .fw-slider-hero .fw-slider .fw-slider-item .bg-overlay { position: absolute; width: 100%; height: 600px; top: 0; left: 0; } .fw-slider-hero .fw-slider .fw-slider-item .hero-content-wrapper { display: table; width: 100%; height: 600px; } .fw-slider-hero .fw-slider .fw-slider-item .hero-content-wrapper .hero-content { display: table-cell; width: 100%; height: 600px; vertical-align: middle; text-align: center; } .fw-slider-hero .fw-slide-1, .fw-slider-hero .fw-slide-3 { background: url(../images/hero/man-rocks.jpg); background-size: cover; background-position: 50%; } .fw-slider-hero .fw-slide-1 .bg-overlay, .fw-slider-hero .fw-slide-3 .bg-overlay { background: rgba(17, 17, 17, 0.7); } .fw-slider-hero .fw-slide-1 .hero-content-wrapper .hero-content .hero-lead, .fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-lead { margin-bottom: 20px; font-size: 4em; font-weight: 700; letter-spacing: 20px; color: #ececec; } .fw-slider-hero .fw-slide-1 .hero-content-wrapper .hero-content .hero-subheading, .fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-subheading { margin-top: 0; margin-bottom: 50px; color: #999; } .fw-slider-hero .fw-slide-2 { background: url(../images/hero/edge.jpg); background-size: cover; background-position: 50%; } .fw-slider-hero .fw-slide-2 .bg-overlay { background: rgba(17, 17, 17, 0.75); } .fw-slider-hero .fw-slide-2 .hero-content-wrapper { padding-left: 10%; } .fw-slider-hero .fw-slide-2 .hero-content-wrapper .hero-content { text-align: left !important; } .fw-slider-hero .fw-slide-2 .hero-content-wrapper .hero-content .hero-lead { margin-bottom: 50px; font-size: 5em; font-weight: 700; letter-spacing: 5px; color: #ececec; } .fw-slider-hero .fw-slide-2 .hero-content-wrapper .hero-content .hero-subheading { margin-top: 0; margin-bottom: 30px; color: #999; } .fw-slider-hero .fw-slide-3 { background: url(../images/hero/coffe.jpg); background-size: cover; background-position: 50%; } .fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-lead { margin-top: 40px; margin-bottom: 50px; } .fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-subheading { margin: 0; } /* ---- 20.4 Full Screen Video ---- */ .fs-video-hero, .fw-video-hero { background: url(../images/hero/edge.jpg); background-size: cover; } .fs-video-hero .bg-overlay, .fw-video-hero .bg-overlay { background: rgba(17, 17, 17, 0.4); } .fs-video-hero .hero-content-wrapper .hero-content .hero-lead, .fw-video-hero .hero-content-wrapper .hero-content .hero-lead { color: #ececec; } .fs-video-hero .hero-content-wrapper .hero-content .hero-subheading, .fw-video-hero .hero-content-wrapper .hero-content .hero-subheading { margin-top: 100px; margin-bottom: 20px; color: #999; } /* ---- 20.5 Full Width Video ---- */ .fw-video-hero { height: 600px; } .fw-video-hero .bg-overlay { height: 600px; background: rgba(17, 17, 17, 0.5); } .fw-video-hero .hero-content-wrapper { height: 600px; } .fw-video-hero .hero-content-wrapper .hero-content { height: 600px; } .fw-video-hero .hero-content-wrapper .hero-content .hero-lead { font-size: 5em; color: #ececec; } .fw-video-hero .hero-content-wrapper .hero-content .hero-subheading { margin-top: 50px; margin-bottom: 30px; color: #999; } /* ---- 20.6 Text Slider ---- */ .text-slider-hero { background: url(../images/hero/text-slider.jpg); background-size: cover; background-position: 50%; } .text-slider-hero .bg-overlay { background: rgba(17, 17, 17, 0.6); } .text-slider-hero .hero-content-wrapper { left: 0; right: 0; padding-left: 0; } .text-slider-hero .hero-content-wrapper .hero-content { text-align: center; } .text-slider-hero .hero-content-wrapper .hero-content .hero-lead { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 9em; font-weight: 800; letter-spacing: 20px; color: #ececec; } .text-slider-hero .hero-content-wrapper .hero-content .hero-subheading { margin-top: 50px; margin-bottom: 20px; color: #999; } /* ---- 20.7 Freelancer ---- */ .freelancer-hero { background: url(../images/hero/freelancer.jpg); background-size: cover; background-position: 40%; background-attachment: fixed; } .freelancer-hero .bg-overlay { background: rgba(17, 17, 17, 0.6); } .freelancer-hero .hero-content-wrapper { left: 0; right: 0; padding-left: 0; } .freelancer-hero .hero-content-wrapper .hero-content { text-align: center; } .freelancer-hero .hero-content-wrapper .hero-content .hero-lead { margin-bottom: 50px; font-size: 5em; font-weight: 700; letter-spacing: 15px; color: #ececec; } .freelancer-hero .hero-content-wrapper .hero-content .hero-subheading { margin-bottom: 20px; } /* ---- 20.8 Agency ---- */ .agency-hero { position: relative; width: 100%; height: 100vh; text-align: center; background: #eee; } .agency-hero .hero-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .agency-hero .hero-wrapper .hero-content { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .agency-hero .hero-wrapper .hero-content .lead-img { max-width: 100%; height: auto; } .agency-hero .hero-wrapper .hero-content .text-wrapper { display: block; padding-top: 160px; text-align: center; } .agency-hero .hero-wrapper .hero-content .text-wrapper h4, .agency-hero .hero-wrapper .hero-content .text-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .agency-hero .hero-wrapper .hero-content .text-wrapper .tab-heading, .agency-hero .hero-wrapper .hero-content .text-wrapper .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .agency-hero .hero-wrapper .hero-content .text-wrapper .t-role, .agency-hero .hero-wrapper .hero-content .text-wrapper .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .agency-hero .hero-wrapper .hero-content .text-wrapper .t-role, .agency-hero .hero-wrapper .hero-content .text-wrapper .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .agency-hero .hero-wrapper .hero-content .text-wrapper .t-role, .agency-hero .hero-wrapper .hero-content .text-wrapper .t-join .t-info .t-role, .t-join .t-info .agency-hero .hero-wrapper .hero-content .text-wrapper .t-role, .agency-hero .hero-wrapper .hero-content .text-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .agency-hero .hero-wrapper .hero-content .text-wrapper .cards-header, .agency-hero .hero-wrapper .hero-content .text-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .agency-hero .hero-wrapper .hero-content .text-wrapper .sc-lead { color: #777; } .agency-hero .hero-wrapper .hero-content .text-wrapper p { color: #999; } .agency2-hero { background: url(../images/hero/tri.jpg); background-size: cover; background-position: 50%; background-attachment: fixed; } .agency2-hero .bg-overlay { background: rgba(17, 17, 17, 0.5); } .agency2-hero .large-header .demo-canvas { max-width: 100%; } .agency2-hero .hero-content-wrapper { padding-left: 0; } .agency2-hero .hero-content-wrapper .hero-content { text-align: center; } .agency2-hero .hero-content-wrapper .hero-content h1, .agency2-hero .hero-content-wrapper .hero-content .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .agency2-hero .hero-content-wrapper .hero-content .nbr-timer, .agency2-hero .hero-content-wrapper .hero-content h2, .agency2-hero .hero-content-wrapper .hero-content h3, .agency2-hero .hero-content-wrapper .hero-content .page-title .subheading, .page-title .agency2-hero .hero-content-wrapper .hero-content .subheading, .agency2-hero .hero-content-wrapper .hero-content h4, .agency2-hero .hero-content-wrapper .hero-content .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .agency2-hero .hero-content-wrapper .hero-content .tab-heading, .agency2-hero .hero-content-wrapper .hero-content .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .agency2-hero .hero-content-wrapper .hero-content .t-role, .agency2-hero .hero-content-wrapper .hero-content .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .agency2-hero .hero-content-wrapper .hero-content .t-role, .agency2-hero .hero-content-wrapper .hero-content .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .agency2-hero .hero-content-wrapper .hero-content .t-role, .agency2-hero .hero-content-wrapper .hero-content .t-join .t-info .t-role, .t-join .t-info .agency2-hero .hero-content-wrapper .hero-content .t-role, .agency2-hero .hero-content-wrapper .hero-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .agency2-hero .hero-content-wrapper .hero-content .cards-header, .agency2-hero .hero-content-wrapper .hero-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .agency2-hero .hero-content-wrapper .hero-content .sc-lead, .agency2-hero .hero-content-wrapper .hero-content h6, .agency2-hero .hero-content-wrapper .hero-content .progress-group .progress-title, .progress-group .agency2-hero .hero-content-wrapper .hero-content .progress-title, .agency2-hero .hero-content-wrapper .hero-content .progress-group .progress-value, .progress-group .agency2-hero .hero-content-wrapper .hero-content .progress-value, .agency2-hero .hero-content-wrapper .hero-content .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .agency2-hero .hero-content-wrapper .hero-content .panel-title, .agency2-hero .hero-content-wrapper .hero-content .footer-social-links ul li, .footer-social-links ul .agency2-hero .hero-content-wrapper .hero-content li, .agency2-hero .hero-content-wrapper .hero-content .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .agency2-hero .hero-content-wrapper .hero-content .show-info-link, .agency2-hero .hero-content-wrapper .hero-content .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .agency2-hero .hero-content-wrapper .hero-content .adr-heading, .agency2-hero .hero-content-wrapper .hero-content .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .agency2-hero .hero-content-wrapper .hero-content .show-map, .agency2-hero .hero-content-wrapper .hero-content .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .agency2-hero .hero-content-wrapper .hero-content .adr-heading, .agency2-hero .hero-content-wrapper .hero-content .ft-cards .ft-item a, .ft-cards .ft-item .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .agency2-hero .hero-content-wrapper .hero-content .link-btn, .agency2-hero .hero-content-wrapper .hero-content .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .circles-counters .circle-item .circle-text, .circles-counters .circle-item .agency2-hero .hero-content-wrapper .hero-content .circle-text, .agency2-hero .hero-content-wrapper .hero-content .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .agency2-hero .hero-content-wrapper .hero-content .circle-text, .agency2-hero .hero-content-wrapper .hero-content .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .agency2-hero .hero-content-wrapper .hero-content .count-text, .agency2-hero .hero-content-wrapper .hero-content .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .agency2-hero .hero-content-wrapper .hero-content .count-text, .agency2-hero .hero-content-wrapper .hero-content .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .pricing-tables .p-table .desc, .pricing-tables .p-table .agency2-hero .hero-content-wrapper .hero-content .desc, .agency2-hero .hero-content-wrapper .hero-content .blog-post-nav .prev-btn, .blog-post-nav .agency2-hero .hero-content-wrapper .hero-content .prev-btn, .agency2-hero .hero-content-wrapper .hero-content .blog-post-nav .next-btn, .blog-post-nav .agency2-hero .hero-content-wrapper .hero-content .next-btn, .agency2-hero .hero-content-wrapper .hero-content .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .agency2-hero .hero-content-wrapper .hero-content span, .agency2-hero .hero-content-wrapper .hero-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .agency2-hero .hero-content-wrapper .hero-content p, .agency2-hero .hero-content-wrapper .hero-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .agency2-hero .hero-content-wrapper .hero-content .cta-btn, .agency2-hero .hero-content-wrapper .hero-content .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .agency2-hero .hero-content-wrapper .hero-content label, .agency2-hero .hero-content-wrapper .hero-content .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .agency2-hero .hero-content-wrapper .hero-content label, .agency2-hero .hero-content-wrapper .hero-content .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .agency2-hero .hero-content-wrapper .hero-content td:first-child, .agency2-hero .hero-content-wrapper .hero-content .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .agency2-hero .hero-content-wrapper .hero-content .tpr-name { color: #ececec; } .agency2-hero .hero-content-wrapper .hero-content .hero-lead { margin-top: 0; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 4em; font-weight: 400; letter-spacing: 10px; color: #ececec; } .agency2-hero .hero-content-wrapper .hero-content .hero-secondary { letter-spacing: 10px; } .agency2-hero .hero-content-wrapper .hero-content .btn, .agency2-hero .hero-content-wrapper .hero-content .btn-ghost, .agency2-hero .hero-content-wrapper .hero-content .btn-ghost-light, .agency2-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .agency2-hero .hero-content-wrapper .hero-content .btn-ghost-light, .agency2-hero .hero-content-wrapper .hero-content .btn-text, .agency2-hero .hero-content-wrapper .hero-content .btn-text-light, .agency2-hero .hero-content-wrapper .hero-content .btn-light, .agency2-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .agency2-hero .hero-content-wrapper .hero-content .btn-ghost, .agency2-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .agency2-hero .hero-content-wrapper .hero-content .btn-light { margin-top: 50px; } .agency2-hero .hero-content-wrapper .hero-content img { margin-bottom: 50px; } /* ---- 20.9 Animated Heading ---- */ .animated-hero { background: url(../images/hero/back-1.jpg); background-size: cover; background-position: 50%; background-attachment: fixed; } .animated-hero .bg-overlay { background: rgba(17, 17, 17, 0.4); } .animated-hero .hero-content-wrapper { left: 0; right: 0; padding-left: 0; } .animated-hero .hero-content-wrapper .hero-content { text-align: center; } .animated-hero .hero-content-wrapper .hero-content .hero-lead { font-size: 6.5em; font-weight: 700; letter-spacing: 20px; color: #ececec; } .animated-hero .hero-content-wrapper .hero-content .hero-lead span { text-align: center; } .animated-hero .hero-content-wrapper .hero-content .hero-subheading { margin-top: 50px; margin-bottom: 20px; color: #999; } /* ---- 20.10 Kenburn Slider ---- */ .kenburn-hero .kenburn-slider { overflow: hidden; } .kenburn-hero .kenburn-slider .slick-dots { display: block; position: absolute; bottom: 50px; left: 10%; } .kenburn-hero .kenburn-slider .slick-dots li:hover { border-color: transparent; background: #ececec; } .kenburn-hero .kenburn-slider canvas { position: relative; top: 0; width: 100vw; height: 100vh; } .kenburn-hero .kenburn-slider .hero-wrapper { display: table; position: absolute; padding-left: 10%; padding-right: 10%; top: 0; left: 0; width: 100%; height: 100vh; text-align: center; background: rgba(17, 17, 17, 0.4); z-index: 2; } .kenburn-hero .kenburn-slider .hero-wrapper .hero-content { display: table-cell; text-align: left; vertical-align: middle; } .kenburn-hero .kenburn-slider .hero-wrapper .hero-content h4, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .tab-heading, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-role, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-role, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-role, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-join .t-info .t-role, .t-join .t-info .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-role, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .cards-header, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .sc-lead { color: #ececec; margin-bottom: 50px; } .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .lead-white-bg { display: inline-block; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; font-size: 6em; color: #111; } .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .lead-white-bg span { display: inline-block; padding: 5px 17px; margin-bottom: 10px; background: #fff; } .kenburn-hero .scroller { z-index: 3; } /* ---- 20.11 Landing Page ---- */ .landing-hero { position: relative; width: 100%; height: 100vh; background: url(../images/hero/landing.jpg); background-size: cover; background-position: 40%; background-attachment: fixed; } .landing-hero .bg-overlay { height: 100vh; width: 100%; background: rgba(17, 17, 17, 0.6); } .landing-hero .hero-wrapper { display: table; width: 100%; height: 100vh; } .landing-hero .hero-wrapper .hero-content { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .landing-hero .heading-wrapper { text-align: left; } .landing-hero .heading-wrapper .lead { font-size: 2.5em; letter-spacing: 5px; color: #ececec; } .landing-hero .heading-wrapper .subheading { margin-bottom: 50px; letter-spacing: 4px; color: #999; } .landing-hero .heading-wrapper .cta-btn { display: block; margin-top: 75px; color: #999; } .landing-hero .heading-wrapper .cta-btn:hover { color: #fff; } .landing-hero .heading-wrapper .cta-btn:focus, .landing-hero .heading-wrapper .cta-btn:visited { text-decoration: none; } .landing-hero .form-wrapper { padding: 75px; background: rgba(17, 17, 17, 0.2); } .landing-hero .form-wrapper input { margin-bottom: 30px; } .landing-hero .form-wrapper input:last-child { margin: 0; } /* ---- 20.12 App Landing Page ---- */ .app-hero { height: 100vh; } .app-hero .row { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .app-hero .hero-text { padding-top: 50px; } .app-hero .hero-text .hero-lead { margin-bottom: 50px; font-size: 3.4em; font-weight: 700; letter-spacing: 10px; } .app-hero .hero-text p { margin-bottom: 30px; color: #999; } .app-hero .hero-text .btn-light { margin-left: 10px; } .app-hero .hero-img-container img { height: 475px; } .web-app-hero { background: url(../images/hero/white-desk.jpg); background-size: cover; background-position: 50%; background-attachment: fixed; } .web-app-hero .bg-overlay { background: none; } .web-app-hero .hero-content-wrapper { padding-left: 0; } .web-app-hero .hero-content-wrapper .hero-content { text-align: center; } .web-app-hero .hero-content-wrapper .hero-content .hero-lead { margin-top: 0; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 70px; letter-spacing: 10px; } .web-app-hero .hero-content-wrapper .hero-content .hero-subheading { margin-top: 0; } .web-app-hero .hero-content-wrapper .hero-content .btn, .web-app-hero .hero-content-wrapper .hero-content .btn-ghost, .web-app-hero .hero-content-wrapper .hero-content .btn-ghost-light, .web-app-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .web-app-hero .hero-content-wrapper .hero-content .btn-ghost-light, .web-app-hero .hero-content-wrapper .hero-content .btn-text, .web-app-hero .hero-content-wrapper .hero-content .btn-text-light, .web-app-hero .hero-content-wrapper .hero-content .btn-light, .web-app-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .web-app-hero .hero-content-wrapper .hero-content .btn-ghost, .web-app-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .web-app-hero .hero-content-wrapper .hero-content .btn-light { margin-top: 50px; } /* -------------------------------------------------- 25.0 Labels -------------------------------------------------- */ .label { border-radius: 0; } .label-dark { background-color: #111; } .label-red { background-color: #db211e; } .label-green { background-color: #0bbe30; } .label-yellow { background-color: #fcd741; } .label-gray { background-color: #7e8c95; } .label-outline { padding: 0.1em 0.5em 0.2em; border: 2px solid #111; background-color: none; color: #111; } .label-lg { padding: 0.55em 0.9em; } .label-sm { padding: 0.1em 0.5em; } /* -------------------------------------------------- 26.0 Hover Effects -------------------------------------------------- */ /* ---- 26.1 Hover Default - Effect ---- */ .hover-default .p-hover, .hover-light .p-hover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.8); overflow: hidden; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .hover-default .p-hover .p-content, .hover-light .p-hover .p-content { position: absolute; left: 40px; right: 40px; bottom: 25px; -webkit-transition: bottom 0.5s; transition: bottom 0.5s; } .hover-default .p-hover .p-content h2:first-child, .hover-light .p-hover .p-content h2:first-child, .hover-default .p-hover .p-content h3:first-child, .hover-light .p-hover .p-content h3:first-child, .hover-default .p-hover .p-content .page-title .subheading:first-child, .page-title .hover-default .p-hover .p-content .subheading:first-child, .hover-light .p-hover .p-content .page-title .subheading:first-child, .page-title .hover-light .p-hover .p-content .subheading:first-child, .hover-default .p-hover .p-content h4:first-child, .hover-light .p-hover .p-content h4:first-child, .hover-default .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .hover-default .p-hover .p-content .tab-heading:first-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-heading:first-child, .hover-default .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .hover-default .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-default .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .hover-default .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-default .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .hover-default .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-default .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .hover-default .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-default .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-default .p-hover .p-content .cards-header:first-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-light .p-hover .p-content .cards-header:first-child, .hover-default .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-default .p-hover .p-content .sc-lead:first-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-light .p-hover .p-content .sc-lead:first-child, .hover-default .p-hover .p-content h5:first-child, .hover-light .p-hover .p-content h5:first-child, .hover-default .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .hover-default .p-hover .p-content .ft-heading:first-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content .ft-heading:first-child, .hover-default .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .hover-default .p-hover .p-content .tab-info:first-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-info:first-child, .hover-default .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .hover-default .p-hover .p-content .widget-comm-title:first-child, .hover-light .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .hover-light .p-hover .p-content .widget-comm-title:first-child, .hover-default .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-default .p-hover .p-content .title-timer:first-child, .hover-light .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-light .p-hover .p-content .title-timer:first-child, .hover-default .p-hover .p-content .shop-layout-options span:first-child, .shop-layout-options .hover-default .p-hover .p-content span:first-child, .hover-light .p-hover .p-content .shop-layout-options span:first-child, .shop-layout-options .hover-light .p-hover .p-content span:first-child, .hover-default .p-hover .p-content h6:first-child, .hover-light .p-hover .p-content h6:first-child, .hover-default .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .hover-default .p-hover .p-content .progress-title:first-child, .hover-light .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .hover-light .p-hover .p-content .progress-title:first-child, .hover-default .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .hover-default .p-hover .p-content .progress-value:first-child, .hover-light .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .hover-light .p-hover .p-content .progress-value:first-child, .hover-default .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .hover-default .p-hover .p-content .panel-title:first-child, .hover-light .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .hover-light .p-hover .p-content .panel-title:first-child, .hover-default .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .hover-default .p-hover .p-content li:first-child, .hover-light .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .hover-light .p-hover .p-content li:first-child, .hover-default .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .hover-default .p-hover .p-content .show-info-link:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .hover-light .p-hover .p-content .show-info-link:first-child, .hover-default .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .hover-default .p-hover .p-content .adr-heading:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .hover-light .p-hover .p-content .adr-heading:first-child, .hover-default .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .hover-default .p-hover .p-content .show-map:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .hover-light .p-hover .p-content .show-map:first-child, .hover-default .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .hover-default .p-hover .p-content .adr-heading:first-child, .hover-light .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .hover-light .p-hover .p-content .adr-heading:first-child, .hover-default .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .hover-default .p-hover .p-content .link-btn:first-child, .hover-light .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .hover-light .p-hover .p-content .link-btn:first-child, .hover-default .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .hover-default .p-hover .p-content .circle-text:first-child, .hover-light .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .hover-light .p-hover .p-content .circle-text:first-child, .hover-default .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .hover-default .p-hover .p-content .circle-text:first-child, .hover-light .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .hover-light .p-hover .p-content .circle-text:first-child, .hover-default .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .hover-default .p-hover .p-content .count-text:first-child, .hover-light .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:first-child, .hover-default .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .hover-default .p-hover .p-content .count-text:first-child, .hover-light .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:first-child, .hover-default .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .hover-default .p-hover .p-content .desc:first-child, .hover-light .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .hover-light .p-hover .p-content .desc:first-child, .hover-default .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .hover-default .p-hover .p-content .prev-btn:first-child, .hover-light .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .hover-light .p-hover .p-content .prev-btn:first-child, .hover-default .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .hover-default .p-hover .p-content .next-btn:first-child, .hover-light .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .hover-light .p-hover .p-content .next-btn:first-child, .hover-default .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content span:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content span:first-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content p:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content p:first-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .hover-default .p-hover .p-content .cta-btn:first-child, .hover-light .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .hover-light .p-hover .p-content .cta-btn:first-child, .hover-default .p-hover .p-content .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .hover-default .p-hover .p-content label:first-child, .hover-light .p-hover .p-content .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .hover-light .p-hover .p-content label:first-child, .hover-default .p-hover .p-content .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .hover-default .p-hover .p-content label:first-child, .hover-light .p-hover .p-content .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .hover-light .p-hover .p-content label:first-child, .hover-default .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .hover-default .p-hover .p-content td:first-child, .hover-light .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .hover-light .p-hover .p-content td:first-child, .hover-default .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .hover-default .p-hover .p-content .tpr-name:first-child, .hover-light .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .hover-light .p-hover .p-content .tpr-name:first-child, .hover-default .p-hover .p-content p:first-child, .hover-light .p-hover .p-content p:first-child, .hover-default .p-hover .p-content span:first-child, .hover-light .p-hover .p-content span:first-child { margin-top: 0; margin-bottom: 0; color: #ececec; } .hover-default .p-hover .p-content h2:last-child, .hover-light .p-hover .p-content h2:last-child, .hover-default .p-hover .p-content h3:last-child, .hover-light .p-hover .p-content h3:last-child, .hover-default .p-hover .p-content .page-title .subheading:last-child, .page-title .hover-default .p-hover .p-content .subheading:last-child, .hover-light .p-hover .p-content .page-title .subheading:last-child, .page-title .hover-light .p-hover .p-content .subheading:last-child, .hover-default .p-hover .p-content h4:last-child, .hover-light .p-hover .p-content h4:last-child, .hover-default .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .hover-default .p-hover .p-content .tab-heading:last-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-heading:last-child, .hover-default .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .hover-default .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-default .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .hover-default .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-default .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .hover-default .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-default .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .hover-default .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-default .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-default .p-hover .p-content .cards-header:last-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-light .p-hover .p-content .cards-header:last-child, .hover-default .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-default .p-hover .p-content .sc-lead:last-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-light .p-hover .p-content .sc-lead:last-child, .hover-default .p-hover .p-content h5:last-child, .hover-light .p-hover .p-content h5:last-child, .hover-default .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .hover-default .p-hover .p-content .ft-heading:last-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content .ft-heading:last-child, .hover-default .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .hover-default .p-hover .p-content .tab-info:last-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-info:last-child, .hover-default .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .hover-default .p-hover .p-content .widget-comm-title:last-child, .hover-light .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .hover-light .p-hover .p-content .widget-comm-title:last-child, .hover-default .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-default .p-hover .p-content .title-timer:last-child, .hover-light .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-light .p-hover .p-content .title-timer:last-child, .hover-default .p-hover .p-content .shop-layout-options span:last-child, .shop-layout-options .hover-default .p-hover .p-content span:last-child, .hover-light .p-hover .p-content .shop-layout-options span:last-child, .shop-layout-options .hover-light .p-hover .p-content span:last-child, .hover-default .p-hover .p-content h6:last-child, .hover-light .p-hover .p-content h6:last-child, .hover-default .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .hover-default .p-hover .p-content .progress-title:last-child, .hover-light .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .hover-light .p-hover .p-content .progress-title:last-child, .hover-default .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .hover-default .p-hover .p-content .progress-value:last-child, .hover-light .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .hover-light .p-hover .p-content .progress-value:last-child, .hover-default .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .hover-default .p-hover .p-content .panel-title:last-child, .hover-light .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .hover-light .p-hover .p-content .panel-title:last-child, .hover-default .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .hover-default .p-hover .p-content li:last-child, .hover-light .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .hover-light .p-hover .p-content li:last-child, .hover-default .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .hover-default .p-hover .p-content .show-info-link:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .hover-light .p-hover .p-content .show-info-link:last-child, .hover-default .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .hover-default .p-hover .p-content .adr-heading:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .hover-light .p-hover .p-content .adr-heading:last-child, .hover-default .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .hover-default .p-hover .p-content .show-map:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .hover-light .p-hover .p-content .show-map:last-child, .hover-default .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .hover-default .p-hover .p-content .adr-heading:last-child, .hover-light .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .hover-light .p-hover .p-content .adr-heading:last-child, .hover-default .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .hover-default .p-hover .p-content .link-btn:last-child, .hover-light .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .hover-light .p-hover .p-content .link-btn:last-child, .hover-default .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .hover-default .p-hover .p-content .circle-text:last-child, .hover-light .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .hover-light .p-hover .p-content .circle-text:last-child, .hover-default .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .hover-default .p-hover .p-content .circle-text:last-child, .hover-light .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .hover-light .p-hover .p-content .circle-text:last-child, .hover-default .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .hover-default .p-hover .p-content .count-text:last-child, .hover-light .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:last-child, .hover-default .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .hover-default .p-hover .p-content .count-text:last-child, .hover-light .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:last-child, .hover-default .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .hover-default .p-hover .p-content .desc:last-child, .hover-light .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .hover-light .p-hover .p-content .desc:last-child, .hover-default .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .hover-default .p-hover .p-content .prev-btn:last-child, .hover-light .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .hover-light .p-hover .p-content .prev-btn:last-child, .hover-default .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .hover-default .p-hover .p-content .next-btn:last-child, .hover-light .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .hover-light .p-hover .p-content .next-btn:last-child, .hover-default .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content span:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content span:last-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content p:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content p:last-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .hover-default .p-hover .p-content .cta-btn:last-child, .hover-light .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .hover-light .p-hover .p-content .cta-btn:last-child, .hover-default .p-hover .p-content .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .hover-default .p-hover .p-content label:last-child, .hover-light .p-hover .p-content .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .hover-light .p-hover .p-content label:last-child, .hover-default .p-hover .p-content .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .hover-default .p-hover .p-content label:last-child, .hover-light .p-hover .p-content .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .hover-light .p-hover .p-content label:last-child, .hover-default .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .hover-default .p-hover .p-content td:last-child:first-child, .hover-light .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .hover-light .p-hover .p-content td:last-child:first-child, .hover-default .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .hover-default .p-hover .p-content .tpr-name:last-child, .hover-light .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .hover-light .p-hover .p-content .tpr-name:last-child, .hover-default .p-hover .p-content p:last-child, .hover-light .p-hover .p-content p:last-child, .hover-default .p-hover .p-content span:last-child, .hover-light .p-hover .p-content span:last-child { margin-top: 10px; margin-bottom: 0; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2.5px; color: #999; } .hover-default .p-hover:hover, .hover-light .p-hover:hover { opacity: 1; } .hover-default .p-hover:hover .p-content, .hover-light .p-hover:hover .p-content { bottom: 45px; } .hover-default .p-hover:hover .open-btn, .hover-light .p-hover:hover .open-btn { top: 0; } .hover-default .open-btn, .hover-light .open-btn { position: absolute; padding-top: 22px; width: 60px; height: 60px; right: 0; top: -60px; font-size: 15px; text-align: center; line-height: 0; color: #111; background: #ececec; -webkit-transition: top 0.5; transition: top 0.5; } .hover-default .open-btn:focus, .hover-light .open-btn:focus, .hover-default .open-btn:visited, .hover-light .open-btn:visited { outline: none; } .hover-default .open-btn:hover, .hover-light .open-btn:hover { color: #ececec; background: #111; } .hover-light .p-hover { background: rgba(236, 236, 236, 0.9); } .hover-light .p-hover .p-content h2:first-child, .hover-light .p-hover .p-content h3:first-child, .hover-light .p-hover .p-content .page-title .subheading:first-child, .page-title .hover-light .p-hover .p-content .subheading:first-child, .hover-light .p-hover .p-content h4:first-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-heading:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-light .p-hover .p-content .cards-header:first-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-light .p-hover .p-content .sc-lead:first-child, .hover-light .p-hover .p-content h5:first-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content .ft-heading:first-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-info:first-child, .hover-light .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .hover-light .p-hover .p-content .widget-comm-title:first-child, .hover-light .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-light .p-hover .p-content .title-timer:first-child, .hover-light .p-hover .p-content .shop-layout-options span:first-child, .shop-layout-options .hover-light .p-hover .p-content span:first-child, .hover-light .p-hover .p-content h6:first-child, .hover-light .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .hover-light .p-hover .p-content .progress-title:first-child, .hover-light .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .hover-light .p-hover .p-content .progress-value:first-child, .hover-light .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .hover-light .p-hover .p-content .panel-title:first-child, .hover-light .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .hover-light .p-hover .p-content li:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .hover-light .p-hover .p-content .show-info-link:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .hover-light .p-hover .p-content .adr-heading:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .hover-light .p-hover .p-content .show-map:first-child, .hover-light .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .hover-light .p-hover .p-content .adr-heading:first-child, .hover-light .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .hover-light .p-hover .p-content .link-btn:first-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .hover-light .p-hover .p-content .circle-text:first-child, .hover-light .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .hover-light .p-hover .p-content .circle-text:first-child, .hover-light .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:first-child, .hover-light .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:first-child, .hover-light .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .hover-light .p-hover .p-content .desc:first-child, .hover-light .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .hover-light .p-hover .p-content .prev-btn:first-child, .hover-light .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .hover-light .p-hover .p-content .next-btn:first-child, .hover-light .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content span:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content p:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .hover-light .p-hover .p-content .cta-btn:first-child, .hover-light .p-hover .p-content .shop-sidebar .filter-widget label:first-child, .shop-sidebar .filter-widget .hover-light .p-hover .p-content label:first-child, .hover-light .p-hover .p-content .shop-sidebar-vertical .filter-widget label:first-child, .shop-sidebar-vertical .filter-widget .hover-light .p-hover .p-content label:first-child, .hover-light .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:first-child, .shop-sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:first-child, .shop-sidebar-vertical .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .hover-light .p-hover .p-content td:first-child, .hover-light .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .hover-light .p-hover .p-content .tpr-name:first-child, .hover-light .p-hover .p-content p:first-child, .hover-light .p-hover .p-content span:first-child { color: #111; } .hover-light .p-hover .p-content h2:last-child, .hover-light .p-hover .p-content h3:last-child, .hover-light .p-hover .p-content .page-title .subheading:last-child, .page-title .hover-light .p-hover .p-content .subheading:last-child, .hover-light .p-hover .p-content h4:last-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-heading:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-light .p-hover .p-content .cards-header:last-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-light .p-hover .p-content .sc-lead:last-child, .hover-light .p-hover .p-content h5:last-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content .ft-heading:last-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-info:last-child, .hover-light .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .hover-light .p-hover .p-content .widget-comm-title:last-child, .hover-light .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-light .p-hover .p-content .title-timer:last-child, .hover-light .p-hover .p-content .shop-layout-options span:last-child, .shop-layout-options .hover-light .p-hover .p-content span:last-child, .hover-light .p-hover .p-content h6:last-child, .hover-light .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .hover-light .p-hover .p-content .progress-title:last-child, .hover-light .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .hover-light .p-hover .p-content .progress-value:last-child, .hover-light .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .hover-light .p-hover .p-content .panel-title:last-child, .hover-light .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .hover-light .p-hover .p-content li:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .hover-light .p-hover .p-content .show-info-link:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .hover-light .p-hover .p-content .adr-heading:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .hover-light .p-hover .p-content .show-map:last-child, .hover-light .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .hover-light .p-hover .p-content .adr-heading:last-child, .hover-light .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .hover-light .p-hover .p-content .link-btn:last-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .hover-light .p-hover .p-content .circle-text:last-child, .hover-light .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .hover-light .p-hover .p-content .circle-text:last-child, .hover-light .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:last-child, .hover-light .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:last-child, .hover-light .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .hover-light .p-hover .p-content .desc:last-child, .hover-light .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .hover-light .p-hover .p-content .prev-btn:last-child, .hover-light .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .hover-light .p-hover .p-content .next-btn:last-child, .hover-light .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content span:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content p:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .hover-light .p-hover .p-content .cta-btn:last-child, .hover-light .p-hover .p-content .shop-sidebar .filter-widget label:last-child, .shop-sidebar .filter-widget .hover-light .p-hover .p-content label:last-child, .hover-light .p-hover .p-content .shop-sidebar-vertical .filter-widget label:last-child, .shop-sidebar-vertical .filter-widget .hover-light .p-hover .p-content label:last-child, .hover-light .p-hover .p-content .shop-sidebar .tags-widget .tag-list li a:last-child, .shop-sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .shop-sidebar-vertical .tags-widget .tag-list li a:last-child, .shop-sidebar-vertical .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .hover-light .p-hover .p-content td:last-child:first-child, .hover-light .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .hover-light .p-hover .p-content .tpr-name:last-child, .hover-light .p-hover .p-content p:last-child, .hover-light .p-hover .p-content span:last-child { color: #999; } .hover-light .open-btn { color: #ececec; background: #111; } .hover-light .open-btn:hover { color: #111; background: #ececec; } /* ---- 26.2 Hover Bottom - Effect ---- */ .portfolio-item.hover-bottom figure img { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .portfolio-item.hover-bottom figure:hover img, .portfolio-item.hover-bottom figure:active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); } .portfolio-item.hover-bottom figure:hover figcaption, .portfolio-item.hover-bottom figure:active figcaption { top: initial; bottom: 0; } .portfolio-item.hover-bottom figure figcaption { height: 60px; top: initial; bottom: -60px; background: #111; opacity: 1; -webkit-transition: bottom 0.4s; transition: bottom 0.4s; } .portfolio-item.hover-bottom figure figcaption a:focus { otline: none; } .portfolio-item.hover-bottom figure figcaption .hover-heading { display: inline-block; padding-left: 40px; line-height: 2.6; letter-spacing: 2.8px; color: #ececec; } .portfolio-item.hover-bottom figure figcaption .hover-btns { display: inline-block; margin: 0; list-style: none; float: right; } .portfolio-item.hover-bottom figure figcaption .hover-btns li { display: inline-block; margin-left: 1px; float: right; background: #2b2b2b; -webkit-transition: background 0.4s; transition: background 0.4s; } .portfolio-item.hover-bottom figure figcaption .hover-btns li:hover { cursor: pointer; background: #ececec; } .portfolio-item.hover-bottom figure figcaption .hover-btns li:hover a { color: #111; } .portfolio-item.hover-bottom figure figcaption .hover-btns li a { display: block; padding: 22px; font-size: 17px; line-height: 0; color: #ececec; } .portfolio-item.hover-bottom figure figcaption .hover-btns li a:focus, .portfolio-item.hover-bottom figure figcaption .hover-btns li a:active { outline: none; } .hover-bottom.hover-light figure figcaption { background: #f4f4f4; } .hover-bottom.hover-light figure figcaption .hover-heading { color: #111; } .hover-bottom.hover-light figure figcaption .hover-btns li { background: #eaeaea; } .hover-bottom.hover-light figure figcaption .hover-btns li:hover { background: #c4c4c4; } .hover-bottom.hover-light figure figcaption .hover-btns li a { color: #111; } /* ---- 26.3 Hover Side Panel - Effect ---- */ .portfolio-item.hover-side figure img { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .portfolio-item.hover-side figure:hover img, .portfolio-item.hover-side figure:active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translateX(38.2%); -ms-transform: translateX(38.2%); transform: translateX(38.2%); } .portfolio-item.hover-side figure:hover figcaption, .portfolio-item.hover-side figure:active figcaption { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .portfolio-item.hover-side figure:hover figcaption .hover-heading, .portfolio-item.hover-side figure:hover figcaption .hover-text, .portfolio-item.hover-side figure:hover figcaption .hover-more-btn, .portfolio-item.hover-side figure:hover figcaption .hover-btns, .portfolio-item.hover-side figure:active figcaption .hover-heading, .portfolio-item.hover-side figure:active figcaption .hover-text, .portfolio-item.hover-side figure:active figcaption .hover-more-btn, .portfolio-item.hover-side figure:active figcaption .hover-btns { opacity: 1; } .portfolio-item.hover-side figure figcaption { padding: 40px 30px; width: 38.2%; background: #111; opacity: 1; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .portfolio-item.hover-side figure figcaption .hover-heading { margin: 0; padding-bottom: 20px; font-size: 0.95em; line-height: 1.7; color: #ececec; opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } .portfolio-item.hover-side figure figcaption .hover-text { margin: 0; font-size: 0.9em; line-height: 1.6; color: #999; opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } .portfolio-item.hover-side figure figcaption .hover-more-btn { display: block; padding-top: 5px; font-size: 25px; color: #999; opacity: 0; -webkit-transition: opacity 0.6s, color 0.4s; transition: opacity 0.6s, color 0.4s; } .portfolio-item.hover-side figure figcaption .hover-more-btn:hover { color: #ececec; } .portfolio-item.hover-side figure figcaption .hover-btns { display: inline-block; position: absolute; bottom: 30px; right: 20px; margin: 0; list-style: none; opacity: 0; -webkit-transition: opacity 0.7s; transition: opacity 0.7s; } .portfolio-item.hover-side figure figcaption .hover-btns li { display: inline-block; margin-left: 15px; float: right; } .portfolio-item.hover-side figure figcaption .hover-btns li:hover a { color: #ececec; } .portfolio-item.hover-side figure figcaption .hover-btns li a { display: block; font-size: 24px; line-height: 0; color: #999; } .portfolio-item.hover-side figure figcaption .hover-btns li a:focus { outline: none; text-decoration: none; } .hover-side.hover-light figure figcaption { background: #f4f4f4; } .hover-side.hover-light figure figcaption .hover-heading { color: #111; } .hover-side.hover-light figure figcaption .hover-more-btn:hover { color: #111; } .hover-side.hover-light figure figcaption .hover-btns li:hover a { color: #111; } /* -------------------------------------------------- 27.0 Shop (E-Commerce) Layout -------------------------------------------------- */ /* ---- 27.1 Shop Layout ---- */ .shop-layout-options span { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; color: #111; } .section-shop { padding-top: 100px; padding-bottom: 100px; } .price-cut { margin-right: 5px; text-decoration: line-through; color: #999; } /* ---- 27.2 Shop Product Card ---- */ .shop-product-card { display: block; max-width: 263px; border-top: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s; } .shop-product-card:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .shop-product-card:hover .product-image-wrapper .buy-btn { top: 0; } .shop-product-card:hover .product-image-wrapper .fav-btn { opacity: 1; } .shop-product-card:hover .product-image-wrapper .shop-p-slider-nav { opacity: 1; } .shop-product-card .product-image-wrapper { position: relative; overflow: hidden; } .shop-product-card .product-image-wrapper .sale-label { position: absolute; top: 10px; left: 10px; font-size: 13px; font-weight: 600; letter-spacing: 0.8px; background: #d9534f; z-index: 101; } .shop-product-card .product-image-wrapper .buy-btn { display: inline-block; position: absolute; top: -45px; right: 0; width: 45px; height: 45px; background: #111; text-align: center; vertical-align: middle; color: inherit; -webkit-transition: background 0.5s, top 0.3s; transition: background 0.5s, top 0.3s; z-index: 100; } .shop-product-card .product-image-wrapper .buy-btn:hover { text-decoration: none; background: #3f3f3f; } .shop-product-card .product-image-wrapper .buy-btn span { display: inline-block; padding-top: 11px; font-size: 22px; color: #fff; } .shop-product-card .product-image-wrapper .fav-btn { display: inline-block; position: absolute; bottom: 10px; left: 10px; font-size: 22px; color: #111; opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; z-index: 100; } .shop-product-card .product-image-wrapper .fav-btn:hover { -webkit-transform: rotate(145deg); -ms-transform: rotate(145deg); transform: rotate(145deg); } .shop-product-card .product-image-wrapper .shop-p-slider-nav { position: absolute; top: 50%; width: 45px; height: 45px; border: none; background: #fff; color: #111; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: background 0.35s, color 0.35s, opacity 0.5s; transition: background 0.35s, color 0.35s, opacity 0.5s; } .shop-product-card .product-image-wrapper .shop-p-slider-nav span { display: inline-block; padding-top: 9px; font-size: 22px; } .shop-product-card .product-image-wrapper .shop-p-slider-nav:hover { background: #111; color: #ececec; } .shop-product-card .product-image-wrapper .shop-p-slider-nav:focus { outline: none; } .shop-product-card .product-image-wrapper .shop-p-slider-nav-right { right: 0; } .shop-product-card .product-image-wrapper .shop-p-slider-nav-left { left: 0; } .shop-product-card .product-meta { text-align: center; padding-top: 15px; padding-bottom: 20px; } .shop-product-card .product-meta .product-name, .shop-product-card .product-meta .product-price { display: block; padding-bottom: 1px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; color: #111; } .shop-product-card .product-meta .product-price { padding-top: 12px; letter-spacing: 1.5px; } .shop-product-card .product-meta .product-sep { display: block; margin: 0 auto; width: 50px; height: 1px; background: #ccc; } .shop-product-card a:hover { text-decoration: none; color: inherit; } .shop-product-card a:focus { text-decoration: none; color: inherit; } /* ---- 27.3 Shop Sidebar - (horizontal) ---- */ .shop-sidebar, .shop-sidebar-vertical { padding-top: 75px; } .shop-sidebar .shop-widget .header-widget, .shop-sidebar-vertical .shop-widget .header-widget { padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid #ccc; } .shop-sidebar .shop-widget .cart-item, .shop-sidebar-vertical .shop-widget .cart-item { padding-bottom: 15px; } .shop-sidebar .shop-widget .cart-item .p-thumb, .shop-sidebar-vertical .shop-widget .cart-item .p-thumb { float: left; margin-right: 15px; } .shop-sidebar .shop-widget .cart-item p, .shop-sidebar-vertical .shop-widget .cart-item p { line-height: 14px; } .shop-sidebar .shop-widget .cart-item .cp-name, .shop-sidebar-vertical .shop-widget .cart-item .cp-name { padding-top: 8px; letter-spacing: 1px; color: #777; } .shop-sidebar .shop-widget .cart-item .cp-name:hover, .shop-sidebar-vertical .shop-widget .cart-item .cp-name:hover { color: #111; } .shop-sidebar .shop-widget .cart-item .cp-price, .shop-sidebar-vertical .shop-widget .cart-item .cp-price { font-size: 12px; letter-spacing: 1px; color: #999; } .shop-sidebar .shop-widget .cart-item .cart-remove-btn, .shop-sidebar-vertical .shop-widget .cart-item .cart-remove-btn { float: right; color: #777; } .shop-sidebar .shop-widget .cart-item .cart-remove-btn:hover, .shop-sidebar-vertical .shop-widget .cart-item .cart-remove-btn:hover { color: #111; } .shop-sidebar .shop-widget .cart-item .cart-remove-btn:focus, .shop-sidebar-vertical .shop-widget .cart-item .cart-remove-btn:focus { text-decoration: none; } .shop-sidebar .shop-widget .cw-subtotal h6, .shop-sidebar-vertical .shop-widget .cw-subtotal h6, .shop-sidebar .shop-widget .cw-subtotal .progress-group .progress-title, .progress-group .shop-sidebar .shop-widget .cw-subtotal .progress-title, .shop-sidebar-vertical .shop-widget .cw-subtotal .progress-group .progress-title, .progress-group .shop-sidebar-vertical .shop-widget .cw-subtotal .progress-title, .shop-sidebar .shop-widget .cw-subtotal .progress-group .progress-value, .progress-group .shop-sidebar .shop-widget .cw-subtotal .progress-value, .shop-sidebar-vertical .shop-widget .cw-subtotal .progress-group .progress-value, .progress-group .shop-sidebar-vertical .shop-widget .cw-subtotal .progress-value, .shop-sidebar .shop-widget .cw-subtotal .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .shop-sidebar .shop-widget .cw-subtotal .panel-title, .shop-sidebar-vertical .shop-widget .cw-subtotal .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .shop-sidebar-vertical .shop-widget .cw-subtotal .panel-title, .shop-sidebar .shop-widget .cw-subtotal .footer-social-links ul li, .footer-social-links ul .shop-sidebar .shop-widget .cw-subtotal li, .shop-sidebar-vertical .shop-widget .cw-subtotal .footer-social-links ul li, .footer-social-links ul .shop-sidebar-vertical .shop-widget .cw-subtotal li, .shop-sidebar .shop-widget .cw-subtotal .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .shop-sidebar .shop-widget .cw-subtotal .show-info-link, .shop-sidebar-vertical .shop-widget .cw-subtotal .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .shop-sidebar-vertical .shop-widget .cw-subtotal .show-info-link, .shop-sidebar .shop-widget .cw-subtotal .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .shop-sidebar .shop-widget .cw-subtotal .adr-heading, .shop-sidebar-vertical .shop-widget .cw-subtotal .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .shop-sidebar-vertical .shop-widget .cw-subtotal .adr-heading, .shop-sidebar .shop-widget .cw-subtotal .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .shop-sidebar .shop-widget .cw-subtotal .show-map, .shop-sidebar-vertical .shop-widget .cw-subtotal .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .shop-sidebar-vertical .shop-widget .cw-subtotal .show-map, .shop-sidebar .shop-widget .cw-subtotal .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .shop-sidebar .shop-widget .cw-subtotal .adr-heading, .shop-sidebar-vertical .shop-widget .cw-subtotal .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .shop-sidebar-vertical .shop-widget .cw-subtotal .adr-heading, .shop-sidebar .shop-widget .cw-subtotal .ft-cards .ft-item a, .ft-cards .ft-item .shop-sidebar .shop-widget .cw-subtotal a, .shop-sidebar-vertical .shop-widget .cw-subtotal .ft-cards .ft-item a, .ft-cards .ft-item .shop-sidebar-vertical .shop-widget .cw-subtotal a, .shop-sidebar .shop-widget .cw-subtotal .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .shop-sidebar .shop-widget .cw-subtotal .link-btn, .shop-sidebar-vertical .shop-widget .cw-subtotal .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .shop-sidebar-vertical .shop-widget .cw-subtotal .link-btn, .shop-sidebar .shop-widget .cw-subtotal .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .shop-sidebar .shop-widget .cw-subtotal a, .shop-sidebar-vertical .shop-widget .cw-subtotal .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .shop-sidebar-vertical .shop-widget .cw-subtotal a, .shop-sidebar .shop-widget .cw-subtotal .circles-counters .circle-item .circle-text, .circles-counters .circle-item .shop-sidebar .shop-widget .cw-subtotal .circle-text, .shop-sidebar-vertical .shop-widget .cw-subtotal .circles-counters .circle-item .circle-text, .circles-counters .circle-item .shop-sidebar-vertical .shop-widget .cw-subtotal .circle-text, .shop-sidebar .shop-widget .cw-subtotal .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .shop-sidebar .shop-widget .cw-subtotal .circle-text, .shop-sidebar-vertical .shop-widget .cw-subtotal .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .shop-sidebar-vertical .shop-widget .cw-subtotal .circle-text, .shop-sidebar .shop-widget .cw-subtotal .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .shop-sidebar .shop-widget .cw-subtotal .count-text, .shop-sidebar-vertical .shop-widget .cw-subtotal .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .shop-sidebar-vertical .shop-widget .cw-subtotal .count-text, .shop-sidebar .shop-widget .cw-subtotal .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .shop-sidebar .shop-widget .cw-subtotal .count-text, .shop-sidebar-vertical .shop-widget .cw-subtotal .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .shop-sidebar-vertical .shop-widget .cw-subtotal .count-text, .shop-sidebar .shop-widget .cw-subtotal .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .shop-sidebar .shop-widget .cw-subtotal a, .shop-sidebar-vertical .shop-widget .cw-subtotal .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .shop-sidebar-vertical .shop-widget .cw-subtotal a, .shop-sidebar .shop-widget .cw-subtotal .pricing-tables .p-table .desc, .pricing-tables .p-table .shop-sidebar .shop-widget .cw-subtotal .desc, .shop-sidebar-vertical .shop-widget .cw-subtotal .pricing-tables .p-table .desc, .pricing-tables .p-table .shop-sidebar-vertical .shop-widget .cw-subtotal .desc, .shop-sidebar .shop-widget .cw-subtotal .blog-post-nav .prev-btn, .blog-post-nav .shop-sidebar .shop-widget .cw-subtotal .prev-btn, .shop-sidebar-vertical .shop-widget .cw-subtotal .blog-post-nav .prev-btn, .blog-post-nav .shop-sidebar-vertical .shop-widget .cw-subtotal .prev-btn, .shop-sidebar .shop-widget .cw-subtotal .blog-post-nav .next-btn, .blog-post-nav .shop-sidebar .shop-widget .cw-subtotal .next-btn, .shop-sidebar-vertical .shop-widget .cw-subtotal .blog-post-nav .next-btn, .blog-post-nav .shop-sidebar-vertical .shop-widget .cw-subtotal .next-btn, .sidebar .tags-widget .tag-list li .shop-sidebar .shop-widget .cw-subtotal a, .sidebar .tags-widget .tag-list li .shop-sidebar-vertical .shop-widget .cw-subtotal a, .shop-sidebar .shop-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .shop-sidebar .shop-widget .cw-subtotal span, .shop-sidebar-vertical .shop-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .shop-sidebar-vertical .shop-widget .cw-subtotal span, .shop-sidebar .shop-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .shop-sidebar .shop-widget .cw-subtotal a, .shop-sidebar-vertical .shop-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .shop-sidebar-vertical .shop-widget .cw-subtotal a, .shop-sidebar .shop-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .shop-sidebar .shop-widget .cw-subtotal p, .shop-sidebar-vertical .shop-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .shop-sidebar-vertical .shop-widget .cw-subtotal p, .shop-sidebar .shop-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .shop-sidebar .shop-widget .cw-subtotal a, .shop-sidebar-vertical .shop-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .shop-sidebar-vertical .shop-widget .cw-subtotal a, .shop-sidebar .shop-widget .cw-subtotal .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .shop-sidebar .shop-widget .cw-subtotal .cta-btn, .shop-sidebar-vertical .shop-widget .cw-subtotal .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .shop-sidebar-vertical .shop-widget .cw-subtotal .cta-btn, .shop-sidebar .shop-widget .cw-subtotal .filter-widget label, .shop-sidebar .filter-widget .shop-widget .cw-subtotal label, .shop-sidebar-vertical .shop-widget .cw-subtotal .filter-widget label, .shop-sidebar-vertical .filter-widget .shop-widget .cw-subtotal label, .shop-sidebar .shop-widget .cw-subtotal .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .shop-widget .cw-subtotal a, .shop-sidebar-vertical .shop-widget .cw-subtotal .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .shop-widget .cw-subtotal a, .shop-sidebar .shop-widget .cw-subtotal .checkout-table tbody tr td:first-child, .checkout-table tbody tr .shop-sidebar .shop-widget .cw-subtotal td:first-child, .shop-sidebar-vertical .shop-widget .cw-subtotal .checkout-table tbody tr td:first-child, .checkout-table tbody tr .shop-sidebar-vertical .shop-widget .cw-subtotal td:first-child, .shop-sidebar .shop-widget .cw-subtotal .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .shop-sidebar .shop-widget .cw-subtotal .tpr-name, .shop-sidebar-vertical .shop-widget .cw-subtotal .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .shop-sidebar-vertical .shop-widget .cw-subtotal .tpr-name { padding-bottom: 5px; } .shop-sidebar .filter-widget p, .shop-sidebar-vertical .filter-widget p { margin-top: 20px; margin-bottom: 0; } .shop-sidebar .filter-widget label, .shop-sidebar-vertical .filter-widget label { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; } .shop-sidebar .filter-widget input[type="text"], .shop-sidebar-vertical .filter-widget input[type="text"] { border: none; font-size: 12px; font-weight: 400; letter-spacing: 0.5px; } .shop-sidebar .filter-widget .ui-slider-handle, .shop-sidebar-vertical .filter-widget .ui-slider-handle { border-radius: 0; width: 20px; height: 20px; border: 6px solid #111; background: #fff; } .shop-sidebar .filter-widget .ui-slider-handle:focus, .shop-sidebar-vertical .filter-widget .ui-slider-handle:focus { outline: none; } .shop-sidebar .filter-widget .ui-slider, .shop-sidebar-vertical .filter-widget .ui-slider, .shop-sidebar .filter-widget .ui-slider-range, .shop-sidebar-vertical .filter-widget .ui-slider-range { border: none; border-radius: 0; background: #ececec; } .shop-sidebar .filter-widget .ui-slider, .shop-sidebar-vertical .filter-widget .ui-slider { display: block; padding-left: 10px; padding-right: 10px; } .shop-sidebar .categories-widget .header-widget, .shop-sidebar-vertical .categories-widget .header-widget { margin-bottom: 20px; } .shop-sidebar .categories-widget .widget-item a, .shop-sidebar-vertical .categories-widget .widget-item a { padding-bottom: 5px; margin-bottom: 5px; font-size: 0.9em; letter-spacing: 0.3px; color: #777; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s; } .shop-sidebar .categories-widget .widget-item a span, .shop-sidebar-vertical .categories-widget .widget-item a span { color: #ccc; } .shop-sidebar .categories-widget .widget-item a:hover, .shop-sidebar-vertical .categories-widget .widget-item a:hover { padding-bottom: 3px; border-bottom: 1px solid #111111; color: #111; } .shop-sidebar .search-widget, .shop-sidebar-vertical .search-widget { padding-left: 15px; padding-right: 15px; } .shop-sidebar .search-widget .form-group, .shop-sidebar-vertical .search-widget .form-group { position: relative; } .shop-sidebar .search-widget .form-group .inside-input-btn, .shop-sidebar-vertical .search-widget .form-group .inside-input-btn { display: block; position: absolute; width: 20px; height: 20px; top: 4px; right: 20px; background: none; border: none; font-size: 18px; color: #ccc; -webkit-transition: color 0.5s; transition: color 0.5s; } .shop-sidebar .search-widget .form-group .inside-input-btn:hover, .shop-sidebar-vertical .search-widget .form-group .inside-input-btn:hover { color: #111; } .shop-sidebar .search-widget .form-group .inside-input-btn:focus, .shop-sidebar-vertical .search-widget .form-group .inside-input-btn:focus, .shop-sidebar .search-widget .form-group .inside-input-btn:visited, .shop-sidebar-vertical .search-widget .form-group .inside-input-btn:visited { outline: none; } .shop-sidebar .tags-widget .tag-list, .shop-sidebar-vertical .tags-widget .tag-list { padding: 0; margin: 0; } .shop-sidebar .tags-widget .tag-list li, .shop-sidebar-vertical .tags-widget .tag-list li { list-style: none; display: inline-block; } .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li a { display: block; padding: 0 10px; margin-bottom: 5px; border: 1px solid #ccc; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #999; -webkit-transition: all 0.5s; transition: all 0.5s; } .shop-sidebar .tags-widget .tag-list li a:hover, .shop-sidebar-vertical .tags-widget .tag-list li a:hover { border-color: #777; color: #111; } /* ---- 27.4 Shop Sidebar - (vertical) ---- */ .shop-sidebar-vertical { margin-top: 90px; padding: 30px 20px; border-top: 1px solid #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); background: #fff; } .shop-sidebar-vertical .shop-widget { margin-bottom: 50px; } .shop-sidebar-vertical .search-widget { padding-left: 0; padding-right: 0; } .shop-sidebar-vertical .tags-widget { margin-bottom: 10px; } /* ---- 27.5 Checkout Page ---- */ .checkout-table { border: none; } .checkout-table thead { border: none; background: #111; } .checkout-table thead tr th { padding-top: 23px; padding-bottom: 23px; border: none; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 2px; text-transform: uppercase; color: #fff; } .checkout-table tbody tr { border: 1px solid #ececec; height: 86px; } .checkout-table tbody tr:nth-child(even) { background: #f8f8f8; } .checkout-table tbody tr td { vertical-align: middle; } .checkout-table tbody tr td:first-child { padding-left: 15px; padding-right: 15px; text-align: center; } .checkout-table tbody tr td:last-child a { display: block; padding-right: 17px; color: #111; font-size: 20px; } .checkout-table tbody tr td:last-child a:focus { text-decoration: none; } .checkout-table tbody tr .td-product-options { font-size: 12px; } .checkout-table tbody tr .td-product-options .strong { font-weight: 700; } .checkout-table tbody tr .td-product-qty input[type="number"] { width: 60px; } .checkout-coupon-form { display: block; padding-top: 10px; } .checkout-coupon-form input[type="text"] { height: 42px; } .calc-shipping { padding-top: 100px; } .calc-shipping form { margin-top: 30px; } .calc-shipping form input[type="submit"] { margin-top: 30px; text-align: right; } .calc-shipping form .btn-totals { text-align: right; } .totals-heading { width: 100%; background: #111; } .totals-heading h6, .totals-heading .progress-group .progress-title, .progress-group .totals-heading .progress-title, .totals-heading .progress-group .progress-value, .progress-group .totals-heading .progress-value, .totals-heading .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .totals-heading .panel-title, .totals-heading .footer-social-links ul li, .footer-social-links ul .totals-heading li, .totals-heading .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .totals-heading .show-info-link, .totals-heading .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .totals-heading .adr-heading, .totals-heading .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .totals-heading .show-map, .totals-heading .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .totals-heading .adr-heading, .totals-heading .ft-cards .ft-item a, .ft-cards .ft-item .totals-heading a, .totals-heading .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .totals-heading .link-btn, .totals-heading .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .totals-heading a, .totals-heading .circles-counters .circle-item .circle-text, .circles-counters .circle-item .totals-heading .circle-text, .totals-heading .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .totals-heading .circle-text, .totals-heading .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .totals-heading .count-text, .totals-heading .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .totals-heading .count-text, .totals-heading .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .totals-heading a, .totals-heading .pricing-tables .p-table .desc, .pricing-tables .p-table .totals-heading .desc, .totals-heading .blog-post-nav .prev-btn, .blog-post-nav .totals-heading .prev-btn, .totals-heading .blog-post-nav .next-btn, .blog-post-nav .totals-heading .next-btn, .totals-heading .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .totals-heading a, .totals-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-heading span, .totals-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-heading a, .totals-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-heading p, .totals-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .totals-heading a, .totals-heading .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .totals-heading .cta-btn, .totals-heading .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .totals-heading label, .totals-heading .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .totals-heading label, .totals-heading .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .totals-heading a, .totals-heading .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .totals-heading a, .totals-heading .checkout-table tbody tr td:first-child, .checkout-table tbody tr .totals-heading td:first-child, .totals-heading .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .totals-heading .tpr-name { margin: 0; padding: 24px 0 25px 30px; font-size: 11px; font-weight: 400; letter-spacing: 2px; color: #fff; } .totals-content { border: 1px solid #ececec; padding-bottom: 25px; } .totals-content h5, .totals-content .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .totals-content .ft-heading, .totals-content .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .totals-content .tab-info, .totals-content .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .totals-content .widget-comm-title, .totals-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .totals-content .title-timer, .totals-content .shop-layout-options span, .shop-layout-options .totals-content span, .totals-content h6, .totals-content .progress-group .progress-title, .progress-group .totals-content .progress-title, .totals-content .progress-group .progress-value, .progress-group .totals-content .progress-value, .totals-content .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .totals-content .panel-title, .totals-content .footer-social-links ul li, .footer-social-links ul .totals-content li, .totals-content .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .totals-content .show-info-link, .totals-content .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .totals-content .adr-heading, .totals-content .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .totals-content .show-map, .totals-content .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .totals-content .adr-heading, .totals-content .ft-cards .ft-item a, .ft-cards .ft-item .totals-content a, .totals-content .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .totals-content .link-btn, .totals-content .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .totals-content a, .totals-content .circles-counters .circle-item .circle-text, .circles-counters .circle-item .totals-content .circle-text, .totals-content .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .totals-content .circle-text, .totals-content .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .totals-content .count-text, .totals-content .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .totals-content .count-text, .totals-content .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .totals-content a, .totals-content .pricing-tables .p-table .desc, .pricing-tables .p-table .totals-content .desc, .totals-content .blog-post-nav .prev-btn, .blog-post-nav .totals-content .prev-btn, .totals-content .blog-post-nav .next-btn, .blog-post-nav .totals-content .next-btn, .totals-content .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .totals-content a, .totals-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content span, .totals-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content a, .totals-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content p, .totals-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .totals-content a, .totals-content .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .totals-content .cta-btn, .totals-content .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .totals-content label, .totals-content .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .totals-content label, .totals-content .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .totals-content a, .totals-content .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .totals-content a, .totals-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .totals-content td:first-child, .totals-content .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .totals-content .tpr-name { margin: 0; } .totals-content .checkout-btn { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .totals-content .subtotal-group, .totals-content .shipping-group { padding: 25px 30px; } .totals-content .subtotal-group h6, .totals-content .shipping-group h6, .totals-content .subtotal-group .progress-group .progress-title, .progress-group .totals-content .subtotal-group .progress-title, .totals-content .shipping-group .progress-group .progress-title, .progress-group .totals-content .shipping-group .progress-title, .totals-content .subtotal-group .progress-group .progress-value, .progress-group .totals-content .subtotal-group .progress-value, .totals-content .shipping-group .progress-group .progress-value, .progress-group .totals-content .shipping-group .progress-value, .totals-content .subtotal-group .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .totals-content .subtotal-group .panel-title, .totals-content .shipping-group .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .totals-content .shipping-group .panel-title, .totals-content .subtotal-group .footer-social-links ul li, .footer-social-links ul .totals-content .subtotal-group li, .totals-content .shipping-group .footer-social-links ul li, .footer-social-links ul .totals-content .shipping-group li, .totals-content .subtotal-group .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .totals-content .subtotal-group .show-info-link, .totals-content .shipping-group .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .totals-content .shipping-group .show-info-link, .totals-content .subtotal-group .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .totals-content .subtotal-group .adr-heading, .totals-content .shipping-group .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .totals-content .shipping-group .adr-heading, .totals-content .subtotal-group .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .totals-content .subtotal-group .show-map, .totals-content .shipping-group .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .totals-content .shipping-group .show-map, .totals-content .subtotal-group .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .totals-content .subtotal-group .adr-heading, .totals-content .shipping-group .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .totals-content .shipping-group .adr-heading, .totals-content .subtotal-group .ft-cards .ft-item a, .ft-cards .ft-item .totals-content .subtotal-group a, .totals-content .shipping-group .ft-cards .ft-item a, .ft-cards .ft-item .totals-content .shipping-group a, .totals-content .subtotal-group .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .totals-content .subtotal-group .link-btn, .totals-content .shipping-group .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .totals-content .shipping-group .link-btn, .totals-content .subtotal-group .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .totals-content .subtotal-group a, .totals-content .shipping-group .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .totals-content .shipping-group a, .totals-content .subtotal-group .circles-counters .circle-item .circle-text, .circles-counters .circle-item .totals-content .subtotal-group .circle-text, .totals-content .shipping-group .circles-counters .circle-item .circle-text, .circles-counters .circle-item .totals-content .shipping-group .circle-text, .totals-content .subtotal-group .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .totals-content .subtotal-group .circle-text, .totals-content .shipping-group .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .totals-content .shipping-group .circle-text, .totals-content .subtotal-group .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .totals-content .subtotal-group .count-text, .totals-content .shipping-group .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .totals-content .shipping-group .count-text, .totals-content .subtotal-group .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .totals-content .subtotal-group .count-text, .totals-content .shipping-group .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .totals-content .shipping-group .count-text, .totals-content .subtotal-group .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .totals-content .subtotal-group a, .totals-content .shipping-group .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .totals-content .shipping-group a, .totals-content .subtotal-group .pricing-tables .p-table .desc, .pricing-tables .p-table .totals-content .subtotal-group .desc, .totals-content .shipping-group .pricing-tables .p-table .desc, .pricing-tables .p-table .totals-content .shipping-group .desc, .totals-content .subtotal-group .blog-post-nav .prev-btn, .blog-post-nav .totals-content .subtotal-group .prev-btn, .totals-content .shipping-group .blog-post-nav .prev-btn, .blog-post-nav .totals-content .shipping-group .prev-btn, .totals-content .subtotal-group .blog-post-nav .next-btn, .blog-post-nav .totals-content .subtotal-group .next-btn, .totals-content .shipping-group .blog-post-nav .next-btn, .blog-post-nav .totals-content .shipping-group .next-btn, .totals-content .subtotal-group .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .totals-content .subtotal-group a, .totals-content .shipping-group .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .totals-content .shipping-group a, .totals-content .subtotal-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .subtotal-group span, .totals-content .shipping-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .shipping-group span, .totals-content .subtotal-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .subtotal-group a, .totals-content .shipping-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .shipping-group a, .totals-content .subtotal-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .subtotal-group p, .totals-content .shipping-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .shipping-group p, .totals-content .subtotal-group .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .totals-content .subtotal-group a, .totals-content .shipping-group .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .totals-content .shipping-group a, .totals-content .subtotal-group .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .totals-content .subtotal-group .cta-btn, .totals-content .shipping-group .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .totals-content .shipping-group .cta-btn, .totals-content .subtotal-group .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .totals-content .subtotal-group label, .totals-content .shipping-group .shop-sidebar .filter-widget label, .shop-sidebar .filter-widget .totals-content .shipping-group label, .totals-content .subtotal-group .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .totals-content .subtotal-group label, .totals-content .shipping-group .shop-sidebar-vertical .filter-widget label, .shop-sidebar-vertical .filter-widget .totals-content .shipping-group label, .totals-content .subtotal-group .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .totals-content .subtotal-group a, .totals-content .shipping-group .shop-sidebar .tags-widget .tag-list li a, .shop-sidebar .tags-widget .tag-list li .totals-content .shipping-group a, .totals-content .subtotal-group .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .totals-content .subtotal-group a, .totals-content .shipping-group .shop-sidebar-vertical .tags-widget .tag-list li a, .shop-sidebar-vertical .tags-widget .tag-list li .totals-content .shipping-group a, .totals-content .subtotal-group .checkout-table tbody tr td:first-child, .checkout-table tbody tr .totals-content .subtotal-group td:first-child, .totals-content .shipping-group .checkout-table tbody tr td:first-child, .checkout-table tbody tr .totals-content .shipping-group td:first-child, .totals-content .subtotal-group .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .totals-content .subtotal-group .tpr-name, .totals-content .shipping-group .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .totals-content .shipping-group .tpr-name { display: inline-block; text-align: left; font-size: 11px; letter-spacing: 2px; } .totals-content .subtotal-group p, .totals-content .shipping-group p { display: inline-block; text-align: right; float: right; font-size: 12px; letter-spacing: 1px; color: #999; } .totals-content .shipping-group { padding-top: 0; } .totals-content .shipping-group a { text-align: right; float: right; font-size: 12px; letter-spacing: 0.25px; text-decoration: underline; color: #999; } .totals-content .shipping-group a:hover { color: #111; } .totals-content .total-group { margin-left: 30px; margin-right: 30px; padding-top: 10px; padding-bottom: 40px; border-top: 1px solid #ccc; } .totals-content .total-group h5, .totals-content .total-group .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .totals-content .total-group .ft-heading, .totals-content .total-group .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .totals-content .total-group .tab-info, .totals-content .total-group .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .totals-content .total-group .widget-comm-title, .totals-content .total-group .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .totals-content .total-group .title-timer, .totals-content .total-group .shop-layout-options span, .shop-layout-options .totals-content .total-group span { display: inline-block; margin: 0; font-size: 13px; letter-spacing: 2px; text-align: left; } .totals-content .total-group p { margin: 0; text-align: right; float: right; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; letter-spacing: 2px; } /* ---- 27.6 Shop Product Single ---- */ .product-meta { list-style: none; margin: 0; padding: 0; } .product-meta li { display: inline-block; padding-right: 10px; font-size: 12px; letter-spacing: 1px; } .product-meta li a { color: #777; text-decoration: underline; } .product-meta li a:hover { color: #111; } .prod_single_thumbs_slider { display: none; list-style: none; margin: 0; padding: 10px 0 0 0; } .prod_single_thumbs_slider li { margin-bottom: 30px; } .prod_single_img_slider { list-style: none; margin: 0; padding: 10px 0 0 0; max-width: 457px; } .prod_single_img_slider:hover .shop-p-slider-nav { opacity: 1; } .prod_single_img_slider .slick-dots { position: absolute; top: -15px; left: -98px; } .prod_single_img_slider .slick-dots li { display: block; margin: 0 0 106px 0; border: none; background: none; } .prod_single_img_slider .shop-p-slider-nav { position: absolute; top: 50%; width: 60px; height: 60px; border: none; background: #fff; color: #111; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: background 0.35s, color 0.35s, opacity 0.5s; transition: background 0.35s, color 0.35s, opacity 0.5s; } .prod_single_img_slider .shop-p-slider-nav span { display: inline-block; padding-top: 9px; font-size: 22px; } .prod_single_img_slider .shop-p-slider-nav:hover { background: #111; color: #ececec; } .prod_single_img_slider .shop-p-slider-nav:focus { outline: none; } .prod_single_img_slider .shop-p-slider-nav-right { right: 0; } .prod_single_img_slider .shop-p-slider-nav-left { left: 0; } .prod-cat { font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; color: #777; } .prod-name { margin-top: 5px; margin-bottom: 20px; } .prod-price { margin-top: 20px; margin-bottom: 30px; } .prod-price .price-cut { padding-left: 10px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; color: #999; } .prod-rating { list-style: none; display: block; margin: 20px 0 0 0; padding: 0; } .prod-rating li { display: inline-block; font-size: 16px; } .prod-rating li:last-child { padding-left: 10px; font-size: 12px; color: #777; } .prod-rating li a { color: #111; } .prod-rating li a:focus { text-decoration: none; } .prod-size { margin-top: 50px; margin-bottom: 50px; } .prod-size h5, .prod-size .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .prod-size .ft-heading, .prod-size .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .prod-size .tab-info, .prod-size .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .prod-size .widget-comm-title, .prod-size .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .prod-size .title-timer, .prod-size .shop-layout-options span, .shop-layout-options .prod-size span { margin-top: 0; margin-bottom: 20px; } .prod-size .sizes { display: inline-block; list-style: none; margin: 0; padding: 0; } .prod-size .sizes li { display: inline-block; margin-right: 9px; float: left; font-weight: 400; } .prod-size .sizes li a { display: block; border: 2px solid #111; width: 32px; height: 32px; text-align: center; color: #111; } .prod-size .sizes li a:hover { background: #111; color: #ececec; } .prod-size .sizes li a:focus { text-decoration: none; } .prod-size .sizes li .size-btn-active { background: #111; color: #ececec; } .prod-reviews { margin-top: 30px; } .prod-reviews .tp-review { margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #ececec; } .prod-reviews .tp-review .tpr-name { display: inline-block; margin-right: 25px; margin-bottom: 0; } .prod-reviews .tp-review .tpr-date { margin-right: 25px; display: inline-block; font-size: 12px; color: #999; } .prod-reviews .tp-review .tpr-rating { display: inline-block; list-style: none; margin: 0 0 25px 0; padding: 0; } .prod-reviews .tp-review .tpr-rating li { display: inline-block; color: #111; font-size: 14px; } .prod-reviews .tp-review .tpr-rating li i { font-size: 16px; } .prod-reviews .tp-review .tpr-rating li:last-child { padding-left: 5px; font-size: 12px; color: #999; } /* -------------------------------------------------- 28.0 Tables -------------------------------------------------- */ .table { border: none; } .table thead { border: none; background: #111; } .table thead tr th { padding: 15px; border: none; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 2px; text-transform: uppercase; color: #fff; } .table tbody tr { background: #fff; } .table tbody tr td { padding: 15px; border: 1px solid #ececec; vertical-align: middle; } .table-hover tbody tr:hover td { background: #efefef; color: #111; } .table-hover tbody tr td { -webkit-transition: all 0.4s; transition: all 0.4s; } .table-light thead { border: none; background: #ececec; } .table-light thead tr th { color: #111; } .table-light tbody tr:nth-child(even) { background: none; } .table-row-highlight tbody tr:nth-child(even) { background: #f8f8f8; } /*# sourceMappingURL=main.css.map */