/* ---------- 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 29.0 Carousel 30.0 Rombos Image ---------- END - TABLE OF CONTENTS ---------- */ /* -------------------------------------------------- 0.1 Settigns -------------------------------------------------- */ /* ---- Colors ---- */ /* BBP*/ /* ---- Label Colors ---- */ /* ---- Text ---- */ /*$body-font: 'Myriad Pro'; @font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Regular.otf') format('otf'); font-weight: normal; } */ /* BBP*/ /* ---- White Space ---- */ /* ---- Buttons ---- */ /* ---- Forms ---- */ /* ---- Navigation ---- */ /* BBP */ /* BBP */ /* ---- Footer ---- */ /*$footer-copyright-bg: #222; BBP */ /* ---- Other ---- */ /* ---- Media Queries Breakpoints ---- */ /* --- Outlines links ---*/ a { outline: none; color: white; } .text-green { color: #358835; } /* -------------------------------------------------- 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: #b3b9dd; } .clear { clear: both; } /* ---- Backgrounds ---- */ .dark-bg { background: #2D3564; } .dark-bg h1, .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 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 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 .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 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns 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 { color: #ececec; } .dark-bg .subheading { color: #777 !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: 65px; /*padding-bottom: $ws-m; BBP */ padding-bottom: 0px; } .section-2 { padding-top: 0px; } .section-about { padding-bottom: 0px; /* 100px BBP $ws-m*/ } .section-bottom { } .section-heading h1, .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 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 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 .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 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns 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 p, .section-heading span { margin: 0; } .section-heading h1: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 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 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 .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 .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns 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 p:first-child, .section-heading span:first-child { margin-top: 160px; } .section-heading h1: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 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 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 .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 .project-nav nav .nav-btns li a:nth-child(2), .project-nav nav .nav-btns 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 p:nth-child(2), .section-heading span:nth-child(2) { margin-top: 30px; } .section-heading h1: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 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 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 .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 .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns 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 p:last-child, .section-heading span:last-child { margin-bottom: 100px; } /* ---- Section Headings ---- */ .sec-heading { margin-bottom: 41px; text-align: center; } .sec-heading .subheading { display: block; text-transform: uppercase; font-family: "Myriad pro Semibold","Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 600; color: #D8D8D8; letter-spacing: 2.0px; } .sec-heading h1: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 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 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 .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 .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns 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 p:first-child, .sec-heading span:first-child { margin: 0; } .sec-heading h1: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 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 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 .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 .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns 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 p:last-child, .sec-heading span:last-child { margin-top: 25px; } .sec-heading h1: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 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 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 .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 .project-nav nav .nav-btns li a:only-child, .project-nav nav .nav-btns 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 p:only-child, .sec-heading span:only-child { margin-top: 0; } .sec-heading-2 { text-align: center; } .sec-heading-2 h1, .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 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 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 .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 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns 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 p, .sec-heading-2 span { margin: 0; } .sec-heading-2 h1: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 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 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 .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 .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns 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 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 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 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 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 .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 .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 .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 p:nth-child(2), .sec-heading-2 span:nth-child(2) { margin-top: 30px; } .sec-heading-2 h1: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 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 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 .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 .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns 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 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 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 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 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 .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 .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 .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 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 .5s; transition: all .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: #2D3564; font-size: 11px; letter-spacing: 1.8px; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; opacity: .5; z-index: 800; -webkit-transition: all .45s; transition: all .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 .7s; transition: right .7s; } .quick-link-btns .buy-btn { right: -102px; } .quick-link-btns .feedback-btn { margin-top: 50px; } /* -------------------------------------------------- 1.0 Typography -------------------------------------------------- */ mark { background: #cafe48; } ::-moz-selection { color: #fff; background: #17DA5B; } ::selection { color: #fff; background: #17DA5B; } /* ---- 1.1 Text ---- */ body { font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.8em; color: #2D3564; overflow-x: hidden; } h1, h2, h3, .page-title .subheading, h4, .ft-tabs .tabs-list li a .tab-group .tab-heading, h5, .ft-boxed-hover ul li .hover-content .ft-heading, .ft-tabs .tabs-list li a .tab-group .tab-info, h6, .progress-group .progress-title, .progress-group .progress-value, .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, .project-nav nav .nav-btns 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 { font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; color: #2D3564; 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 { font-size: 1.7em; letter-spacing: 5px; } h2 { font-size: 1.7em; letter-spacing: 4px; font-weight: bold; } h3, .page-title .subheading { font-size: 1.3em; letter-spacing: 3.5px; } h4, .ft-tabs .tabs-list li a .tab-group .tab-heading { font-size: 1.07em; letter-spacing: 3px; font-weight: bold; } h5, .ft-boxed-hover ul li .hover-content .ft-heading, .ft-tabs .tabs-list li a .tab-group .tab-info { font-size: 1em; letter-spacing: 2px; } h6, .progress-group .progress-title, .progress-group .progress-value, .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, .project-nav nav .nav-btns 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 { 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 .5s; transition: all .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, .bg-maintenance .content-wrapper .content-inner p { border: none; padding: 0; font-size: 1.3em; letter-spacing: .5px; } blockquote footer, .bg-maintenance .content-wrapper .content-inner p footer { padding-top: 25px; } blockquote footer:before, .bg-maintenance .content-wrapper .content-inner p footer:before { content: '-'; } blockquote footer cite, .bg-maintenance .content-wrapper .content-inner p footer cite { text-transform: uppercase; color: #999; font-style: normal; font-size: .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 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 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 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 .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 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns .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 { 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: #2D3564; 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: #2D3564; } .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: #4957a3; } .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: #4957a3; } .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: #2D3564; border: 2px solid #2D3564; 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: #2D3564; left: 0; top: 100%; width: 100%; height: 100%; -webkit-transition: top .3s; transition: top .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: #D8D8D8;/*#2D3564;*/ 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: #2D3564; } 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: #2D3564; background: none; border: 2px solid #111111; } .btn-text:hover, .btn-text-light:hover { color: #2D3564; background: none; border: 2px solid #111111; } .btn-text:focus, .btn-text-light:focus { color: #2D3564; 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: #2D3564; background: #ececec; } .btn-light:visited { color: #2D3564; background: #ececec; } .btn-light:visited:hover { color: #2D3564; background: #bebebe; } .btn-light:hover { color: #2D3564; background: #bebebe; } .btn-light:focus { color: #2D3564; } .btn-ghost-light { z-index: 1; border-color: #ececec; color: #ececec; } .btn-ghost-light:after { background: #ececec; } .btn-ghost-light:hover { color: #2D3564; } .btn-ghost-light:hover:visited { color: #2D3564; } .btn-ghost-light:visited { color: #ececec; } input[class="btn-ghost-light"] { z-index: 1; } input[class="btn-ghost-light"]:hover { z-index: 1; color: #2D3564; 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: #2D3564; background: none; border: 2px solid #111111; } .pagination .active a { border: 2px solid #111111; background: none; color: #2D3564; } .pagination .active a:hover { background: none; border-color: #2D3564; color: #2D3564; } /* ---- 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; -webkit-box-shadow: none; box-shadow: none; line-height: 22px; letter-spacing: .5px; -webkit-transition: border-color .5s; transition: border-color .5s; } .form-control:focus, .form-control:hover { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #777; } input[type="file"] { background: #f9f9f9; } input[type="file"]:focus, input[type="file"]:hover { outline: none; -webkit-box-shadow: 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: 1.0em; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; color: #2D3564; } /* -------------------------------------------------- X.0 Progress Bars -------------------------------------------------- */ .progress { height: 25px; margin-bottom: 5px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #ececec; } .progress .progress-bar { background: #2D3564; 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; } /* -------------------------------------------------- 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 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 h6, .alert .progress-group .progress-title, .progress-group .alert .progress-title, .alert .progress-group .progress-value, .progress-group .alert .progress-value, .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 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns 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 { 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: 10px; margin-bottom: 0; background: none; text-transform: uppercase; font-size: .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 { 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: #2D3564; } .page-title .breadcrumb .active { color: #999; } /* ---- 4.3 Header/Page Title Styles ---- */ .pt-dark { background: #2D3564; } .pt-dark h1 { 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 { 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/hero/high-tech.jpg"); /* BBP*/ /*background: url(http://placehold.it/2440x1280);*/ 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/hero/high-tech.jpg"); /*background: url(http://placehold.it/2440x1280);*/ 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/hero/high-tech.jpg"); /*background: url(http://placehold.it/2440x1280);*/ background-size: cover; } .pt-plax-lg-dark:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.83); } .pt-plax-lg-light { background: url("../images/hero/high-tech.jpg"); /*background: url(http://placehold.it/2440x1280);*/ 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); } .underline-title { background-color: #358835; height: 3px; width: 140px; } /* -------------------------------------------------- 7.0 Footers -------------------------------------------------- */ .copyright { text-align: center; } .copyright small { font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: .8em; text-transform: uppercase; letter-spacing: 1px; } .copyright small a:hover { color: #ececec; } .copyright small a:focus { text-decoration: none; } .copyright .to-the-top { color: #2D3564; } .copyright .to-the-top i { padding-left: 7px; font-size: 21px; vertical-align: top; } .footer-social-links { text-align: center; width: 100%; } .footer-social-links ul { list-style: none; margin: 0; padding: 30px 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: #2D3564; } /* ---- 7.1 Footer Widgets ---- */ .footer-widgets { background: #2D3564; } .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: .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 a { display: block; position: relative; } .footer-widgets .gallery-widget ul li a img { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .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 .4s; transition: background .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 .4s; transition: opacity .4s; } .footer-widgets .gallery-widget ul li a:hover img { -webkit-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 .4s; transition: all .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; float: left; font-size: 24px; color: rgba(255, 255, 255, 0.3); } .footer-widgets .twitter-widget ul li p { font-size: .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 .3s; transition: background .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 .4s; transition: all .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: #2D3564; } /* ---- 7.2 Footer Contact ---- */ .footer-contact .contact-info { position: relative; } .footer-contact .contact-info .footer-map { height: 550px; background: #ccc; } .footer-map { display: none; } .footer-contact .contact-info .show-info-link { display: inline-block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; padding-left: 25px; padding-right: 25px; width: 200px; height: 35px; text-align: center; color: #2D3564; background: #fff; -webkit-transition: opacity .5s, visibility .6s, top .5s; transition: opacity .5s, visibility .6s, top .5s; z-index: 99; } .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; display: block; } .footer-contact .contact-info address { position: absolute; margin-bottom: 0; top: 30%; bottom: 35%; left: 0; width: 100%; background: rgba(36,39,82,0.7); /*background: rgba(17,17,17, .93); BBP */ -webkit-transition: opacity .5s, visibility .6s; transition: opacity .5s, visibility .6s; } .footer-contact .contact-info address ul { list-style: none; padding: 0; margin: 0; width: 100%; float: left; padding-left: 5%; height: 100%; display: flex; flex-direction: column; justify-content: space-around; } } .footer-contact .contact-info address ul li { border-left: 1px solid #2D3564; display: flex; margin-bottom: 2vh; align-items: center; } .footer-contact .contact-info address ul li .adr-heading { display: block; color: #2D3564; } .footer-contact .contact-info address ul li .adr-info { font-size: 14px; letter-spacing: 1.7px; text-transform: uppercase; color: #EEEEEE; font-weight: bold; } .footer-contact .contact-info address .show-map { display: block; position: absolute; bottom: 0; right: 0; color: #bbbbff; font-weight: bold; } .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: #ffffff; } .footer-contact .contact-info address .show-map:focus { text-decoration: none; } .footer-contact .map-open { opacity: 0; display: none; } .footer-contact .contact-form { padding-left: 100px; padding-right: 12%; } .footer-contact .contact-form header { text-align: center; margin-bottom: 10px; } .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: #2D3564; } .footer-litle address ul li .adr-group { text-align: left; float: right; } .footer-litle address ul li .adr-group .adr-heading { display: block; color: #2D3564; } .footer-litle address ul li .adr-group .adr-info { font-size: .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 .5s; transition: color .5s; } .navbar .navbar-nav li a:focus { color: #D8D8D8; } .navbar .navbar-nav li a:hover { background: none; color: #2D3564; } .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; -webkit-transition: color .5s; transition: color .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; -webkit-box-shadow: none; 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 .3s; transition: all .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 #2D3564; } .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: #2D3564; } .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: .9em; letter-spacing: 1.5px; } .navbar .navbar-nav .dropdown .search-dropdown li form input[type="search"]:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #2D3564; } .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: .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: #2D3564; 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: #2D3564; 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: #2D3564; } .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: #4957a3; } .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: #4957a3; border-color: #4957a3; } .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: #2D3564; border: 2px solid #2D3564; 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: #2D3564; left: 0; top: 100%; width: 100%; height: 100%; -webkit-transition: top .3s; transition: top .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: #2D3564; 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: #2D3564; background: #ececec; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited { color: #2D3564; background: #ececec; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited:hover { color: #2D3564; background: #bebebe; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:hover { color: #2D3564; background: #bebebe; border-color: #bebebe; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:focus { color: #2D3564; } .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: #2D3564; border-color: #ececec; } .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:visited { color: #2D3564; } .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: #242752; } .navbar-inverse .navbar-nav li a { color: #D8D8D8; } .navbar-inverse .navbar-nav li a:hover { color: #FFFFFF; } .navbar-inverse .navbar-nav .active a { } .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 .3s; transition: background .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: #2D3564; } .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: #2D3564 !important; } .navbar-trans-dark .navbar-nav .active > a { color: #2D3564 !important; } .navbar-trans-dark .navbar-nav .active > a:hover { color: #2D3564 !important; } .navbar-trans-dark .navbar-nav .open .dropdown-toggle { color: #2D3564 !important; } .navbar-small { min-height: 60px; } .navbar-small .navbar-header { margin-top: 0; padding: 0; } .navbar-small .navbar-header .navbar-brand { padding: 20px 0; } .navbar-small .navbar-nav { margin-top: 5px; } .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: 5px 20px; border: 1px solid #f8f8f8; background: #f8f8f8; /*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); transition: all .3s;*/ /*&:hover { transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }*/ } .ft-cards .ft-item span { font-size: 64px; color: #2D3564; } .ft-cards .ft-item span img { width: 80px; height: 80px; } .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 { margin-top: 5px; margin-bottom: 5px; } .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: #2D3564; } .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; } .ft-cards .ft-item .title-next-img { padding-top: 20px; padding-left: 0px; } .img-rombo{ background: #e7e8ea; } .text-center.img-rombo:before{ } .sticky, .content { float:left; width:auto; } .sticky{ position:absolute; left:3%; right:3%; top:15px; } .sticky h4{ text-align: center; white-space: normal; letter-spacing: 0.9px; } /* Servicios --------------->*/ .scrolling-wrapper { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width: 130%; } .service-card { display: inline-block; /*flex: 0 0 auto;*/ width: 300px; height: 100%;/*450px;*/ padding: 1px; float: left; } .service-img{ } .service-img img{ width: 100%; height: 80%; } .service-desc{ height: 190px; width: 100%; background-color: #d5d6de; color: #242752; } .service-desc p{ } .service-desc p:after{ background: linear-gradient(to right, rgba(213, 214, 222, 0), rgba(213, 214, 222, 1) 50%); } .client-desc{ height: 170px; color: white; } .client-desc p:after{ background: linear-gradient(to right, rgba(36, 39, 82, 0), rgba(36, 39, 82, 1) 50%); } .subcaption p{ padding: 5px; white-space: normal; position: relative; height: 5.2em; overflow: hidden; line-height: 1.2em; } .subcaption p:after{ content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 40%; height: 1.2em; } .client-desc h4{ margin-bottom: 10px; position: absolute; bottom: 5%; width: 100%; } .client-desc a:hover{ color:white; } .service-desc h4{ color: #242752; /*white;*/ margin-bottom: 10px; position: absolute; bottom: 5%; width: 100%; } .service-desc a{ color: #242752; } .service-desc img{ width:170px; height: 50px; } /* <------------------*/ #contact{ padding-top: 65px; margin-top: -35px; } #services{ margin-top: -15px; } .container-fluid { padding: unset; } .contact-form{ padding-top: 10px; } .col-md-6{ line-height: 1.5em; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .col-md-6 img{ height: auto; width: auto; max-height: 160px; } .col-md-6 a{ color: inherit; z-index: 20; position: absolute; font-weight: 900; left: 20%; top: 25%; right: 45%; margin: 0 auto; width: 28vh; font-size: 0.8em; } .about-text { margin: 2% 0 2% 5%; flex: 6; } .about-text p{ text-align: justify; line-height: 1.4em; margin: 0; width: 100%; } .about-img { transform: rotate(-45deg); padding: 0px 18% 0 10%; display: grid; grid-template-columns: 1fr 30px 60px 1fr; grid-template-rows: 1fr 1fr; } .about-img img{ width: 70px; height: 70px; transform: rotate(90deg); } .about-img img:hover{ opacity: 0.8; cursor: pointer; } .contact-group img{ width: 33px; max-height: 33px; margin-right: 20px; } .carousel-inner img{ float: left; /*max-height: 345px;*/ width: 24%; } .carousel-caption{ position: static!important; right: auto!important; left: auto!important; display: flex; padding-top: 1vh; width: 100%; } .subcaption{ float:left; width: 24%; margin: 0 0.5% 3% 0.5%; background-color: #242752; padding-bottom: 2%; font-size: 0.9em; position: relative; } .center-desc{ vertical-align: middle; top: 50%; position: absolute; transform: translateY(-50%); } .subcaption img{ margin: 5% 10%; width: 80%; } .subcaption p{ max-width: 90%; margin: 5%; } .subcaption h4{ font-size: 0.9em; } .carousel-indicators li{ width: 18px!important; height: 18px!important; background-color: gray!important; border:0!important; border-radius: 30px!important; margin: 1px 20px!important; } .carousel-indicators .active { background-color: #242752!important; } .carousel-control{ display: none; } .container{ } .show-on-small{ display: none!important; } .show-on-medium{ display: none!important; } .show-on-large{ display: none!important; } .show-on-small-li{ display: none!important; } .show-on-medium-li{ display: none!important; } .carousel-indicators{ left: 1%; right: 1%; width: 98%; margin-left: 0; bottom: 0; } .carousel-indicators.c-indicators2{ } .center-desc img{ height:75px; } #double-img{ width:30%; } .subcaption.service-desc{ background-color: #d5d6de; text-shadow: none; font-weight: 600; } .subcaption.service-desc.alt-color{ background-color: #e1e1e1; } .alt-color p:after{ background: linear-gradient(to right, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1) 50%); } .logo-img{ width: 80%; } .info-panel{ display: none; background-color: rgba(36,39,82,0.9); width: 100vw; height: 100%; color:white; z-index: 100; position: fixed; bottom: 0; left: 0; justify-content: center; align-content: center; flex-direction: column; padding: 5%; opacity: 0; transform: scale(0); transition: .4s ease opacity,.4s ease transform; } .info-panel-exit{ flex: 1; display: flex; align-items: flex-end; justify-items: flex-start; } .info-panel-exit img{ } .panel-button:hover{ cursor: pointer; } .info-panel-div{ display: flex; align-items: center; flex: 8; justify-content: flex-end; } .info-panel-info{ flex: 1; margin: 10vh 3% 10vh 0; } .info-panel-img{ flex: 1; margin: 0 0 0 3%; display: flex; justify-content: center; align-items: center; } .info-panel-img img{ max-width: 100%; max-height: 100%; } .service-title{ font-size: 18px; height: 50px; transform: translateY(30%); margin: 5% 10%; } .section-about:before{ background-color: yellow; } .about-ision { margin: 0 0 0 3%; flex: 1; align-items: center; display: grid; grid-template-columns: 2fr 3fr; } .about-ision h1{ font-weight: bold; margin: 0; } .about-ision img{ margin-right: 10%; margin-left: auto; height: 10vh; } .isions{ flex: 1; flex-direction: column; display: grid; grid-template-rows: 1fr 1fr; grid-row-gap: 2vh; } /* ---- 9.2 Feature - Cards 2 ---- */ .ft-cards-2 .ft-card-item { margin-bottom: 50px; height: 254px; background: #fff; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; transition: all .3s; } .ft-cards-2 .ft-card-item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .ft-cards-2 .ft-card-item img { display: inline-block; max-width: 240px; float: left; } .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 { 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; float: right; color: #777; -webkit-transform: translateX(30px); transform: translateX(30px); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .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); transform: translateX(-30px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; } .ft-cards-2 .ft-card-item .ft-content .link-btn:hover { color: #2D3564; -webkit-transform: translateX(0); transform: translateX(0); } .ft-cards-2 .ft-card-item .ft-content .link-btn:hover span { opacity: 1; -webkit-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 { 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 { 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); transform: translateY(-10px); -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); 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; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; transition: all .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: #2D3564; 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; -webkit-box-shadow: 0 0 0 0 #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: #2D3564; background: #ececec; border: 5px solid white; -webkit-box-shadow: 0 0 0 1px #ececec; box-shadow: 0 0 0 1px #ececec; border-radius: 100px; line-height: 102px; -webkit-transition: all .5s; transition: all .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: #2D3564; } .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: #2D3564; border-radius: 100px; -webkit-transition: all .3s; transition: all .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: #2D3564; border: 5px solid white; -webkit-box-shadow: 0 0 0 1px #2D3564; box-shadow: 0 0 0 1px #2D3564; } .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; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; transition: all .3s; } .ft-centered .ft-small-card:hover, .ft-x .ft-small-card:hover, .ft-y .ft-small-card:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); 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: #2D3564; } .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 .7s; transition: color .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: #2D3564; border-radius: 100px; background: #ececec; border: 10px solid #f4f4f4; line-height: 90px; -webkit-transition: all .3s; transition: all .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 { 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; float: left; 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: #2D3564; } .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 { float: right; 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 .3s; transition: border-color .3s; } .ft-boxed-hover ul li:hover { border-color: #2D3564; } .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: #2D3564; opacity: 0; -webkit-transition: all .3s; transition: all .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: #2D3564; } .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: #2D3564; } .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 { 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: #2D3564; } .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 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 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 .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 .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 .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 { 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 .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 .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 .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 { 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%); 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 { color: inherit; } /* ---- 9.11 Feature Hover Box ---- */ .ft-hover-item .ft-item { position: relative; height: 440px; -webkit-transition: all .4s; transition: all .4s; } .ft-hover-item .ft-item .content-wrapper { position: absolute; left: 100px; right: 100px; bottom: 0; -webkit-transition: all .4s; transition: all .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 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 { 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(http://placehold.it/900x580); background-size: 100%; background-position: 50%; -webkit-transition: background-size .3s; transition: background-size .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 .4s; transition: background .4s; } .ft-hover-item .ft-2 { background: #ccc url(http://placehold.it/900x580/999/eee); 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); transform: translateX(65px); -webkit-transition: all .3s; transition: all .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 { display: inline-block; padding-left: 20px; vertical-align: middle; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } .play-btn:hover .play-icon { font-size: 40px; -webkit-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 { opacity: 1; } .play-btn:focus { outline: none; } .video-bg-section { height: 365px; background: #ccc url(http://placehold.it/2440x1578); 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 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 #4d5aaa; } .nav-tabs li a:focus { background: none; border: none; } .nav-tabs .active a { border: none !important; border-top: 1px solid #2D3564 !important; color: #2D3564; } /* ---- 9.16 Utiliy Classes ---- */ .ft-icon-white { color: #ececec; } .ft-icon-gray { color: #999; } .ft-icon-dark { color: #2D3564; } /* -------------------------------------------------- 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 .3s; transition: all .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: #2D3564; line-height: 0; color: #ececec; -webkit-transition: background .3s; transition: background .3s; } .slider-nav i { font-size: 15px; } .slider-nav:hover { background: #455199; } .slider-nav:focus { outline: none; } .sl-next { right: 20px; } .sl-prev { left: 20px; } /* -------------------------------------------------- 13.0 Clients Layout -------------------------------------------------- */ .clients-layout .client-item { background: #fff; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; transition: all .3s; } .clients-layout .client-item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); 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 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 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 .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 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns 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 { margin: 0 0 27px 0; } .clients-layout .client-item p { margin: 0; } .clients-layout .client-item .cli-btn { margin-top: 30px; } .bg-clients { background-color: #e7e8ea; } .bg-clients:before{ } .container-fix { padding: 0px; } .bg-about { background-color: #e7e8ea; display: flex; flex-wrap: wrap; } .bg-about:before{ } .container-fix-clients { } .text-center{ position: relative; } .text-center:before{ } .tabla-clientes{ width: 85%; margin-left: 5%; z-index: 2; } .tabla-clientes td{ width: 420px; height: 200px; padding: 0 40px; } .tabla-clientes img{ max-height:85%; max-width:100%; } .trans.text-center:before{ background-image: none; } /* -------------------------------------------------- 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: .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: #2D3564; } .portfolio-filters .active a { background: #2D3564; 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 .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .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 .5s; transition: opacity .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 .5s; transition: bottom .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 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 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 .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 .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 .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 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 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 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 .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 .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 .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 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 .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .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); 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 .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .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); 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 .5s; transition: opacity .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 .5s; transition: bottom .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 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 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 .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 .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 .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 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 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 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 .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 .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 .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 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: #2D3564; background: #ececec; -webkit-transition: top .5; transition: top .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: #2D3564; } .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%); 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 { -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; transition: all .3s; } .portfolio-1col-boxed .portfolio-item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); 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 { 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 .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 .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 .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 { margin: 0; display: inline-block; font-size: .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: .9em; text-decoration: underline; color: #999; } .pfolio-single .project-info ul li a:hover, .pfolio-single .project-info-2 ul li a:hover { color: #2D3564; } .pfolio-single .project-info ul li span, .pfolio-single .project-info-2 ul li span { font-size: .9em; letter-spacing: .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 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 { 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, .5s; transition: opacity, .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 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 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 .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 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns 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 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 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 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 .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 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns 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 { 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: #2D3564; text-transform: uppercase; } .project-nav nav .nav-btns .nav-icon { display: inline-block; font-size: 26px; color: #2D3564; 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); 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); transform: translateX(0); opacity: 1; } .project-nav nav .nav-btns .prev { float: left; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .project-nav nav .nav-btns .prev .nav-icon { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); -webkit-transition: all .5s; transition: all .5s; } .project-nav nav .nav-btns .next { float: right; -webkit-transform: translateX(20px); transform: translateX(20px); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .project-nav nav .nav-btns .next .nav-icon { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all .5s; transition: all .5s; } /* ---- 15.6 Portfoli Mobile ---- */ .portfolio-mobile .pt-item { display: inline-block; border-top: 1px solid #f8f8f8; background: #f8f8f8; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; transition: all .3s; } .portfolio-mobile .pt-item img { -webkit-transition: opacity .4s; transition: opacity .4s; } .portfolio-mobile .pt-item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); } .portfolio-mobile .pt-item:hover img { opacity: .9; } .portfolio-mobile .pt-item:focus { outline: none; } /* -------------------------------------------------- 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: #2D3564; } .social-wrapper .social-links li a:hover { color: #999; } form .alert-error { color: #e80000; font-size: .85em; } form .input-error, form .input-error-2 { border-color: #e80000; -webkit-transition: border-color .4s; transition: border-color .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 .5s, visibility .6s, margin-top .5s; transition: opacity .5s, visibility .6s, margin-top .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; display: none; } .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; -webkit-transition: opacity .5s, visibility .6s, top .5s; transition: opacity .5s, visibility .6s, top .5s; } .contact-1 .contact-wrapper .show-info-link a { display: block; padding-top: 8px; width: 100%; height: 100%; background: #fff; color: #2D3564; } .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 .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 .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 .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 { display: inline-block; } .contact-1 .contact-wrapper .info-open { top: 0; opacity: 1; display: block; } .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 .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 .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 .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 { 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: .8em; line-height: 1; letter-spacing: 1px; color: #2D3564; } .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; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); 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: #2D3564; } .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 .4s; transition: border-color .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; } /* -------------------------------------------------- 23.0 Maintenance Page -------------------------------------------------- */ .bg-maintenance { background: #ccc url(http://placehold.it/2440x1578); 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 .3s; transition: background .3s; } .line-icons ul li:hover { background: #f4f4f4; } .line-icons ul li:hover span { color: #2D3564; } .line-icons ul li span { display: block; font-size: 50px; color: #777; -webkit-transition: color .5s; transition: color .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: #2D3564; 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); 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); transform: translateY(5px); opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .scroller-dark { color: rgba(17, 17, 17, 0.5); } .scroller-dark:hover { color: #111111; } .scroller-dark .scroller-text { color: #2D3564; } /* ---- 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: #2D3564; background: #ececec; opacity: 0; -webkit-transition: all .5s; transition: all .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: #2D3564; 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(http://placehold.it/2440x1578);*/ background: url("../images/hero/high-tech.jpg"); /* BBP */ 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(http://placehold.it/2440x1578); 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(http://placehold.it/2440x1578); 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(http://placehold.it/2440x1578); 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(http://placehold.it/2440x1578); 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(http://placehold.it/2440x1578); 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(http://placehold.it/2440x1578); 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(http://placehold.it/2440x1578); 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(http://placehold.it/2440x1578); 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(http://placehold.it/2440x1578); 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%); 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 { color: #777; } .agency-hero .hero-wrapper .hero-content .text-wrapper p { color: #999; } .agency2-hero { /*background: url(http://placehold.it/2440x1578); BBP */ background: url("../images/hero/high-tech.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 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 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 .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 .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 .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 { 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 { } /* ---- 20.9 Animated Heading ---- */ .animated-hero { background: url(http://placehold.it/2440x1578); 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 { 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: #2D3564; } .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(http://placehold.it/2440x1578);*/ background: url("../images/hero/high-tech.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%); 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(http://placehold.it/2440x1578); 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: #2D3564; } .label-red { background-color: #DB211E; } .label-green { background-color: #0BBE30; } .label-yellow { background-color: #FCD741; } .label-gray { background-color: #7E8C95; } .label-outline { padding: .1em .5em .2em; border: 2px solid #2D3564; background-color: none; color: #2D3564; } .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 .5s; transition: opacity .5s; } .hover-default .p-hover .p-content, .hover-light .p-hover .p-content { position: absolute; left: 40px; right: 40px; bottom: 25px; -webkit-transition: bottom .5s; transition: bottom .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 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 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 .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 .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 .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 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 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 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 .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 .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 .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 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: #2D3564; background: #ececec; -webkit-transition: top .5; transition: top .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: #2D3564; } .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 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 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 .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 .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 .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 p:first-child, .hover-light .p-hover .p-content span:first-child { color: #2D3564; } .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 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 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 .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 .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 .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 p:last-child, .hover-light .p-hover .p-content span:last-child { color: #999; } .hover-light .open-btn { color: #ececec; background: #2D3564; } .hover-light .open-btn:hover { color: #2D3564; background: #ececec; } /* ---- 26.2 Hover Bottom - Effect ---- */ .portfolio-item.hover-bottom figure img { -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .portfolio-item.hover-bottom figure:hover img, .portfolio-item.hover-bottom figure:active img { -webkit-transform: scale(1); transform: scale(1); -webkit-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: #2D3564; opacity: 1; -webkit-transition: bottom .4s; transition: bottom .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: #3d4887; -webkit-transition: background .4s; transition: background .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: #2D3564; } .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: #2D3564; } .hover-bottom.hover-light figure figcaption .hover-btns li { background: white; } .hover-bottom.hover-light figure figcaption .hover-btns li:hover { background: #f9fafd; } .hover-bottom.hover-light figure figcaption .hover-btns li a { color: #2D3564; } /* ---- 26.3 Hover Side Panel - Effect ---- */ .portfolio-item.hover-side figure img { -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .portfolio-item.hover-side figure:hover img, .portfolio-item.hover-side figure:active img { -webkit-transform: scale(1); transform: scale(1); -webkit-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); 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: #2D3564; opacity: 1; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .portfolio-item.hover-side figure figcaption .hover-heading { margin: 0; padding-bottom: 20px; font-size: .95em; line-height: 1.7; color: #ececec; opacity: 0; -webkit-transition: opacity .6s; transition: opacity .6s; } .portfolio-item.hover-side figure figcaption .hover-text { margin: 0; font-size: .9em; line-height: 1.6; color: #999; opacity: 0; -webkit-transition: opacity .6s; transition: opacity .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 .6s, color .4s; transition: opacity .6s, color .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 .7s; transition: opacity .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: #2D3564; } .hover-side.hover-light figure figcaption .hover-more-btn:hover { color: #2D3564; } .hover-side.hover-light figure figcaption .hover-btns li:hover a { color: #2D3564; } /* -------------------------------------------------- 28.0 Tables -------------------------------------------------- */ .table { border: none; } .table thead { border: none; background: #2D3564; } .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: #2D3564; } .table-hover tbody tr td { -webkit-transition: all .4s; transition: all .4s; } .table-light thead { border: none; background: #ececec; } .table-light thead tr th { color: #2D3564; } .table-light tbody tr:nth-child(even) { background: none; } .table-row-highlight tbody tr:nth-child(even) { background: #f8f8f8; } /* -------------------------------------------------- 29.0 Carousel -------------------------------------------------- .carousel-indicators { bottom: -50px; } .carousel-indicators li { border-color: #999; background-color: green; } .carousel-inner { margin-bottom: 50px; } .carousel .carousel-inner > .item > img { height: 380px; width: 555px; } */ /* -------------------------------------------------- 30.0 Rombos Image -------------------------------------------------- */ .rombos-image { width: 80%; padding-top: 35px; padding-bottom: 100px; } .clients-image { width: 100%; } /*# sourceMappingURL=main.css.map */