hr {
margin-top: 0; margin-bottom: 0; border-color: #ccc;
}
.no-gap {
padding-left: 0; padding-right: 0;
}
.no-gap-left {
padding-left: 0;
}
.no-gap-right {
padding-right: 0;
}
.center-block {
margin: 0 auto; display: block !important;
}
.no-style-link {
color: inherit;
}
.no-style-link:focus, .no-style-link:visited {
text-decoration: none; color: inherit;
}
.no-style-link:hover {
color: #919191;
}
.clear {
clear: both;
}
/* ---- Backgrounds ---- */ .dark-bg {
background: #111;
}
.dark-bg h1, .dark-bg .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .dark-bg .nbr-timer, .dark-bg h2, .dark-bg h3, .dark-bg .page-title .subheading, .page-title .dark-bg .subheading, .dark-bg h4, .dark-bg .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .dark-bg .tab-heading, .dark-bg .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .dark-bg cite, .dark-bg .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .dark-bg cite, .dark-bg .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .dark-bg cite, .dark-bg .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .dark-bg cite, .dark-bg .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .dark-bg cite, .dark-bg .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .dark-bg .t-role, .dark-bg .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .dark-bg .t-role, .dark-bg .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .dark-bg .t-role, .dark-bg .t-join .t-info .t-role, .t-join .t-info .dark-bg .t-role, .dark-bg .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .dark-bg .cards-header, .dark-bg .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .dark-bg .sc-lead, .dark-bg h5, .dark-bg .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .dark-bg .ft-heading, .dark-bg .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .dark-bg .tab-info, .dark-bg .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .dark-bg .widget-comm-title, .dark-bg .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .dark-bg .title-timer, .dark-bg .-layout-options span, .-layout-options .dark-bg span, .dark-bg h6, .dark-bg .progress-group .progress-title, .progress-group .dark-bg .progress-title, .dark-bg .progress-group .progress-value, .progress-group .dark-bg .progress-value, .dark-bg .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .dark-bg .panel-title, .dark-bg .footer-social-links ul li, .footer-social-links ul .dark-bg li, .dark-bg .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .dark-bg .show-info-link, .dark-bg .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .dark-bg .adr-heading, .dark-bg .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .dark-bg .show-map, .dark-bg .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .dark-bg .adr-heading, .dark-bg .ft-cards .ft-item a, .ft-cards .ft-item .dark-bg a, .dark-bg .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .dark-bg .link-btn, .dark-bg .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .dark-bg a, .dark-bg .circles-counters .circle-item .circle-text, .circles-counters .circle-item .dark-bg .circle-text, .dark-bg .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .dark-bg .circle-text, .dark-bg .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .dark-bg .count-text, .dark-bg .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .dark-bg .count-text, .dark-bg .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .dark-bg a, .dark-bg .pricing-tables .p-table .desc, .pricing-tables .p-table .dark-bg .desc, .dark-bg .blog-post-nav .prev-btn, .blog-post-nav .dark-bg .prev-btn, .dark-bg .blog-post-nav .next-btn, .blog-post-nav .dark-bg .next-btn, .dark-bg .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .dark-bg a, .dark-bg .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .dark-bg span, .dark-bg .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .dark-bg a, .dark-bg .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .dark-bg p, .dark-bg .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .dark-bg a, .dark-bg .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .dark-bg .cta-btn, .dark-bg .-sidebar .filter-widget label, .-sidebar .filter-widget .dark-bg label, .dark-bg .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .dark-bg label, .dark-bg .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .dark-bg a, .dark-bg .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .dark-bg a, .dark-bg .checkout-table tbody tr td:first-child, .checkout-table tbody tr .dark-bg td:first-child, .dark-bg .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .dark-bg .tpr-name {
color: #ececec;
}
.dark-bg .subheading {
color: #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: 160px; padding-bottom: 100px;
}
.section-heading h1, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .nbr-timer, .section-heading h2, .section-heading h3, .section-heading .page-title .subheading, .page-title .section-heading .subheading, .section-heading h4, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-heading, .section-heading .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .section-heading cite, .section-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .section-heading cite, .section-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .section-heading cite, .section-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .section-heading cite, .section-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .section-heading cite, .section-heading .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .section-heading .t-role, .section-heading .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .section-heading .t-role, .section-heading .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .section-heading .t-role, .section-heading .t-join .t-info .t-role, .t-join .t-info .section-heading .t-role, .section-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .section-heading .cards-header, .section-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .section-heading .sc-lead, .section-heading h5, .section-heading .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .section-heading .ft-heading, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-info, .section-heading .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .section-heading .widget-comm-title, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .title-timer, .section-heading .-layout-options span, .-layout-options .section-heading span, .section-heading h6, .section-heading .progress-group .progress-title, .progress-group .section-heading .progress-title, .section-heading .progress-group .progress-value, .progress-group .section-heading .progress-value, .section-heading .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .section-heading .panel-title, .section-heading .footer-social-links ul li, .footer-social-links ul .section-heading li, .section-heading .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .section-heading .show-info-link, .section-heading .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .section-heading .adr-heading, .section-heading .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .section-heading .show-map, .section-heading .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .section-heading .adr-heading, .section-heading .ft-cards .ft-item a, .ft-cards .ft-item .section-heading a, .section-heading .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .section-heading .link-btn, .section-heading .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .section-heading a, .section-heading .circles-counters .circle-item .circle-text, .circles-counters .circle-item .section-heading .circle-text, .section-heading .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .section-heading .circle-text, .section-heading .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .section-heading .count-text, .section-heading .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .section-heading .count-text, .section-heading .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .section-heading a, .section-heading .pricing-tables .p-table .desc, .pricing-tables .p-table .section-heading .desc, .section-heading .blog-post-nav .prev-btn, .blog-post-nav .section-heading .prev-btn, .section-heading .blog-post-nav .next-btn, .blog-post-nav .section-heading .next-btn, .section-heading .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .section-heading a, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading span, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading a, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading p, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .section-heading a, .section-heading .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .section-heading .cta-btn, .section-heading .-sidebar .filter-widget label, .-sidebar .filter-widget .section-heading label, .section-heading .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .section-heading label, .section-heading .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .section-heading a, .section-heading .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .section-heading a, .section-heading .checkout-table tbody tr td:first-child, .checkout-table tbody tr .section-heading td:first-child, .section-heading .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .section-heading .tpr-name, .section-heading p, .section-heading span {
margin: 0;
}
.section-heading h1:first-child, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .nbr-timer:first-child, .section-heading h2:first-child, .section-heading h3:first-child, .section-heading .page-title .subheading:first-child, .page-title .section-heading .subheading:first-child, .section-heading h4:first-child, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-heading:first-child, .section-heading .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .section-heading cite:first-child, .section-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .section-heading cite:first-child, .section-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .section-heading cite:first-child, .section-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .section-heading cite:first-child, .section-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .section-heading cite:first-child, .section-heading .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .section-heading .t-role:first-child, .section-heading .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .section-heading .t-role:first-child, .section-heading .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .section-heading .t-role:first-child, .section-heading .t-join .t-info .t-role:first-child, .t-join .t-info .section-heading .t-role:first-child, .section-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .section-heading .cards-header:first-child, .section-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .section-heading .sc-lead:first-child, .section-heading h5:first-child, .section-heading .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .section-heading .ft-heading:first-child, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-info:first-child, .section-heading .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .section-heading .widget-comm-title:first-child, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .title-timer:first-child, .section-heading .-layout-options span:first-child, .-layout-options .section-heading span:first-child, .section-heading h6:first-child, .section-heading .progress-group .progress-title:first-child, .progress-group .section-heading .progress-title:first-child, .section-heading .progress-group .progress-value:first-child, .progress-group .section-heading .progress-value:first-child, .section-heading .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .section-heading .panel-title:first-child, .section-heading .footer-social-links ul li:first-child, .footer-social-links ul .section-heading li:first-child, .section-heading .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .section-heading .show-info-link:first-child, .section-heading .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .section-heading .adr-heading:first-child, .section-heading .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .section-heading .show-map:first-child, .section-heading .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .section-heading .adr-heading:first-child, .section-heading .ft-cards .ft-item a:first-child, .ft-cards .ft-item .section-heading a:first-child, .section-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .section-heading .link-btn:first-child, .section-heading .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .section-heading a:first-child, .section-heading .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .section-heading .circle-text:first-child, .section-heading .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .section-heading .circle-text:first-child, .section-heading .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .section-heading .count-text:first-child, .section-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .section-heading .count-text:first-child, .section-heading .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .section-heading a:first-child, .section-heading .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .section-heading .desc:first-child, .section-heading .blog-post-nav .prev-btn:first-child, .blog-post-nav .section-heading .prev-btn:first-child, .section-heading .blog-post-nav .next-btn:first-child, .blog-post-nav .section-heading .next-btn:first-child, .section-heading .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .section-heading a:first-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading span:first-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading a:first-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading p:first-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .section-heading a:first-child, .section-heading .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .section-heading .cta-btn:first-child, .section-heading .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .section-heading label:first-child, .section-heading .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .section-heading label:first-child, .section-heading .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .section-heading a:first-child, .section-heading .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .section-heading a:first-child, .section-heading .checkout-table tbody tr td:first-child, .checkout-table tbody tr .section-heading td:first-child, .section-heading .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .section-heading .tpr-name:first-child, .section-heading p:first-child, .section-heading span:first-child {
margin-top: 160px;
}
.section-heading h1:nth-child(2), .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:nth-child(2), .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .nbr-timer:nth-child(2), .section-heading h2:nth-child(2), .section-heading h3:nth-child(2), .section-heading .page-title .subheading:nth-child(2), .page-title .section-heading .subheading:nth-child(2), .section-heading h4:nth-child(2), .section-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:nth-child(2), .ft-tabs .tabs-list li a .tab-group .section-heading .tab-heading:nth-child(2), .section-heading .testimonials-3col .t-item blockquote footer cite:nth-child(2), .testimonials-3col .t-item blockquote footer .section-heading cite:nth-child(2), .section-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:nth-child(2), .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .section-heading cite:nth-child(2), .section-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:nth-child(2), .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .section-heading cite:nth-child(2), .section-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:nth-child(2), .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .section-heading cite:nth-child(2), .section-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:nth-child(2), .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .section-heading cite:nth-child(2), .section-heading .team-3col .t-item .t-info .t-role:nth-child(2), .team-3col .t-item .t-info .section-heading .t-role:nth-child(2), .section-heading .team-4col .t-item .t-info .t-role:nth-child(2), .team-4col .t-item .t-info .section-heading .t-role:nth-child(2), .section-heading .freelancer-about .t-item .t-info .t-role:nth-child(2), .freelancer-about .t-item .t-info .section-heading .t-role:nth-child(2), .section-heading .t-join .t-info .t-role:nth-child(2), .t-join .t-info .section-heading .t-role:nth-child(2), .section-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:nth-child(2), .login-2 .bg-overlay .form-wrapper .form-content .section-heading .cards-header:nth-child(2), .section-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:nth-child(2), .login-2 .bg-overlay .form-wrapper .social-signup .social-card .section-heading .sc-lead:nth-child(2), .section-heading h5:nth-child(2), .section-heading .ft-boxed-hover ul li .hover-content .ft-heading:nth-child(2), .ft-boxed-hover ul li .hover-content .section-heading .ft-heading:nth-child(2), .section-heading .ft-tabs .tabs-list li a .tab-group .tab-info:nth-child(2), .ft-tabs .tabs-list li a .tab-group .section-heading .tab-info:nth-child(2), .section-heading .sidebar .comments-widget .widget-item span .widget-comm-title:nth-child(2), .sidebar .comments-widget .widget-item span .section-heading .widget-comm-title:nth-child(2), .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:nth-child(2), .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .title-timer:nth-child(2), .section-heading .-layout-options span:nth-child(2), .-layout-options .section-heading span:nth-child(2), .section-heading h6:nth-child(2), .section-heading .progress-group .progress-title:nth-child(2), .progress-group .section-heading .progress-title:nth-child(2), .section-heading .progress-group .progress-value:nth-child(2), .progress-group .section-heading .progress-value:nth-child(2), .section-heading .accordions-1 .panel .panel-heading .panel-title:nth-child(2), .accordions-1 .panel .panel-heading .section-heading .panel-title:nth-child(2), .section-heading .footer-social-links ul li:nth-child(2), .footer-social-links ul .section-heading li:nth-child(2), .section-heading .footer-contact .contact-info .show-info-link:nth-child(2), .footer-contact .contact-info .section-heading .show-info-link:nth-child(2), .section-heading .footer-contact .contact-info address ul li .adr-heading:nth-child(2), .footer-contact .contact-info address ul li .section-heading .adr-heading:nth-child(2), .section-heading .footer-contact .contact-info address .show-map:nth-child(2), .footer-contact .contact-info address .section-heading .show-map:nth-child(2), .section-heading .footer-litle address ul li .adr-group .adr-heading:nth-child(2), .footer-litle address ul li .adr-group .section-heading .adr-heading:nth-child(2), .section-heading .ft-cards .ft-item a:nth-child(2), .ft-cards .ft-item .section-heading a:nth-child(2), .section-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:nth-child(2), .ft-cards-2 .ft-card-item .ft-content .section-heading .link-btn:nth-child(2), .section-heading .ft-boxed-hover ul li .hover-content a:nth-child(2), .ft-boxed-hover ul li .hover-content .section-heading a:nth-child(2), .section-heading .circles-counters .circle-item .circle-text:nth-child(2), .circles-counters .circle-item .section-heading .circle-text:nth-child(2), .section-heading .circles-counters-dark-bg .circle-item .circle-text:nth-child(2), .circles-counters-dark-bg .circle-item .section-heading .circle-text:nth-child(2), .section-heading .number-counters .count-wrapper .count-item .count-text:nth-child(2), .number-counters .count-wrapper .count-item .section-heading .count-text:nth-child(2), .section-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:nth-child(2), .number-counters-dark-bg .count-wrapper .count-item .section-heading .count-text:nth-child(2), .section-heading .project-nav nav .nav-btns li a:nth-child(2), .project-nav nav .nav-btns li .section-heading a:nth-child(2), .section-heading .pricing-tables .p-table .desc:nth-child(2), .pricing-tables .p-table .section-heading .desc:nth-child(2), .section-heading .blog-post-nav .prev-btn:nth-child(2), .blog-post-nav .section-heading .prev-btn:nth-child(2), .section-heading .blog-post-nav .next-btn:nth-child(2), .blog-post-nav .section-heading .next-btn:nth-child(2), .section-heading .sidebar .tags-widget .tag-list li a:nth-child(2), .sidebar .tags-widget .tag-list li .section-heading a:nth-child(2), .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading span:nth-child(2), .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading a:nth-child(2), .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading p:nth-child(2), .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .section-heading a:nth-child(2), .section-heading .landing-hero .heading-wrapper .cta-btn:nth-child(2), .landing-hero .heading-wrapper .section-heading .cta-btn:nth-child(2), .section-heading .-sidebar .filter-widget label:nth-child(2), .-sidebar .filter-widget .section-heading label:nth-child(2), .section-heading .-sidebar-vertical .filter-widget label:nth-child(2), .-sidebar-vertical .filter-widget .section-heading label:nth-child(2), .section-heading .-sidebar .tags-widget .tag-list li a:nth-child(2), .-sidebar .tags-widget .tag-list li .section-heading a:nth-child(2), .section-heading .-sidebar-vertical .tags-widget .tag-list li a:nth-child(2), .-sidebar-vertical .tags-widget .tag-list li .section-heading a:nth-child(2), .section-heading .checkout-table tbody tr td:nth-child(2):first-child, .checkout-table tbody tr .section-heading td:nth-child(2):first-child, .section-heading .prod-reviews .tp-review .tpr-name:nth-child(2), .prod-reviews .tp-review .section-heading .tpr-name:nth-child(2), .section-heading p:nth-child(2), .section-heading span:nth-child(2) {
margin-top: 30px;
}
.section-heading h1:last-child, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .nbr-timer:last-child, .section-heading h2:last-child, .section-heading h3:last-child, .section-heading .page-title .subheading:last-child, .page-title .section-heading .subheading:last-child, .section-heading h4:last-child, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-heading:last-child, .section-heading .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .section-heading cite:last-child, .section-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .section-heading cite:last-child, .section-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .section-heading cite:last-child, .section-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .section-heading cite:last-child, .section-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .section-heading cite:last-child, .section-heading .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .section-heading .t-role:last-child, .section-heading .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .section-heading .t-role:last-child, .section-heading .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .section-heading .t-role:last-child, .section-heading .t-join .t-info .t-role:last-child, .t-join .t-info .section-heading .t-role:last-child, .section-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .section-heading .cards-header:last-child, .section-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .section-heading .sc-lead:last-child, .section-heading h5:last-child, .section-heading .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .section-heading .ft-heading:last-child, .section-heading .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .section-heading .tab-info:last-child, .section-heading .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .section-heading .widget-comm-title:last-child, .section-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .section-heading .title-timer:last-child, .section-heading .-layout-options span:last-child, .-layout-options .section-heading span:last-child, .section-heading h6:last-child, .section-heading .progress-group .progress-title:last-child, .progress-group .section-heading .progress-title:last-child, .section-heading .progress-group .progress-value:last-child, .progress-group .section-heading .progress-value:last-child, .section-heading .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .section-heading .panel-title:last-child, .section-heading .footer-social-links ul li:last-child, .footer-social-links ul .section-heading li:last-child, .section-heading .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .section-heading .show-info-link:last-child, .section-heading .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .section-heading .adr-heading:last-child, .section-heading .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .section-heading .show-map:last-child, .section-heading .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .section-heading .adr-heading:last-child, .section-heading .ft-cards .ft-item a:last-child, .ft-cards .ft-item .section-heading a:last-child, .section-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .section-heading .link-btn:last-child, .section-heading .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .section-heading a:last-child, .section-heading .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .section-heading .circle-text:last-child, .section-heading .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .section-heading .circle-text:last-child, .section-heading .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .section-heading .count-text:last-child, .section-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .section-heading .count-text:last-child, .section-heading .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .section-heading a:last-child, .section-heading .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .section-heading .desc:last-child, .section-heading .blog-post-nav .prev-btn:last-child, .blog-post-nav .section-heading .prev-btn:last-child, .section-heading .blog-post-nav .next-btn:last-child, .blog-post-nav .section-heading .next-btn:last-child, .section-heading .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .section-heading a:last-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading span:last-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading a:last-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .section-heading p:last-child, .section-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .section-heading a:last-child, .section-heading .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .section-heading .cta-btn:last-child, .section-heading .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .section-heading label:last-child, .section-heading .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .section-heading label:last-child, .section-heading .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .section-heading a:last-child, .section-heading .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .section-heading a:last-child, .section-heading .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .section-heading td:last-child:first-child, .section-heading .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .section-heading .tpr-name:last-child, .section-heading p:last-child, .section-heading span:last-child {
margin-bottom: 100px;
}
/* ---- Section Headings ---- */ .sec-heading {
margin-bottom: 100px; text-align: center;
}
.sec-heading .subheading {
display: block; text-transform: uppercase; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; color: #999; letter-spacing: 2.5px;
}
.sec-heading h1:first-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .nbr-timer:first-child, .sec-heading h2:first-child, .sec-heading h3:first-child, .sec-heading .page-title .subheading:first-child, .page-title .sec-heading .subheading:first-child, .sec-heading h4:first-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-heading:first-child, .sec-heading .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .sec-heading cite:first-child, .sec-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading cite:first-child, .sec-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading cite:first-child, .sec-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading cite:first-child, .sec-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading cite:first-child, .sec-heading .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .sec-heading .t-role:first-child, .sec-heading .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .sec-heading .t-role:first-child, .sec-heading .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .sec-heading .t-role:first-child, .sec-heading .t-join .t-info .t-role:first-child, .t-join .t-info .sec-heading .t-role:first-child, .sec-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading .cards-header:first-child, .sec-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading .sc-lead:first-child, .sec-heading h5:first-child, .sec-heading .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .sec-heading .ft-heading:first-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-info:first-child, .sec-heading .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .sec-heading .widget-comm-title:first-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .title-timer:first-child, .sec-heading .-layout-options span:first-child, .-layout-options .sec-heading span:first-child, .sec-heading h6:first-child, .sec-heading .progress-group .progress-title:first-child, .progress-group .sec-heading .progress-title:first-child, .sec-heading .progress-group .progress-value:first-child, .progress-group .sec-heading .progress-value:first-child, .sec-heading .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .sec-heading .panel-title:first-child, .sec-heading .footer-social-links ul li:first-child, .footer-social-links ul .sec-heading li:first-child, .sec-heading .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .sec-heading .show-info-link:first-child, .sec-heading .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .sec-heading .adr-heading:first-child, .sec-heading .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .sec-heading .show-map:first-child, .sec-heading .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .sec-heading .adr-heading:first-child, .sec-heading .ft-cards .ft-item a:first-child, .ft-cards .ft-item .sec-heading a:first-child, .sec-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading .link-btn:first-child, .sec-heading .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .sec-heading a:first-child, .sec-heading .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .sec-heading .circle-text:first-child, .sec-heading .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .sec-heading .circle-text:first-child, .sec-heading .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .sec-heading .count-text:first-child, .sec-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading .count-text:first-child, .sec-heading .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .sec-heading a:first-child, .sec-heading .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .sec-heading .desc:first-child, .sec-heading .blog-post-nav .prev-btn:first-child, .blog-post-nav .sec-heading .prev-btn:first-child, .sec-heading .blog-post-nav .next-btn:first-child, .blog-post-nav .sec-heading .next-btn:first-child, .sec-heading .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .sec-heading a:first-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading span:first-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading a:first-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading p:first-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading a:first-child, .sec-heading .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .sec-heading .cta-btn:first-child, .sec-heading .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .sec-heading label:first-child, .sec-heading .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .sec-heading label:first-child, .sec-heading .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .sec-heading a:first-child, .sec-heading .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .sec-heading a:first-child, .sec-heading .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sec-heading td:first-child, .sec-heading .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .sec-heading .tpr-name:first-child, .sec-heading p:first-child, .sec-heading span:first-child {
margin: 0;
}
.sec-heading h1:last-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .nbr-timer:last-child, .sec-heading h2:last-child, .sec-heading h3:last-child, .sec-heading .page-title .subheading:last-child, .page-title .sec-heading .subheading:last-child, .sec-heading h4:last-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-heading:last-child, .sec-heading .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .sec-heading cite:last-child, .sec-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading cite:last-child, .sec-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading cite:last-child, .sec-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading cite:last-child, .sec-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading cite:last-child, .sec-heading .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .sec-heading .t-role:last-child, .sec-heading .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .sec-heading .t-role:last-child, .sec-heading .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .sec-heading .t-role:last-child, .sec-heading .t-join .t-info .t-role:last-child, .t-join .t-info .sec-heading .t-role:last-child, .sec-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading .cards-header:last-child, .sec-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading .sc-lead:last-child, .sec-heading h5:last-child, .sec-heading .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .sec-heading .ft-heading:last-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-info:last-child, .sec-heading .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .sec-heading .widget-comm-title:last-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .title-timer:last-child, .sec-heading .-layout-options span:last-child, .-layout-options .sec-heading span:last-child, .sec-heading h6:last-child, .sec-heading .progress-group .progress-title:last-child, .progress-group .sec-heading .progress-title:last-child, .sec-heading .progress-group .progress-value:last-child, .progress-group .sec-heading .progress-value:last-child, .sec-heading .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .sec-heading .panel-title:last-child, .sec-heading .footer-social-links ul li:last-child, .footer-social-links ul .sec-heading li:last-child, .sec-heading .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .sec-heading .show-info-link:last-child, .sec-heading .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .sec-heading .adr-heading:last-child, .sec-heading .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .sec-heading .show-map:last-child, .sec-heading .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .sec-heading .adr-heading:last-child, .sec-heading .ft-cards .ft-item a:last-child, .ft-cards .ft-item .sec-heading a:last-child, .sec-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading .link-btn:last-child, .sec-heading .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .sec-heading a:last-child, .sec-heading .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .sec-heading .circle-text:last-child, .sec-heading .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .sec-heading .circle-text:last-child, .sec-heading .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .sec-heading .count-text:last-child, .sec-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading .count-text:last-child, .sec-heading .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .sec-heading a:last-child, .sec-heading .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .sec-heading .desc:last-child, .sec-heading .blog-post-nav .prev-btn:last-child, .blog-post-nav .sec-heading .prev-btn:last-child, .sec-heading .blog-post-nav .next-btn:last-child, .blog-post-nav .sec-heading .next-btn:last-child, .sec-heading .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .sec-heading a:last-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading span:last-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading a:last-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading p:last-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading a:last-child, .sec-heading .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .sec-heading .cta-btn:last-child, .sec-heading .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .sec-heading label:last-child, .sec-heading .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .sec-heading label:last-child, .sec-heading .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .sec-heading a:last-child, .sec-heading .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .sec-heading a:last-child, .sec-heading .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .sec-heading td:last-child:first-child, .sec-heading .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .sec-heading .tpr-name:last-child, .sec-heading p:last-child, .sec-heading span:last-child {
margin-top: 25px;
}
.sec-heading h1:only-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:only-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .nbr-timer:only-child, .sec-heading h2:only-child, .sec-heading h3:only-child, .sec-heading .page-title .subheading:only-child, .page-title .sec-heading .subheading:only-child, .sec-heading h4:only-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-heading:only-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-heading:only-child, .sec-heading .testimonials-3col .t-item blockquote footer cite:only-child, .testimonials-3col .t-item blockquote footer .sec-heading cite:only-child, .sec-heading .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:only-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading cite:only-child, .sec-heading .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:only-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading cite:only-child, .sec-heading .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:only-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading cite:only-child, .sec-heading .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:only-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading cite:only-child, .sec-heading .team-3col .t-item .t-info .t-role:only-child, .team-3col .t-item .t-info .sec-heading .t-role:only-child, .sec-heading .team-4col .t-item .t-info .t-role:only-child, .team-4col .t-item .t-info .sec-heading .t-role:only-child, .sec-heading .freelancer-about .t-item .t-info .t-role:only-child, .freelancer-about .t-item .t-info .sec-heading .t-role:only-child, .sec-heading .t-join .t-info .t-role:only-child, .t-join .t-info .sec-heading .t-role:only-child, .sec-heading .login-2 .bg-overlay .form-wrapper .form-content .cards-header:only-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading .cards-header:only-child, .sec-heading .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:only-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading .sc-lead:only-child, .sec-heading h5:only-child, .sec-heading .ft-boxed-hover ul li .hover-content .ft-heading:only-child, .ft-boxed-hover ul li .hover-content .sec-heading .ft-heading:only-child, .sec-heading .ft-tabs .tabs-list li a .tab-group .tab-info:only-child, .ft-tabs .tabs-list li a .tab-group .sec-heading .tab-info:only-child, .sec-heading .sidebar .comments-widget .widget-item span .widget-comm-title:only-child, .sidebar .comments-widget .widget-item span .sec-heading .widget-comm-title:only-child, .sec-heading .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:only-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading .title-timer:only-child, .sec-heading .-layout-options span:only-child, .-layout-options .sec-heading span:only-child, .sec-heading h6:only-child, .sec-heading .progress-group .progress-title:only-child, .progress-group .sec-heading .progress-title:only-child, .sec-heading .progress-group .progress-value:only-child, .progress-group .sec-heading .progress-value:only-child, .sec-heading .accordions-1 .panel .panel-heading .panel-title:only-child, .accordions-1 .panel .panel-heading .sec-heading .panel-title:only-child, .sec-heading .footer-social-links ul li:only-child, .footer-social-links ul .sec-heading li:only-child, .sec-heading .footer-contact .contact-info .show-info-link:only-child, .footer-contact .contact-info .sec-heading .show-info-link:only-child, .sec-heading .footer-contact .contact-info address ul li .adr-heading:only-child, .footer-contact .contact-info address ul li .sec-heading .adr-heading:only-child, .sec-heading .footer-contact .contact-info address .show-map:only-child, .footer-contact .contact-info address .sec-heading .show-map:only-child, .sec-heading .footer-litle address ul li .adr-group .adr-heading:only-child, .footer-litle address ul li .adr-group .sec-heading .adr-heading:only-child, .sec-heading .ft-cards .ft-item a:only-child, .ft-cards .ft-item .sec-heading a:only-child, .sec-heading .ft-cards-2 .ft-card-item .ft-content .link-btn:only-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading .link-btn:only-child, .sec-heading .ft-boxed-hover ul li .hover-content a:only-child, .ft-boxed-hover ul li .hover-content .sec-heading a:only-child, .sec-heading .circles-counters .circle-item .circle-text:only-child, .circles-counters .circle-item .sec-heading .circle-text:only-child, .sec-heading .circles-counters-dark-bg .circle-item .circle-text:only-child, .circles-counters-dark-bg .circle-item .sec-heading .circle-text:only-child, .sec-heading .number-counters .count-wrapper .count-item .count-text:only-child, .number-counters .count-wrapper .count-item .sec-heading .count-text:only-child, .sec-heading .number-counters-dark-bg .count-wrapper .count-item .count-text:only-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading .count-text:only-child, .sec-heading .project-nav nav .nav-btns li a:only-child, .project-nav nav .nav-btns li .sec-heading a:only-child, .sec-heading .pricing-tables .p-table .desc:only-child, .pricing-tables .p-table .sec-heading .desc:only-child, .sec-heading .blog-post-nav .prev-btn:only-child, .blog-post-nav .sec-heading .prev-btn:only-child, .sec-heading .blog-post-nav .next-btn:only-child, .blog-post-nav .sec-heading .next-btn:only-child, .sec-heading .sidebar .tags-widget .tag-list li a:only-child, .sidebar .tags-widget .tag-list li .sec-heading a:only-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:only-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading span:only-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:only-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading a:only-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:only-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading p:only-child, .sec-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:only-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading a:only-child, .sec-heading .landing-hero .heading-wrapper .cta-btn:only-child, .landing-hero .heading-wrapper .sec-heading .cta-btn:only-child, .sec-heading .-sidebar .filter-widget label:only-child, .-sidebar .filter-widget .sec-heading label:only-child, .sec-heading .-sidebar-vertical .filter-widget label:only-child, .-sidebar-vertical .filter-widget .sec-heading label:only-child, .sec-heading .-sidebar .tags-widget .tag-list li a:only-child, .-sidebar .tags-widget .tag-list li .sec-heading a:only-child, .sec-heading .-sidebar-vertical .tags-widget .tag-list li a:only-child, .-sidebar-vertical .tags-widget .tag-list li .sec-heading a:only-child, .sec-heading .checkout-table tbody tr td:only-child:first-child, .checkout-table tbody tr .sec-heading td:only-child:first-child, .sec-heading .prod-reviews .tp-review .tpr-name:only-child, .prod-reviews .tp-review .sec-heading .tpr-name:only-child, .sec-heading p:only-child, .sec-heading span:only-child {
margin-top: 0;
}
.sec-heading-2 {
text-align: center;
}
.sec-heading-2 h1, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .nbr-timer, .sec-heading-2 h2, .sec-heading-2 h3, .sec-heading-2 .page-title .subheading, .page-title .sec-heading-2 .subheading, .sec-heading-2 h4, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-heading, .sec-heading-2 .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .sec-heading-2 cite, .sec-heading-2 .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-2 cite, .sec-heading-2 .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-2 cite, .sec-heading-2 .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-2 cite, .sec-heading-2 .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-2 cite, .sec-heading-2 .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .sec-heading-2 .t-role, .sec-heading-2 .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .sec-heading-2 .t-role, .sec-heading-2 .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .sec-heading-2 .t-role, .sec-heading-2 .t-join .t-info .t-role, .t-join .t-info .sec-heading-2 .t-role, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-2 .cards-header, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-2 .sc-lead, .sec-heading-2 h5, .sec-heading-2 .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .sec-heading-2 .ft-heading, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-info, .sec-heading-2 .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .sec-heading-2 .widget-comm-title, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .title-timer, .sec-heading-2 .-layout-options span, .-layout-options .sec-heading-2 span, .sec-heading-2 h6, .sec-heading-2 .progress-group .progress-title, .progress-group .sec-heading-2 .progress-title, .sec-heading-2 .progress-group .progress-value, .progress-group .sec-heading-2 .progress-value, .sec-heading-2 .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .sec-heading-2 .panel-title, .sec-heading-2 .footer-social-links ul li, .footer-social-links ul .sec-heading-2 li, .sec-heading-2 .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .sec-heading-2 .show-info-link, .sec-heading-2 .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .sec-heading-2 .adr-heading, .sec-heading-2 .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .sec-heading-2 .show-map, .sec-heading-2 .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .sec-heading-2 .adr-heading, .sec-heading-2 .ft-cards .ft-item a, .ft-cards .ft-item .sec-heading-2 a, .sec-heading-2 .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .sec-heading-2 .link-btn, .sec-heading-2 .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .sec-heading-2 a, .sec-heading-2 .circles-counters .circle-item .circle-text, .circles-counters .circle-item .sec-heading-2 .circle-text, .sec-heading-2 .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .sec-heading-2 .circle-text, .sec-heading-2 .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .sec-heading-2 .count-text, .sec-heading-2 .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .sec-heading-2 .count-text, .sec-heading-2 .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .sec-heading-2 a, .sec-heading-2 .pricing-tables .p-table .desc, .pricing-tables .p-table .sec-heading-2 .desc, .sec-heading-2 .blog-post-nav .prev-btn, .blog-post-nav .sec-heading-2 .prev-btn, .sec-heading-2 .blog-post-nav .next-btn, .blog-post-nav .sec-heading-2 .next-btn, .sec-heading-2 .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .sec-heading-2 a, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 span, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 a, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 p, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-2 a, .sec-heading-2 .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .sec-heading-2 .cta-btn, .sec-heading-2 .-sidebar .filter-widget label, .-sidebar .filter-widget .sec-heading-2 label, .sec-heading-2 .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .sec-heading-2 label, .sec-heading-2 .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .sec-heading-2 a, .sec-heading-2 .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .sec-heading-2 a, .sec-heading-2 .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sec-heading-2 td:first-child, .sec-heading-2 .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .sec-heading-2 .tpr-name, .sec-heading-2 p, .sec-heading-2 span {
margin: 0;
}
.sec-heading-2 h1:first-child, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .nbr-timer:first-child, .sec-heading-2 h2:first-child, .sec-heading-2 h3:first-child, .sec-heading-2 .page-title .subheading:first-child, .page-title .sec-heading-2 .subheading:first-child, .sec-heading-2 h4:first-child, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-heading:first-child, .sec-heading-2 .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .sec-heading-2 cite:first-child, .sec-heading-2 .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-2 cite:first-child, .sec-heading-2 .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-2 cite:first-child, .sec-heading-2 .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-2 cite:first-child, .sec-heading-2 .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-2 cite:first-child, .sec-heading-2 .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .sec-heading-2 .t-role:first-child, .sec-heading-2 .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .sec-heading-2 .t-role:first-child, .sec-heading-2 .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .sec-heading-2 .t-role:first-child, .sec-heading-2 .t-join .t-info .t-role:first-child, .t-join .t-info .sec-heading-2 .t-role:first-child, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-2 .cards-header:first-child, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-2 .sc-lead:first-child, .sec-heading-2 h5:first-child, .sec-heading-2 .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .sec-heading-2 .ft-heading:first-child, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-info:first-child, .sec-heading-2 .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .sec-heading-2 .widget-comm-title:first-child, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .title-timer:first-child, .sec-heading-2 .-layout-options span:first-child, .-layout-options .sec-heading-2 span:first-child, .sec-heading-2 h6:first-child, .sec-heading-2 .progress-group .progress-title:first-child, .progress-group .sec-heading-2 .progress-title:first-child, .sec-heading-2 .progress-group .progress-value:first-child, .progress-group .sec-heading-2 .progress-value:first-child, .sec-heading-2 .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .sec-heading-2 .panel-title:first-child, .sec-heading-2 .footer-social-links ul li:first-child, .footer-social-links ul .sec-heading-2 li:first-child, .sec-heading-2 .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .sec-heading-2 .show-info-link:first-child, .sec-heading-2 .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .sec-heading-2 .adr-heading:first-child, .sec-heading-2 .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .sec-heading-2 .show-map:first-child, .sec-heading-2 .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .sec-heading-2 .adr-heading:first-child, .sec-heading-2 .ft-cards .ft-item a:first-child, .ft-cards .ft-item .sec-heading-2 a:first-child, .sec-heading-2 .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading-2 .link-btn:first-child, .sec-heading-2 .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .sec-heading-2 a:first-child, .sec-heading-2 .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .sec-heading-2 .circle-text:first-child, .sec-heading-2 .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .sec-heading-2 .circle-text:first-child, .sec-heading-2 .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .sec-heading-2 .count-text:first-child, .sec-heading-2 .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading-2 .count-text:first-child, .sec-heading-2 .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .sec-heading-2 a:first-child, .sec-heading-2 .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .sec-heading-2 .desc:first-child, .sec-heading-2 .blog-post-nav .prev-btn:first-child, .blog-post-nav .sec-heading-2 .prev-btn:first-child, .sec-heading-2 .blog-post-nav .next-btn:first-child, .blog-post-nav .sec-heading-2 .next-btn:first-child, .sec-heading-2 .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .sec-heading-2 a:first-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 span:first-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 a:first-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 p:first-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-2 a:first-child, .sec-heading-2 .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .sec-heading-2 .cta-btn:first-child, .sec-heading-2 .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .sec-heading-2 label:first-child, .sec-heading-2 .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .sec-heading-2 label:first-child, .sec-heading-2 .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .sec-heading-2 a:first-child, .sec-heading-2 .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .sec-heading-2 a:first-child, .sec-heading-2 .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sec-heading-2 td:first-child, .sec-heading-2 .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .sec-heading-2 .tpr-name:first-child, .sec-heading-2 p:first-child, .sec-heading-2 span:first-child {
margin-top: 160px; padding-bottom: 50px;
}
.sec-heading-2 h1:nth-child(2), .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:nth-child(2), .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .nbr-timer:nth-child(2), .sec-heading-2 h2:nth-child(2), .sec-heading-2 h3:nth-child(2), .sec-heading-2 .page-title .subheading:nth-child(2), .page-title .sec-heading-2 .subheading:nth-child(2), .sec-heading-2 h4:nth-child(2), .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-heading:nth-child(2), .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-heading:nth-child(2), .sec-heading-2 .testimonials-3col .t-item blockquote footer cite:nth-child(2), .testimonials-3col .t-item blockquote footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:nth-child(2), .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:nth-child(2), .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:nth-child(2), .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:nth-child(2), .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-2 cite:nth-child(2), .sec-heading-2 .team-3col .t-item .t-info .t-role:nth-child(2), .team-3col .t-item .t-info .sec-heading-2 .t-role:nth-child(2), .sec-heading-2 .team-4col .t-item .t-info .t-role:nth-child(2), .team-4col .t-item .t-info .sec-heading-2 .t-role:nth-child(2), .sec-heading-2 .freelancer-about .t-item .t-info .t-role:nth-child(2), .freelancer-about .t-item .t-info .sec-heading-2 .t-role:nth-child(2), .sec-heading-2 .t-join .t-info .t-role:nth-child(2), .t-join .t-info .sec-heading-2 .t-role:nth-child(2), .sec-heading-2 .login-2 .bg-overlay .form-wrapper .form-content .cards-header:nth-child(2), .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-2 .cards-header:nth-child(2), .sec-heading-2 .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:nth-child(2), .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-2 .sc-lead:nth-child(2), .sec-heading-2 h5:nth-child(2), .sec-heading-2 .ft-boxed-hover ul li .hover-content .ft-heading:nth-child(2), .ft-boxed-hover ul li .hover-content .sec-heading-2 .ft-heading:nth-child(2), .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-info:nth-child(2), .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-info:nth-child(2), .sec-heading-2 .sidebar .comments-widget .widget-item span .widget-comm-title:nth-child(2), .sidebar .comments-widget .widget-item span .sec-heading-2 .widget-comm-title:nth-child(2), .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:nth-child(2), .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .title-timer:nth-child(2), .sec-heading-2 .-layout-options span:nth-child(2), .-layout-options .sec-heading-2 span:nth-child(2), .sec-heading-2 h6:nth-child(2), .sec-heading-2 .progress-group .progress-title:nth-child(2), .progress-group .sec-heading-2 .progress-title:nth-child(2), .sec-heading-2 .progress-group .progress-value:nth-child(2), .progress-group .sec-heading-2 .progress-value:nth-child(2), .sec-heading-2 .accordions-1 .panel .panel-heading .panel-title:nth-child(2), .accordions-1 .panel .panel-heading .sec-heading-2 .panel-title:nth-child(2), .sec-heading-2 .footer-social-links ul li:nth-child(2), .footer-social-links ul .sec-heading-2 li:nth-child(2), .sec-heading-2 .footer-contact .contact-info .show-info-link:nth-child(2), .footer-contact .contact-info .sec-heading-2 .show-info-link:nth-child(2), .sec-heading-2 .footer-contact .contact-info address ul li .adr-heading:nth-child(2), .footer-contact .contact-info address ul li .sec-heading-2 .adr-heading:nth-child(2), .sec-heading-2 .footer-contact .contact-info address .show-map:nth-child(2), .footer-contact .contact-info address .sec-heading-2 .show-map:nth-child(2), .sec-heading-2 .footer-litle address ul li .adr-group .adr-heading:nth-child(2), .footer-litle address ul li .adr-group .sec-heading-2 .adr-heading:nth-child(2), .sec-heading-2 .ft-cards .ft-item a:nth-child(2), .ft-cards .ft-item .sec-heading-2 a:nth-child(2), .sec-heading-2 .ft-cards-2 .ft-card-item .ft-content .link-btn:nth-child(2), .ft-cards-2 .ft-card-item .ft-content .sec-heading-2 .link-btn:nth-child(2), .sec-heading-2 .ft-boxed-hover ul li .hover-content a:nth-child(2), .ft-boxed-hover ul li .hover-content .sec-heading-2 a:nth-child(2), .sec-heading-2 .circles-counters .circle-item .circle-text:nth-child(2), .circles-counters .circle-item .sec-heading-2 .circle-text:nth-child(2), .sec-heading-2 .circles-counters-dark-bg .circle-item .circle-text:nth-child(2), .circles-counters-dark-bg .circle-item .sec-heading-2 .circle-text:nth-child(2), .sec-heading-2 .number-counters .count-wrapper .count-item .count-text:nth-child(2), .number-counters .count-wrapper .count-item .sec-heading-2 .count-text:nth-child(2), .sec-heading-2 .number-counters-dark-bg .count-wrapper .count-item .count-text:nth-child(2), .number-counters-dark-bg .count-wrapper .count-item .sec-heading-2 .count-text:nth-child(2), .sec-heading-2 .project-nav nav .nav-btns li a:nth-child(2), .project-nav nav .nav-btns li .sec-heading-2 a:nth-child(2), .sec-heading-2 .pricing-tables .p-table .desc:nth-child(2), .pricing-tables .p-table .sec-heading-2 .desc:nth-child(2), .sec-heading-2 .blog-post-nav .prev-btn:nth-child(2), .blog-post-nav .sec-heading-2 .prev-btn:nth-child(2), .sec-heading-2 .blog-post-nav .next-btn:nth-child(2), .blog-post-nav .sec-heading-2 .next-btn:nth-child(2), .sec-heading-2 .sidebar .tags-widget .tag-list li a:nth-child(2), .sidebar .tags-widget .tag-list li .sec-heading-2 a:nth-child(2), .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 span:nth-child(2), .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 a:nth-child(2), .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 p:nth-child(2), .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:nth-child(2), .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-2 a:nth-child(2), .sec-heading-2 .landing-hero .heading-wrapper .cta-btn:nth-child(2), .landing-hero .heading-wrapper .sec-heading-2 .cta-btn:nth-child(2), .sec-heading-2 .-sidebar .filter-widget label:nth-child(2), .-sidebar .filter-widget .sec-heading-2 label:nth-child(2), .sec-heading-2 .-sidebar-vertical .filter-widget label:nth-child(2), .-sidebar-vertical .filter-widget .sec-heading-2 label:nth-child(2), .sec-heading-2 .-sidebar .tags-widget .tag-list li a:nth-child(2), .-sidebar .tags-widget .tag-list li .sec-heading-2 a:nth-child(2), .sec-heading-2 .-sidebar-vertical .tags-widget .tag-list li a:nth-child(2), .-sidebar-vertical .tags-widget .tag-list li .sec-heading-2 a:nth-child(2), .sec-heading-2 .checkout-table tbody tr td:nth-child(2):first-child, .checkout-table tbody tr .sec-heading-2 td:nth-child(2):first-child, .sec-heading-2 .prod-reviews .tp-review .tpr-name:nth-child(2), .prod-reviews .tp-review .sec-heading-2 .tpr-name:nth-child(2), .sec-heading-2 p:nth-child(2), .sec-heading-2 span:nth-child(2) {
margin-top: 30px;
}
.sec-heading-2 h1:last-child, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .nbr-timer:last-child, .sec-heading-2 h2:last-child, .sec-heading-2 h3:last-child, .sec-heading-2 .page-title .subheading:last-child, .page-title .sec-heading-2 .subheading:last-child, .sec-heading-2 h4:last-child, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-heading:last-child, .sec-heading-2 .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .sec-heading-2 cite:last-child, .sec-heading-2 .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-2 cite:last-child, .sec-heading-2 .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-2 cite:last-child, .sec-heading-2 .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-2 cite:last-child, .sec-heading-2 .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-2 cite:last-child, .sec-heading-2 .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .sec-heading-2 .t-role:last-child, .sec-heading-2 .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .sec-heading-2 .t-role:last-child, .sec-heading-2 .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .sec-heading-2 .t-role:last-child, .sec-heading-2 .t-join .t-info .t-role:last-child, .t-join .t-info .sec-heading-2 .t-role:last-child, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-2 .cards-header:last-child, .sec-heading-2 .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-2 .sc-lead:last-child, .sec-heading-2 h5:last-child, .sec-heading-2 .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .sec-heading-2 .ft-heading:last-child, .sec-heading-2 .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-2 .tab-info:last-child, .sec-heading-2 .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .sec-heading-2 .widget-comm-title:last-child, .sec-heading-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-2 .title-timer:last-child, .sec-heading-2 .-layout-options span:last-child, .-layout-options .sec-heading-2 span:last-child, .sec-heading-2 h6:last-child, .sec-heading-2 .progress-group .progress-title:last-child, .progress-group .sec-heading-2 .progress-title:last-child, .sec-heading-2 .progress-group .progress-value:last-child, .progress-group .sec-heading-2 .progress-value:last-child, .sec-heading-2 .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .sec-heading-2 .panel-title:last-child, .sec-heading-2 .footer-social-links ul li:last-child, .footer-social-links ul .sec-heading-2 li:last-child, .sec-heading-2 .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .sec-heading-2 .show-info-link:last-child, .sec-heading-2 .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .sec-heading-2 .adr-heading:last-child, .sec-heading-2 .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .sec-heading-2 .show-map:last-child, .sec-heading-2 .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .sec-heading-2 .adr-heading:last-child, .sec-heading-2 .ft-cards .ft-item a:last-child, .ft-cards .ft-item .sec-heading-2 a:last-child, .sec-heading-2 .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading-2 .link-btn:last-child, .sec-heading-2 .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .sec-heading-2 a:last-child, .sec-heading-2 .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .sec-heading-2 .circle-text:last-child, .sec-heading-2 .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .sec-heading-2 .circle-text:last-child, .sec-heading-2 .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .sec-heading-2 .count-text:last-child, .sec-heading-2 .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading-2 .count-text:last-child, .sec-heading-2 .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .sec-heading-2 a:last-child, .sec-heading-2 .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .sec-heading-2 .desc:last-child, .sec-heading-2 .blog-post-nav .prev-btn:last-child, .blog-post-nav .sec-heading-2 .prev-btn:last-child, .sec-heading-2 .blog-post-nav .next-btn:last-child, .blog-post-nav .sec-heading-2 .next-btn:last-child, .sec-heading-2 .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .sec-heading-2 a:last-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 span:last-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 a:last-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-2 p:last-child, .sec-heading-2 .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-2 a:last-child, .sec-heading-2 .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .sec-heading-2 .cta-btn:last-child, .sec-heading-2 .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .sec-heading-2 label:last-child, .sec-heading-2 .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .sec-heading-2 label:last-child, .sec-heading-2 .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .sec-heading-2 a:last-child, .sec-heading-2 .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .sec-heading-2 a:last-child, .sec-heading-2 .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .sec-heading-2 td:last-child:first-child, .sec-heading-2 .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .sec-heading-2 .tpr-name:last-child, .sec-heading-2 p:last-child, .sec-heading-2 span:last-child {
margin-bottom: 100px;
}
.sec-heading-2 .subheading {
font-size: 1.3em; color: #999;
}
.sec-heading-top-m h1:first-child, .sec-heading-top-m .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-top-m .nbr-timer:first-child, .sec-heading-top-m h2:first-child, .sec-heading-top-m h3:first-child, .sec-heading-top-m .page-title .subheading:first-child, .page-title .sec-heading-top-m .subheading:first-child, .sec-heading-top-m h4:first-child, .sec-heading-top-m .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-top-m .tab-heading:first-child, .sec-heading-top-m .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .sec-heading-top-m cite:first-child, .sec-heading-top-m .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .sec-heading-top-m .t-role:first-child, .sec-heading-top-m .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .sec-heading-top-m .t-role:first-child, .sec-heading-top-m .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .sec-heading-top-m .t-role:first-child, .sec-heading-top-m .t-join .t-info .t-role:first-child, .t-join .t-info .sec-heading-top-m .t-role:first-child, .sec-heading-top-m .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .sec-heading-top-m .cards-header:first-child, .sec-heading-top-m .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sec-heading-top-m .sc-lead:first-child, .sec-heading-top-m h5:first-child, .sec-heading-top-m .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .sec-heading-top-m .ft-heading:first-child, .sec-heading-top-m .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .sec-heading-top-m .tab-info:first-child, .sec-heading-top-m .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .sec-heading-top-m .widget-comm-title:first-child, .sec-heading-top-m .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .sec-heading-top-m .title-timer:first-child, .sec-heading-top-m .-layout-options span:first-child, .-layout-options .sec-heading-top-m span:first-child, .sec-heading-top-m h6:first-child, .sec-heading-top-m .progress-group .progress-title:first-child, .progress-group .sec-heading-top-m .progress-title:first-child, .sec-heading-top-m .progress-group .progress-value:first-child, .progress-group .sec-heading-top-m .progress-value:first-child, .sec-heading-top-m .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .sec-heading-top-m .panel-title:first-child, .sec-heading-top-m .footer-social-links ul li:first-child, .footer-social-links ul .sec-heading-top-m li:first-child, .sec-heading-top-m .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .sec-heading-top-m .show-info-link:first-child, .sec-heading-top-m .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .sec-heading-top-m .adr-heading:first-child, .sec-heading-top-m .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .sec-heading-top-m .show-map:first-child, .sec-heading-top-m .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .sec-heading-top-m .adr-heading:first-child, .sec-heading-top-m .ft-cards .ft-item a:first-child, .ft-cards .ft-item .sec-heading-top-m a:first-child, .sec-heading-top-m .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .sec-heading-top-m .link-btn:first-child, .sec-heading-top-m .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .sec-heading-top-m a:first-child, .sec-heading-top-m .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .sec-heading-top-m .circle-text:first-child, .sec-heading-top-m .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .sec-heading-top-m .circle-text:first-child, .sec-heading-top-m .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .sec-heading-top-m .count-text:first-child, .sec-heading-top-m .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .sec-heading-top-m .count-text:first-child, .sec-heading-top-m .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .sec-heading-top-m a:first-child, .sec-heading-top-m .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .sec-heading-top-m .desc:first-child, .sec-heading-top-m .blog-post-nav .prev-btn:first-child, .blog-post-nav .sec-heading-top-m .prev-btn:first-child, .sec-heading-top-m .blog-post-nav .next-btn:first-child, .blog-post-nav .sec-heading-top-m .next-btn:first-child, .sec-heading-top-m .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .sec-heading-top-m a:first-child, .sec-heading-top-m .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-top-m span:first-child, .sec-heading-top-m .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-top-m a:first-child, .sec-heading-top-m .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sec-heading-top-m p:first-child, .sec-heading-top-m .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sec-heading-top-m a:first-child, .sec-heading-top-m .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .sec-heading-top-m .cta-btn:first-child, .sec-heading-top-m .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .sec-heading-top-m label:first-child, .sec-heading-top-m .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .sec-heading-top-m label:first-child, .sec-heading-top-m .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .sec-heading-top-m a:first-child, .sec-heading-top-m .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .sec-heading-top-m a:first-child, .sec-heading-top-m .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sec-heading-top-m td:first-child, .sec-heading-top-m .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .sec-heading-top-m .tpr-name:first-child, .sec-heading-top-m p:first-child, .sec-heading-top-m span:first-child {
margin-top: 100px;
}
/* ---- Info Blocks ---- */ .info-base {
position: relative; width: 100%;
}
.info-base .info-overlay {
position: absolute; width: 100%; height: 100%; top: 0; left: 0;
}
.info-base .info-overlay .info-wrapper {
padding-top: 70px; padding-bottom: 70px; top: 75px; bottom: 75px; background: rgba(17, 17, 17, 0.9);
}
.info-slider {
padding-left: 100px; padding-right: 100px; text-align: center;
}
.info-slider:hover .slick-prev, .info-slider:hover .slick-next {
opacity: 1;
}
.info-slider .slick-prev, .info-slider .slick-next {
display: inline-block; position: absolute; top: 30%; background: none; border: 2px solid #444; color: #444; height: 42px; width: 42px; font-size: 15px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.info-slider .slick-prev:focus, .info-slider .slick-next:focus {
outline: none;
}
.info-slider .slick-prev:hover, .info-slider .slick-next:hover {
color: #ececec; border-color: #ececec;
}
.info-slider .slick-prev {
left: -75px;
}
.info-slider .slick-next {
right: -75px;
}
/* ---- DEMO ONLY: Side Buttons - Qick Links ---- */ .quick-link-btns .quick-btn {
display: block; position: fixed; padding: 12px 15px; top: 100px; right: -108px; color: #ececec; background: #111; font-size: 11px; letter-spacing: 1.8px; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; opacity: .5; z-index: 800; -webkit-transition: all 0.45s; transition: all 0.45s;
}
.quick-link-btns .quick-btn:hover {
right: 0; opacity: 1;
}
.quick-link-btns .quick-btn:hover span {
right: 0;
}
.quick-link-btns .quick-btn i {
padding-left: 5px; padding-right: 15px; font-size: 18px; vertical-align: middle; border-right: 1px solid #ececec;
}
.quick-link-btns .quick-btn span {
display: inline-block; position: relative; padding-left: 11px; right: -35px; -webkit-transition: right 0.7s; transition: right 0.7s;
}
.quick-link-btns .buy-btn {
right: -102px;
}
.quick-link-btns .feedback-btn {
margin-top: 50px;
}
/* -------------------------------------------------- 1.0 Typography
*/
mark {
background: #cafe48;
}
- -moz-selection {
color: #fff; background: #17DA5B;
}
- selection {
color: #fff; background: #000000;
}
/* ---- 1.1 Text ---- */ body, .testimonials-3col .t-item blockquote, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p {
font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0.2px; line-height: 1.8em; color: #777;
}
h1, .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, h2, h3, .page-title .subheading, h4, .ft-tabs .tabs-list li a .tab-group .tab-heading, .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .team-3col .t-item .t-info .t-role, .team-4col .t-item .t-info .t-role, .freelancer-about .t-item .t-info .t-role, .t-join .t-info .t-role, .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, h5, .ft-boxed-hover ul li .hover-content .ft-heading, .ft-tabs .tabs-list li a .tab-group .tab-info, .sidebar .comments-widget .widget-item span .widget-comm-title, .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .-layout-options span, h6, .progress-group .progress-title, .progress-group .progress-value, .accordions-1 .panel .panel-heading .panel-title, .footer-social-links ul li, .footer-contact .contact-info .show-info-link, .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .show-map, .footer-litle address ul li .adr-group .adr-heading, .ft-cards .ft-item a, .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-boxed-hover ul li .hover-content a, .circles-counters .circle-item .circle-text, .circles-counters-dark-bg .circle-item .circle-text, .number-counters .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .count-text, .project-nav nav .nav-btns li a, .pricing-tables .p-table .desc, .blog-post-nav .prev-btn, .blog-post-nav .next-btn, .sidebar .tags-widget .tag-list li a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .landing-hero .heading-wrapper .cta-btn, .-sidebar .filter-widget label, .-sidebar-vertical .filter-widget label, .-sidebar .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li a, .checkout-table tbody tr td:first-child, .prod-reviews .tp-review .tpr-name {
font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; color: #111; text-transform: uppercase;
}
.dropcaps:first-child:first-letter {
padding: 6px 13px; margin-right: 3px; background: #ececec; color: #111; font-weight: 700; font-size: 23px;
}
/* ---- 1.2 Headings ---- */ h1, .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer {
font-size: 1.7em; letter-spacing: 5px;
}
h2 {
font-size: 1.5em; letter-spacing: 4px;
}
h3, .page-title .subheading {
font-size: 1.3em; letter-spacing: 3.5px;
}
h4, .ft-tabs .tabs-list li a .tab-group .tab-heading, .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .team-3col .t-item .t-info .t-role, .team-4col .t-item .t-info .t-role, .freelancer-about .t-item .t-info .t-role, .t-join .t-info .t-role, .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead {
font-size: 1.07em; letter-spacing: 3px;
}
h5, .ft-boxed-hover ul li .hover-content .ft-heading, .ft-tabs .tabs-list li a .tab-group .tab-info, .sidebar .comments-widget .widget-item span .widget-comm-title, .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .-layout-options span {
font-size: 1em; letter-spacing: 2px;
}
h6, .progress-group .progress-title, .progress-group .progress-value, .accordions-1 .panel .panel-heading .panel-title, .footer-social-links ul li, .footer-contact .contact-info .show-info-link, .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .show-map, .footer-litle address ul li .adr-group .adr-heading, .ft-cards .ft-item a, .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-boxed-hover ul li .hover-content a, .circles-counters .circle-item .circle-text, .circles-counters-dark-bg .circle-item .circle-text, .number-counters .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .count-text, .project-nav nav .nav-btns li a, .pricing-tables .p-table .desc, .blog-post-nav .prev-btn, .blog-post-nav .next-btn, .sidebar .tags-widget .tag-list li a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .landing-hero .heading-wrapper .cta-btn, .-sidebar .filter-widget label, .-sidebar-vertical .filter-widget label, .-sidebar .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li a, .checkout-table tbody tr td:first-child, .prod-reviews .tp-review .tpr-name {
font-size: 0.85em; letter-spacing: 2px;
}
.h-alt {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300;
}
/* ---- 1.3 Links ---- */ a {
-webkit-transition: all 0.5s; transition: all 0.5s;
}
a:hover {
text-decoration: none;
}
p > a {
border-bottom: 1px solid rgba(44, 170, 223, 0);
}
p > a:visited {
color: #1c8cbc; text-decoration: none;
}
p > a:visited:hover, p > a:visited:focus {
color: #2caadf; text-decoration: none;
}
p > a:hover, p > a:focus {
color: #1c8cbc; text-decoration: none; border-bottom: 1px solid #2caadf;
}
/* ---- 1.4 Blockquotes ---- */ blockquote, .wrapper-404 .content-wrapper .info-wrapper .info-404, .bg-maintenance .content-wrapper .content-inner p {
border: none; padding: 0; font-size: 1.3em; letter-spacing: .5px;
}
blockquote footer, .wrapper-404 .content-wrapper .info-wrapper .info-404 footer, .bg-maintenance .content-wrapper .content-inner p footer {
padding-top: 25px;
}
blockquote footer:before, .wrapper-404 .content-wrapper .info-wrapper .info-404 footer:before, .bg-maintenance .content-wrapper .content-inner p footer:before {
content: '-';
}
blockquote footer cite, .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .bg-maintenance .content-wrapper .content-inner p footer cite {
text-transform: uppercase; color: #999; font-style: normal; font-size: .85em; letter-spacing: 2px;
}
.alt-blockquote {
padding: 50px; background: #f4f4f4;
}
/* ---- 1.5 Lists ---- */ .flat-list {
list-style: none;
}
.flat-list li {
margin-bottom: 10px;
}
.flat-list li i:before {
padding-right: 15px;
}
/* ---- 1.6 PAGE - Typography ---- */ .headings-example ul {
list-style: none;
}
.headings-example ul li {
padding-bottom: 30px;
}
.headings-example ul li:last-child {
padding-bottom: 0;
}
.headings-example ul li h1, .headings-example ul li .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .headings-example ul li .nbr-timer, .headings-example ul li h2, .headings-example ul li h3, .headings-example ul li .page-title .subheading, .page-title .headings-example ul li .subheading, .headings-example ul li h4, .headings-example ul .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list .headings-example ul li a .tab-group .tab-heading, .headings-example ul li .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .headings-example ul li cite, .headings-example ul li .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .headings-example ul li cite, .headings-example ul li .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .headings-example ul li cite, .headings-example ul li .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .headings-example ul li cite, .headings-example ul li .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .headings-example ul li cite, .headings-example ul li .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .headings-example ul li .t-role, .headings-example ul li .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .headings-example ul li .t-role, .headings-example ul li .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .headings-example ul li .t-role, .headings-example ul li .t-join .t-info .t-role, .t-join .t-info .headings-example ul li .t-role, .headings-example ul li .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .headings-example ul li .cards-header, .headings-example ul li .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .headings-example ul li .sc-lead, .headings-example ul li h5, .headings-example .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover .headings-example ul li .hover-content .ft-heading, .headings-example ul .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list .headings-example ul li a .tab-group .tab-info, .headings-example ul li .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .headings-example ul li .widget-comm-title, .headings-example ul li .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .headings-example ul li .title-timer, .headings-example ul li .-layout-options span, .-layout-options .headings-example ul li span, .headings-example ul li h6, .headings-example ul li .progress-group .progress-title, .progress-group .headings-example ul li .progress-title, .headings-example ul li .progress-group .progress-value, .progress-group .headings-example ul li .progress-value, .headings-example ul li .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .headings-example ul li .panel-title, .headings-example .footer-social-links ul li li, .footer-social-links .headings-example ul li li, .headings-example ul li .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .headings-example ul li .show-info-link, .headings-example .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .headings-example ul li .adr-heading, .headings-example ul li .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .headings-example ul li .show-map, .headings-example .footer-litle address ul li .adr-group .adr-heading, .footer-litle address .headings-example ul li .adr-group .adr-heading, .headings-example ul li .ft-cards .ft-item a, .ft-cards .ft-item .headings-example ul li a, .headings-example ul li .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .headings-example ul li .link-btn, .headings-example .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover .headings-example ul li .hover-content a, .headings-example ul li .circles-counters .circle-item .circle-text, .circles-counters .circle-item .headings-example ul li .circle-text, .headings-example ul li .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .headings-example ul li .circle-text, .headings-example ul li .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .headings-example ul li .count-text, .headings-example ul li .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .headings-example ul li .count-text, .headings-example ul .project-nav nav .nav-btns li a, .project-nav nav .nav-btns .headings-example ul li a, .headings-example ul li .pricing-tables .p-table .desc, .pricing-tables .p-table .headings-example ul li .desc, .headings-example ul li .blog-post-nav .prev-btn, .blog-post-nav .headings-example ul li .prev-btn, .headings-example ul li .blog-post-nav .next-btn, .blog-post-nav .headings-example ul li .next-btn, .headings-example ul .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list .headings-example ul li a, .headings-example ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .headings-example ul li span, .headings-example ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .headings-example ul li a, .headings-example ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .headings-example ul li p, .headings-example ul li .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .headings-example ul li a, .headings-example ul li .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .headings-example ul li .cta-btn, .headings-example ul li .-sidebar .filter-widget label, .-sidebar .filter-widget .headings-example ul li label, .headings-example ul li .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .headings-example ul li label, .headings-example ul .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list .headings-example ul li a, .headings-example ul .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list .headings-example ul li a, .headings-example ul li .checkout-table tbody tr td:first-child, .checkout-table tbody tr .headings-example ul li td:first-child, .headings-example ul li .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .headings-example ul li .tpr-name {
margin: 0;
}
/* -------------------------------------------------- 2.0 Buttons
*/
/* ---- 2.1 Defualt Buttons ---- */ .btn, .btn-ghost, .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .btn-text, .btn-text-light, .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light {
position: relative; display: inline-block; padding: 8px 38px; background: #111; color: #ececec; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2.5px; font-size: 0.9em; line-height: 1.8em; border-radius: 0; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.btn:visited, .btn-ghost:visited, .btn-ghost-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited, .btn-text:visited, .btn-text-light:visited, .btn-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited {
color: #ececec; background: #111;
}
.btn:visited:hover, .btn-ghost:visited:hover, .btn-ghost-light:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited:hover, .btn-text:visited:hover, .btn-text-light:visited:hover, .btn-light:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited:hover {
color: #ececec; background: #3f3f3f;
}
.btn:hover, .btn-ghost:hover, .btn-ghost-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover, .btn-text:hover, .btn-text-light:hover, .btn-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:hover {
color: #ececec; background: #3f3f3f;
}
.btn:focus, .btn-ghost:focus, .btn-ghost-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:focus, .btn-text:focus, .btn-text-light:focus, .btn-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:focus {
color: #ececec; outline: none;
}
/* ---- 2.2 Ghost Buttons ---- */ .btn-ghost, .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light {
background: none; color: #111; border: 2px solid #111; overflow: hidden; z-index: 1;
}
.btn-ghost:after, .btn-ghost-light:after, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:after {
content: ; position: absolute; background: #111; left: 0; top: 100%; width: 100%; height: 100%; -webkit-transition: top 0.3s; transition: top 0.3s; z-index: -1;
}
.btn-ghost:visited, .btn-ghost-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited, .btn-ghost:focus, .btn-ghost-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:focus {
color: #111; text-decoration: none;
}
.btn-ghost:hover, .btn-ghost-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover {
color: #ececec; background: none;
}
.btn-ghost:hover:visited, .btn-ghost-light:hover:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:visited {
color: #ececec; text-decoration: none;
}
.btn-ghost:hover:after, .btn-ghost-light:hover:after, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:after {
top: 0;
}
input[class="btn-ghost"]:hover {
color: #ececec; background: #111;
}
input[class="btn-ghost"]:after {
content: none;
}
/* ---- 2.3 Buttons Rounded ---- */ .btn-round {
border-radius: 25px;
}
/* ---- 2.4 Text Buttons ---- */ .btn-text, .btn-text-light {
background: none; border: 2px solid rgba(17, 17, 17, 0); color: #777;
}
.btn-text:visited, .btn-text-light:visited {
color: #777; background: none;
}
.btn-text:visited:hover, .btn-text-light:visited:hover {
color: #111; background: none; border: 2px solid #111111;
}
.btn-text:hover, .btn-text-light:hover {
color: #111; background: none; border: 2px solid #111111;
}
.btn-text:focus, .btn-text-light:focus {
color: #111; outline: none; text-decoration: none;
}
/* ---- 2.5 Button Sizes ---- */ .btn-large {
padding: 10px 54px; font-size: 1.1em; letter-spacing: 3px;
}
.btn-small {
padding: 6px 33px; font-size: 0.75em;
}
/* ---- 2.6 Light Buttons ---- */ .btn-light {
color: #111; background: #ececec;
}
.btn-light:visited {
color: #111; background: #ececec;
}
.btn-light:visited:hover {
color: #111; background: #bebebe;
}
.btn-light:hover {
color: #111; background: #bebebe;
}
.btn-light:focus {
color: #111;
}
.btn-ghost-light {
z-index: 1; border-color: #ececec; color: #ececec;
}
.btn-ghost-light:after {
background: #ececec;
}
.btn-ghost-light:hover {
color: #111;
}
.btn-ghost-light:hover:visited {
color: #111;
}
.btn-ghost-light:visited {
color: #ececec;
}
input[class="btn-ghost-light"] {
z-index: 1;
}
input[class="btn-ghost-light"]:hover {
z-index: 1; color: #111; background: #ececec;
}
.btn-text-light {
border: 2px solid rgba(235, 235, 235, 0);
}
.btn-text-light:visited:hover {
color: #ececec; border: 2px solid #ebebeb;
}
.btn-text-light:hover {
color: #ececec; border: 2px solid #ebebeb;
}
.btn-text-light:focus {
color: #ececec;
}
/* ---- 2.7 Pagination ---- */ .pagination li a {
border-radius: 0 !important; border: 2px solid rgba(17, 17, 17, 0); height: 42px; width: 42px; line-height: 1.9em; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; color: #777;
}
.pagination li a i {
padding-top: 7px; display: block;
}
.pagination li a:focus, .pagination li a:visited {
background: none; border: 2px solid rgba(17, 17, 17, 0);
}
.pagination li a:hover {
color: #111; background: none; border: 2px solid #111111;
}
.pagination .active a {
border: 2px solid #111111; background: none; color: #111;
}
.pagination .active a:hover {
background: none; border-color: #111; color: #111;
}
/* ---- 2.7 PAGE - Buttons ---- */ .btn-example {
padding-top: 100px; padding-bottom: 100px; text-align: center;
}
/* -------------------------------------------------- 3.0 Forms
*/
.form-control {
height: 40px; padding-left: 20px; border: 1px solid #ddd; border-radius: 0; box-shadow: none; line-height: 22px; letter-spacing: .5px; -webkit-transition: border-color 0.5s; transition: border-color 0.5s;
}
.form-control:focus, .form-control:hover {
outline: none; box-shadow: none; border-color: #777;
}
input[type="file"] {
background: #f9f9f9;
}
input[type="file"]:focus, input[type="file"]:hover {
outline: none; box-shadow: none; border-color: #ddd !important;
}
.form-control[disabled], fieldset[disabled] .form-control {
cursor: not-allowed; border-color: #ddd;
}
.form-control[disabled]:focus, .form-control[disabled]:hover, fieldset[disabled] .form-control:focus, fieldset[disabled] .form-control:hover {
border-color: #ddd !important;
}
.form-group label {
font-size: .8em; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; color: #111;
}
/* -------------------------------------------------- X.0 Progress Bars
*/
.progress {
height: 25px; margin-bottom: 5px; border-radius: 0; box-shadow: none; background: #ececec;
}
.progress .progress-bar {
background: #111; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; line-height: 1.9em; letter-spacing: 1px;
}
.progress-thin {
height: 3px;
}
.progress-group {
margin-bottom: 20px;
}
.progress-group .progress-title, .progress-group .progress-value {
display: inline-block; margin: 0;
}
.progress-group .progress-value {
text-align: right; right: 0; float: right;
}
/* -------------------------------------------------- 6.0 FAQ - Accordions
*/
.accordions-1 .panel {
border-radius: 0; border: none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.accordions-1 .panel .panel-heading {
background: #f8f8f8; padding: 25px 50px; border: none; border-radius: 0;
}
.accordions-1 .panel .panel-heading .panel-title a:focus {
text-decoration: none;
}
.accordions-1 .panel .panel-collapse .panel-body {
border: none; border-top: 1px solid #eaeaea; background: #f8f8f8; padding: 30px 50px;
}
.accordions-1 .panel + .panel {
margin-top: 20px;
}
.faq-contact-links {
color: #999; font-size: .9em;
}
.faq-contact-links i {
color: #999;
}
.faq-contact-links a {
color: #111; padding-bottom: 4px; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.faq-contact-links a:hover {
color: #111; padding-bottom: 1px; border-bottom: 1px solid #111111;
}
/* -------------------------------------------------- 5.0 Alerts
*/
.alert {
padding-left: 25px; border-radius: 0; border: none; border-left: 3px solid #ccc;
}
.alert h4, .alert .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .alert .tab-heading, .alert .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .alert cite, .alert .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .alert cite, .alert .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .alert cite, .alert .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .alert cite, .alert .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .alert cite, .alert .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .alert .t-role, .alert .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .alert .t-role, .alert .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .alert .t-role, .alert .t-join .t-info .t-role, .t-join .t-info .alert .t-role, .alert .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .alert .cards-header, .alert .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .alert .sc-lead, .alert h5, .alert .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .alert .ft-heading, .alert .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .alert .tab-info, .alert .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .alert .widget-comm-title, .alert .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .alert .title-timer, .alert .-layout-options span, .-layout-options .alert span, .alert h6, .alert .progress-group .progress-title, .progress-group .alert .progress-title, .alert .progress-group .progress-value, .progress-group .alert .progress-value, .alert .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .alert .panel-title, .alert .footer-social-links ul li, .footer-social-links ul .alert li, .alert .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .alert .show-info-link, .alert .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .alert .adr-heading, .alert .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .alert .show-map, .alert .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .alert .adr-heading, .alert .ft-cards .ft-item a, .ft-cards .ft-item .alert a, .alert .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .alert .link-btn, .alert .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .alert a, .alert .circles-counters .circle-item .circle-text, .circles-counters .circle-item .alert .circle-text, .alert .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .alert .circle-text, .alert .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .alert .count-text, .alert .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .alert .count-text, .alert .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .alert a, .alert .pricing-tables .p-table .desc, .pricing-tables .p-table .alert .desc, .alert .blog-post-nav .prev-btn, .blog-post-nav .alert .prev-btn, .alert .blog-post-nav .next-btn, .blog-post-nav .alert .next-btn, .alert .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .alert a, .alert .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .alert span, .alert .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .alert a, .alert .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .alert p, .alert .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .alert a, .alert .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .alert .cta-btn, .alert .-sidebar .filter-widget label, .-sidebar .filter-widget .alert label, .alert .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .alert label, .alert .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .alert a, .alert .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .alert a, .alert .checkout-table tbody tr td:first-child, .checkout-table tbody tr .alert td:first-child, .alert .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .alert .tpr-name {
color: inherit !important;
}
.alert-success {
border-color: #3c763d; background: rgba(93, 235, 49, 0.25);
}
.alert-info {
border-color: #31708f; background: rgba(49, 215, 235, 0.25);
}
.alert-warning {
border-color: #ba8f45; background: rgba(246, 221, 51, 0.25);
}
.alert-danger {
border-color: #a94442; background: rgba(235, 84, 49, 0.25);
}
/* -------------------------------------------------- 4.0 Headers/Page Titles
*/
/* ---- 4.1 Breadcrumbs ---- */ .breadcrumb {
bottom: 7px; margin-bottom: 0; background: none; text-transform: uppercase; font-size: .85em; letter-spacing: 2px;
}
.breadcrumb li a {
color: #999;
}
.breadcrumb li a:focus {
text-decoration: none;
}
.breadcrumb li a:hover {
color: #ececec;
}
.breadcrumb li + li:before {
color: #777;
}
.breadcrumb .active {
color: #777;
}
/* ---- 4.2 Header/Page Title ---- */ .page-title {
position: relative; background: #f4f4f4; padding-top: 80px; padding-bottom: 80px;
}
.page-title h1, .page-title .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .page-title .nbr-timer {
margin: 0;
}
.page-title .subheading {
display: block; margin: 20px 0 0 0; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; color: #777;
}
.page-title .breadcrumb li a {
color: #777;
}
.page-title .breadcrumb li a:hover {
color: #111;
}
.page-title .breadcrumb .active {
color: #999;
}
/* ---- 4.3 Header/Page Title Styles ---- */ .pt-dark {
background: #111;
}
.pt-dark h1, .pt-dark .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pt-dark .nbr-timer {
color: #ececec;
}
.pt-dark .breadcrumb li a {
color: #999;
}
.pt-dark .breadcrumb li a:hover {
color: #ececec;
}
.pt-dark .breadcrumb .active {
color: #777;
}
/* ---- 4.4 Header/Page Title Sizes ---- */ .pt-small {
padding-top: 50px; padding-bottom: 50px;
}
.pt-small h1, .pt-small .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pt-small .nbr-timer {
margin: 0; padding: 0;
}
.pt-small .breadcrumb {
padding: 0;
}
.pt-large {
padding-top: 140px; padding-bottom: 140px;
}
/* ---- 4.5 Header/Page Title Parallax ---- */ .pt-plax-md-dark {
background: url(../images/pt-bg-1.jpg); background-size: cover; background-position: 50%;
}
.pt-plax-md-dark:before {
content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.55);
}
.pt-plax-md-light {
background: url(../images/pt-bg-2.jpg); background-size: cover;
}
.pt-plax-md-light:before {
content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(244, 244, 244, 0.85);
}
.pt-plax-lg-dark {
background: url(../images/pt-bg-3.jpg); 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/pt-bg-3.jpg); background-size: cover;
}
.pt-plax-lg-light:before {
content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(244, 244, 244, 0.83);
}
/* -------------------------------------------------- 7.0 Footers
*/
.bottem_footer {
background: #222; padding-top: 20px; padding-bottom: 20px;
}
.bottem_footer small {
font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: .8em; text-transform: uppercase; letter-spacing: 1.3px;
}
.bottem_footer small a:hover {
color: #ececec;
}
.bottem_footer small a:focus {
text-decoration: none;
}
.bottem_footer .to-the-top {
color: #777;
}
.bottem_footer .to-the-top i {
padding-left: 7px; font-size: 21px; vertical-align: top;
}
.footer-social-links {
text-align: center;
}
.footer-social-links ul {
list-style: none; margin: 0; padding: 65px 0;
}
.footer-social-links ul li {
display: inline-block; padding-right: 35px; margin-right: 35px; border-right: 1px solid #777;
}
.footer-social-links ul li:last-child {
border: none; padding-right: 0; margin-right: 0;
}
.footer-social-links ul li a {
display: block; color: #111;
}
.footer-social-links ul li a:hover {
color: #999;
}
.footer-social-links ul li a:focus {
text-decoration: none;
}
.social-light-bg ul li a {
color: #111;
}
/* ---- 7.1 Footer Widgets ---- */ .footer-widgets {
background: #111;
}
.footer-widgets .widget .header-widget {
padding-bottom: 17px; margin-bottom: 25px; border-bottom: 1px solid rgba(204, 204, 204, 0.2); color: #ececec;
}
.footer-widgets .widget p {
margin: 0; font-size: .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 0.3s; transition: transform 0.3s;
}
.footer-widgets .gallery-widget ul li a .hover-link {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0); text-align: center; -webkit-transition: background 0.4s; transition: background 0.4s;
}
.footer-widgets .gallery-widget ul li a .hover-link span {
display: block; padding-top: 20px; color: #ececec; font-size: 50px; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s;
}
.footer-widgets .gallery-widget ul li a:hover img {
-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
}
.footer-widgets .gallery-widget ul li a:hover .hover-link {
background: rgba(17, 17, 17, 0.55);
}
.footer-widgets .gallery-widget ul li a:hover .hover-link span {
opacity: 1;
}
.footer-widgets .gallery-widget ul li a:focus {
outline: none;
}
.footer-widgets .twitter-widget ul {
list-style: none; margin: 0; padding: 0;
}
.footer-widgets .twitter-widget ul li {
display: block; margin-bottom: 20px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0); -webkit-transition: all 0.4s; transition: all 0.4s;
}
.footer-widgets .twitter-widget ul li:hover {
border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(204, 204, 204, 0.1);
}
.footer-widgets .twitter-widget ul li i {
display: inline-block; margin-right: 5px; padding-top: 3px; margin-bottom: 30px; 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 0.3s; transition: background 0.3s;
}
.footer-widgets .newsletter-widget form .form-group input[type="email"]:focus {
outline: none; background: rgba(204, 204, 204, 0.15);
}
.footer-widgets .newsletter-widget form .form-group button {
position: absolute; display: block; top: 0; right: 0; width: 50px; height: 42px; border: none; color: rgba(244, 244, 244, 0.5); background: rgba(204, 204, 204, 0.1); -webkit-transition: all 0.4s; transition: all 0.4s;
}
.footer-widgets .newsletter-widget form .form-group button i {
padding-top: 5px; font-size: 20px;
}
.footer-widgets .newsletter-widget form .form-group button:focus {
outline: none;
}
.footer-widgets .newsletter-widget form .form-group button:hover {
background: #ececec; color: #111;
}
/* ---- 7.2 Footer Contact ---- */ .footer-contact .contact-info {
position: relative;
}
.footer-contact .contact-info .footer-map {
height: 790px; background: #ccc;
}
.footer-contact .contact-info .show-info-link {
display: inline-block; position: absolute; top: -50px; left: 0; right: 0; margin: 0 auto; padding-left: 25px; padding-right: 25px; width: 200px; height: 50px; text-align: center; color: #111; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0.6s, top 0.5s; transition: opacity 0.5s, visibility 0.6s, top 0.5s; z-index: 999;
}
.footer-contact .contact-info .show-info-link:hover {
background: #ececec;
}
.footer-contact .contact-info .show-info-link:focus {
text-decoration: none !important; border-bottom: none;
}
.footer-contact .contact-info .show-info-link i {
display: inline-block; padding-top: 18px; padding-right: 15px;
}
.footer-contact .contact-info .info-open {
top: 0; opacity: 1; visibility: visible;
}
.footer-contact .contact-info address {
position: absolute; margin-bottom: 0; padding: 280px 100px 0 130px; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.93); -webkit-transition: opacity 0.5s, visibility 0.6s; transition: opacity 0.5s, visibility 0.6s;
}
.footer-contact .contact-info address ul {
list-style: none; padding: 0; margin: 0; width: 50%; float: left;
}
.footer-contact .contact-info address ul li {
display: block; margin-bottom: 30px; padding: 7px 0 7px 20px; border-left: 1px solid #777;
}
.footer-contact .contact-info address ul li .adr-heading {
display: block; color: #ececec;
}
.footer-contact .contact-info address ul li .adr-info {
font-size: .9em; letter-spacing: 1.7px; text-transform: uppercase; color: #999;
}
.footer-contact .contact-info address .show-map {
display: block; position: absolute; bottom: 100px; color: #ececec;
}
.footer-contact .contact-info address .show-map span {
padding-right: 20px; font-size: 35px; vertical-align: middle;
}
.footer-contact .contact-info address .show-map:hover {
color: #999;
}
.footer-contact .contact-info address .show-map:focus {
text-decoration: none;
}
.footer-contact .map-open {
opacity: 0; visibility: hidden;
}
.footer-contact .contact-form {
padding-left: 100px; padding-right: 12%;
}
.footer-contact .contact-form header {
text-align: left; margin-bottom: 50px;
}
.footer-contact .contact-form form .alert {
position: absolute; left: 0; right: 0; top: 15px;
}
/* ---- 7.3 Footer Litle ---- */ .footer-litle address {
margin-bottom: 0; padding-top: 25px; padding-bottom: 45px;
}
.footer-litle address ul {
list-style: none; padding: 0; margin: 0; text-align: center;
}
.footer-litle address ul li {
display: inline-block; margin-right: 160px;
}
.footer-litle address ul li:last-child {
margin-right: 0;
}
.footer-litle address ul li .adr-icon {
padding-right: 20px; float: left; font-size: 36px; color: #111;
}
.footer-litle address ul li .adr-group {
text-align: left; float: right;
}
.footer-litle address ul li .adr-group .adr-heading {
display: block; color: #111;
}
.footer-litle address ul li .adr-group .adr-info {
font-size: .9em; letter-spacing: 1.7px; text-transform: uppercase; color: #999;
}
/* -------------------------------------------------- 8.0 Navigation
*/
.navbar {
margin-bottom: 0; min-height: 75px; border-bottom: 1px solid #ececec; border-radius: 0; background: #fff;
}
.navbar .navbar-header {
width: 27%; margin-top: 6px;
}
.navbar .navbar-header .navbar-brand {
padding: 15px 0; margin-left: 0;
}
.navbar .navbar-nav {
margin-top: 12px;
}
.navbar .navbar-nav li a {
text-transform: uppercase; font-size: 0.8em; font-weight: 400; letter-spacing: 2px; color: #999; -webkit-transition: color 0.5s; transition: color 0.5s;
}
.navbar .navbar-nav li a:focus {
color: inherit;
}
.navbar .navbar-nav li a:hover {
background: none; color: #111;
}
.navbar .navbar-nav li a i[class*="linea-"] {
font-size: 18px; vertical-align: sub;
}
.navbar .navbar-nav li a > .cart-notif {
display: inline-block; position: relative; padding-left: 1px; width: 16px; height: 16px; top: -8px; right: -8px; border-radius: 100px; background: #EF413F; color: #fff; font-size: 10px; line-height: 16px; text-align: center;
}
.navbar .navbar-nav .active a {
background: none; color: #111; -webkit-transition: color 0.5s; transition: color 0.5s;
}
.navbar .navbar-nav .active a:hover, .navbar .navbar-nav .active a:focus, .navbar .navbar-nav .active a:visited {
background: none;
}
.navbar .navbar-nav .dropdown .dropdown-toggle {
background: none;
}
.navbar .navbar-nav .dropdown .dropdown-toggle:hover, .navbar .navbar-nav .dropdown .dropdown-toggle:focus, .navbar .navbar-nav .dropdown .dropdown-toggle:visited {
background: none;
}
.navbar .navbar-nav .dropdown .dropdown-toggle .fa-ping-cart {
margin-left: 16px;
}
.navbar .navbar-nav .dropdown .dropdown-menu {
margin-top: 12px; padding: 20px 0 10px 0; border: 1px solid #ececec; border-radius: 0; box-shadow: none; background: rgba(255, 255, 255, 0.93);
}
.navbar .navbar-nav .dropdown .dropdown-menu li {
min-width: 150px;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a {
display: block; padding: 11px 40px 11px 25px; letter-spacing: 0.5px; line-height: 0.8em; border-left: 3px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
padding-left: 35px; padding-right: 30px; background: rgba(17, 17, 17, 0.05); border-left: 3px solid #111;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a i {
padding-right: 5px;
}
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header {
padding: 0 25px; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.8em; letter-spacing: 2px; text-transform: uppercase; color: #111;
}
.navbar .navbar-nav .dropdown .dropdown-menu .divider {
margin-left: 25px; margin-right: 25px; background-color: #ddd;
}
.navbar .navbar-nav .dropdown .bg-solid {
background: #fff;
}
.navbar .navbar-nav .dropdown .search-dropdown {
padding-top: 10px;
}
.navbar .navbar-nav .dropdown .search-dropdown li {
padding: 0 15px;
}
.navbar .navbar-nav .dropdown .search-dropdown li form input[type="search"] {
border-radius: 0; font-size: .9em; letter-spacing: 1.5px;
}
.navbar .navbar-nav .dropdown .search-dropdown li form input[type="search"]:focus {
outline: none; box-shadow: none; border-color: #111;
}
.navbar .navbar-nav .dropdown .cart-dropdown {
width: 290px; background: #fff;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-sep-top {
margin-bottom: 15px;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-sep-bot {
margin-top: 0;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item {
padding: 0 25px 15px 25px;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item a {
padding: 0; border: none; background: none; text-transform: none; font-size: 14px; letter-spacing: .5px; line-height: inherit;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item a:hover {
padding: 0; border: none; background: none;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item .p-thumb {
float: left; margin-right: 15px;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item p {
line-height: 14px;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cp-name {
font-size: 14px; font-weight: 300; padding: 0; letter-spacing: 1px;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cp-name:hover {
padding: 0;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cp-price {
font-size: 12px; letter-spacing: 1px; color: #999;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cart-remove-btn {
padding: 0; float: right; font-size: 16px; color: #777; border: none; background: none;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cart-remove-btn:hover {
color: #111; border: none; background: none;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-item .cart-remove-btn:focus {
text-decoration: none;
}
.navbar .navbar-nav .dropdown .cart-dropdown .item-totals {
padding-left: 25px; padding-right: 25px;
}
.navbar .navbar-nav .dropdown .cart-dropdown .item-totals span {
float: right; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; color: #777;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns {
padding: 30px 25px 10px 25px;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light {
position: relative; display: inline-block; padding: 8px 38px; background: #111; color: #ececec; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2.5px; font-size: 0.9em; line-height: 1.8em; border-radius: 0; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited {
color: #ececec; background: #111;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited:hover {
color: #ececec; background: #3f3f3f;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:hover {
color: #ececec; background: #3f3f3f; border-color: #3f3f3f;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-text-light:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:focus {
color: #ececec; outline: none;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light {
background: none; color: #111; border: 2px solid #111; text-align: center; overflow: hidden; z-index: 1;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:after, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:after {
content: ; position: absolute; background: #111; left: 0; top: 100%; width: 100%; height: 100%; -webkit-transition: top 0.3s; transition: top 0.3s; z-index: -1;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:focus, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:focus {
color: #111; text-decoration: none;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover {
color: #ececec; background: none;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover:visited, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:visited {
color: #ececec; text-decoration: none;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost:hover:after, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:after {
top: 0;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light {
color: #111; background: #ececec;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited {
color: #111; background: #ececec;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:visited:hover {
color: #111; background: #bebebe;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:hover {
color: #111; background: #bebebe; border-color: #bebebe;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light:focus {
color: #111;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light {
z-index: 1; border-color: #ececec; color: #ececec;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:after {
background: #ececec;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover {
color: #111; border-color: #ececec;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:hover:visited {
color: #111;
}
.navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light:visited {
color: #ececec;
}
.navbar .navbar-nav .dropdown .dropdown-banner {
margin-left: -13px;
}
/* ---- Navbar Inverse (Dark) ---- */ .navbar-inverse {
border-bottom: 1px solid #222; background: #111;
}
.navbar-inverse .navbar-nav li a {
color: #777;
}
.navbar-inverse .navbar-nav li a:hover {
color: #ececec;
}
.navbar-inverse .navbar-nav .active a {
color: #ececec;
}
.navbar-inverse .navbar-nav .dropdown .dropdown-menu {
background: rgba(17, 17, 17, 0.95); border-color: #222;
}
.navbar-inverse .navbar-nav .dropdown .dropdown-menu li a:hover {
background: rgba(255, 255, 255, 0.1); border-left: 3px solid #ececec;
}
.navbar-inverse .navbar-nav .dropdown .dropdown-menu .dropdown-header {
color: #ececec;
}
.navbar-inverse .navbar-nav .dropdown .dropdown-menu .divider {
background-color: #444;
}
.navbar-inverse .navbar-nav .dropdown .dropdown-menu .bg-solid {
background: #111;
}
.navbar-inverse .navbar-nav .dropdown .cart-dropdown .cart-item .cart-remove-btn:hover {
color: #ececec;
}
.navbar-inverse .navbar-nav .dropdown .cart-dropdown .item-totals {
color: #ececec;
}
.navbar-inverse .navbar-nav .dropdown .search-dropdown li form input[type="search"]:focus {
border-color: #ececec;
}
/* ---- Mega Menu ---- */ .mega .nav, .mega .collapse, .mega .dropup, .mega .dropdown {
position: static;
}
.mega .container {
position: relative;
}
.mega .dropdown-menu {
left: auto;
}
.mega .mega-content {
padding: 20px 30px;
}
.mega .dropdown.mega-fw .dropdown-menu {
left: 0; right: 0;
}
/* ---- Navbar Utility ---- */ .navbar-trans {
border-bottom: none; background: transparent; -webkit-transition: background 0.3s; transition: background 0.3s;
}
.navbar-trans .navbar-logo {
content: url(../images/logo-light.png);
}
.navbar-trans .navbar-logo-dark {
content: url(../images/logo.png);
}
.navbar-trans:not(.navbar-inverse) .navbar-nav li a:focus, .navbar-trans:not(.navbar-inverse) .navbar-nav li a:hover {
color: #ececec;
}
.navbar-trans:not(.navbar-inverse) .navbar-nav .active a {
color: #ececec;
}
.navbar-trans:not(.navbar-inverse) .navbar-nav .active a:hover {
color: #ececec;
}
.navbar-trans:not(.navbar-inverse) .navbar-nav .dropdown .dropdown-menu li a:hover {
color: #111;
}
.navbar-trans:not(.navbar-inverse) .navbar-nav .open .dropdown-toggle {
color: #ececec;
}
.navbar-trans-dark .navbar-nav > li > a:focus, .navbar-trans-dark .navbar-nav > li > a:hover {
color: #111 !important;
}
.navbar-trans-dark .navbar-nav .active > a {
color: #111 !important;
}
.navbar-trans-dark .navbar-nav .active > a:hover {
color: #111 !important;
}
.navbar-trans-dark .navbar-nav .open .dropdown-toggle {
color: #111 !important;
}
.navbar-small {
min-height: 50px;
}
.navbar-small .navbar-header {
margin-top: 0; padding: 0;
}
.navbar-small .navbar-header .navbar-brand {
padding: 9px 0;
}
.navbar-small .navbar-nav {
margin-top: 0;
}
.navbar-small .navbar-nav .dropdown .dropdown-menu {
margin-top: 0;
}
.navbar-fw .navbar-header {
margin-left: 50px; width: 25%;
}
.navbar-fw .navbar-right {
margin-right: 50px;
}
/* ---- Navbar Utility ---- */ .bg-solid-white {
background: #fff !important;
}
.bg-solid-dark {
background: #111;
}
/* -------------------------------------------------- 9.0 Feature
*/
/* ---- 9.1 Feature - Cards ---- */ .ft-cards .ft-item {
padding: 50px 40px; border: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.ft-cards .ft-item:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.ft-cards .ft-item span {
font-size: 64px; color: #111;
}
.ft-cards .ft-item h4, .ft-cards .ft-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .ft-cards .ft-item .tab-heading, .ft-cards .ft-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-cards .ft-item cite, .ft-cards .ft-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .ft-cards .ft-item cite, .ft-cards .ft-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .ft-cards .ft-item cite, .ft-cards .ft-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .ft-cards .ft-item cite, .ft-cards .ft-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .ft-cards .ft-item cite, .ft-cards .ft-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .t-join .t-info .t-role, .t-join .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-cards .ft-item .cards-header, .ft-cards .ft-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-cards .ft-item .sc-lead {
margin-top: 40px; margin-bottom: 30px;
}
.ft-cards .ft-item p {
padding: 0; margin: 0;
}
.ft-cards .ft-item a {
padding-top: 50px; display: block; text-align: right; color: #999;
}
.ft-cards .ft-item a:hover {
color: #111;
}
.ft-cards .ft-item a:focus {
text-decoration: none;
}
.ft-cards .ft-item a span {
display: inline-block; font-size: 25px; vertical-align: top; color: inherit;
}
/* ---- 9.2 Feature - Cards 2 ---- */ .ft-cards-2 .ft-card-item {
margin-bottom: 50px; height: 254px; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.ft-cards-2 .ft-card-item:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.ft-cards-2 .ft-card-item img {
display: inline-block; max-width: 240px; 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, .ft-cards-2 .ft-card-item .ft-content .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-cards-2 .ft-card-item .ft-content .widget-comm-title, .ft-cards-2 .ft-card-item .ft-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-cards-2 .ft-card-item .ft-content .title-timer, .ft-cards-2 .ft-card-item .ft-content .-layout-options span, .-layout-options .ft-cards-2 .ft-card-item .ft-content span {
margin: 0; padding-bottom: 20px;
}
.ft-cards-2 .ft-card-item .ft-content p {
margin: 0; color: #999;
}
.ft-cards-2 .ft-card-item .ft-content .link-btn {
display: inline-block; margin-top: 30px; float: right; color: #777; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s;
}
.ft-cards-2 .ft-card-item .ft-content .link-btn span {
display: inline-block; font-size: 23px; vertical-align: top; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s;
}
.ft-cards-2 .ft-card-item .ft-content .link-btn:hover {
color: #111; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);
}
.ft-cards-2 .ft-card-item .ft-content .link-btn:hover span {
opacity: 1; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px);
}
.ft-cards-2 .ft-card-item .ft-content .link-btn:focus {
text-decoration: none;
}
/* ---- 9.3 Feature - Steps Numbers ---- */ .ft-steps-numbers .ft-item {
display: block; position: relative;
}
.ft-steps-numbers .ft-item .ft-nbr {
display: inline-block; position: absolute; top: 7px; left: 0; color: rgba(204, 204, 204, 0.4); font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: lighter; font-size: 165px;
}
.ft-steps-numbers .ft-item h4, .ft-steps-numbers .ft-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .ft-steps-numbers .ft-item .tab-heading, .ft-steps-numbers .ft-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .ft-steps-numbers .ft-item cite, .ft-steps-numbers .ft-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-steps-numbers .ft-item .t-role, .ft-steps-numbers .ft-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-steps-numbers .ft-item .t-role, .ft-steps-numbers .ft-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-steps-numbers .ft-item .t-role, .ft-steps-numbers .ft-item .t-join .t-info .t-role, .t-join .t-info .ft-steps-numbers .ft-item .t-role, .ft-steps-numbers .ft-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-steps-numbers .ft-item .cards-header, .ft-steps-numbers .ft-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-steps-numbers .ft-item .sc-lead {
margin: 0; padding-bottom: 20px; padding-left: 85px;
}
.ft-steps-numbers .ft-item p {
margin: 0; padding-left: 85px;
}
/* ---- 9.4 Feature - Centered ---- */ .ft-centered .ft-item, .ft-x .ft-item, .ft-y .ft-item {
text-align: center;
}
.ft-centered .ft-item h5, .ft-x .ft-item h5, .ft-y .ft-item h5, .ft-centered .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-centered .ft-item .ft-heading, .ft-x .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-x .ft-item .ft-heading, .ft-y .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-y .ft-item .ft-heading, .ft-centered .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-centered .ft-item .tab-info, .ft-x .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-x .ft-item .tab-info, .ft-y .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-y .ft-item .tab-info, .ft-centered .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-centered .ft-item .widget-comm-title, .ft-x .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-x .ft-item .widget-comm-title, .ft-y .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-y .ft-item .widget-comm-title, .ft-centered .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-centered .ft-item .title-timer, .ft-x .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-x .ft-item .title-timer, .ft-y .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-y .ft-item .title-timer, .ft-centered .ft-item .-layout-options span, .-layout-options .ft-centered .ft-item span, .ft-x .ft-item .-layout-options span, .-layout-options .ft-x .ft-item span, .ft-y .ft-item .-layout-options span, .-layout-options .ft-y .ft-item span {
margin-top: 30px; margin-bottom: 20px;
}
.ft-centered .ft-item span, .ft-x .ft-item span, .ft-y .ft-item span {
padding: 0; width: 110px; height: 110px; font-size: 45px; line-height: 109px;
}
.ft-centered .ft-material:hover span, .ft-x .ft-material:hover span, .ft-y .ft-material:hover span, .ft-centered .ft-material:hover i, .ft-x .ft-material:hover i, .ft-y .ft-material:hover i {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.ft-centered .ft-material span, .ft-x .ft-material span, .ft-y .ft-material span, .ft-centered .ft-material i, .ft-x .ft-material i, .ft-y .ft-material i {
display: inline-block; border: 1px solid #f8f8f8; border-radius: 100px; background: #fff; color: #777; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.ft-centered .ft-diagonal span, .ft-x .ft-diagonal span, .ft-y .ft-diagonal span, .ft-centered .ft-diagonal i, .ft-x .ft-diagonal i, .ft-y .ft-diagonal i {
display: inline-block; color: #111; background: url(../images/pat-diagonal.png) 100% repeat; border-radius: 100px;
}
.ft-centered .ft-circle-frame:hover span, .ft-x .ft-circle-frame:hover span, .ft-y .ft-circle-frame:hover span, .ft-centered .ft-square-frame:hover span, .ft-x .ft-square-frame:hover span, .ft-y .ft-square-frame:hover span, .ft-centered .ft-circle-frame-dark:hover span, .ft-x .ft-circle-frame-dark:hover span, .ft-y .ft-circle-frame-dark:hover span, .ft-centered .ft-square-frame-dark:hover span, .ft-x .ft-square-frame-dark:hover span, .ft-y .ft-square-frame-dark:hover span, .ft-centered .ft-circle-frame:hover i, .ft-x .ft-circle-frame:hover i, .ft-y .ft-circle-frame:hover i, .ft-centered .ft-square-frame:hover i, .ft-x .ft-square-frame:hover i, .ft-y .ft-square-frame:hover i, .ft-centered .ft-circle-frame-dark:hover i, .ft-x .ft-circle-frame-dark:hover i, .ft-y .ft-circle-frame-dark:hover i, .ft-centered .ft-square-frame-dark:hover i, .ft-x .ft-square-frame-dark:hover i, .ft-y .ft-square-frame-dark:hover i {
border-color: #ececec; box-shadow: 0 0 0 0 #ececec;
}
.ft-centered .ft-circle-frame span, .ft-x .ft-circle-frame span, .ft-y .ft-circle-frame span, .ft-centered .ft-square-frame span, .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-centered .ft-circle-frame-dark span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-circle-frame i, .ft-x .ft-circle-frame i, .ft-y .ft-circle-frame i, .ft-centered .ft-square-frame i, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i, .ft-centered .ft-circle-frame-dark i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
display: inline-block; color: #111; background: #ececec; border: 5px solid white; box-shadow: 0 0 0 1px #ececec; border-radius: 100px; line-height: 102px; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.ft-centered .ft-square-frame span, .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-centered .ft-square-frame i, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i {
width: 100px; height: 100px; border-radius: 0; font-size: 45px; text-align: center; line-height: 90px;
}
.ft-centered .ft-dark-spin:hover span, .ft-x .ft-dark-spin:hover span, .ft-y .ft-dark-spin:hover span, .ft-centered .ft-dark-spin:hover i, .ft-x .ft-dark-spin:hover i, .ft-y .ft-dark-spin:hover i {
-webkit-transform: rotateY(180deg); transform: rotateY(180deg); border: 1px solid #cccccc; background: #fff; color: #111;
}
.ft-centered .ft-dark-spin span, .ft-x .ft-dark-spin span, .ft-y .ft-dark-spin span, .ft-centered .ft-dark-spin i, .ft-x .ft-dark-spin i, .ft-y .ft-dark-spin i {
display: inline-block; color: #f8f8f8; border: 1px solid rgba(17, 17, 17, 0); background: #111; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.ft-centered .ft-circle-frame-dark:hover span, .ft-x .ft-circle-frame-dark:hover span, .ft-y .ft-circle-frame-dark:hover span, .ft-centered .ft-square-frame-dark:hover span, .ft-x .ft-square-frame-dark:hover span, .ft-y .ft-square-frame-dark:hover span, .ft-centered .ft-circle-frame-dark:hover i, .ft-x .ft-circle-frame-dark:hover i, .ft-y .ft-circle-frame-dark:hover i, .ft-centered .ft-square-frame-dark:hover i, .ft-x .ft-square-frame-dark:hover i, .ft-y .ft-square-frame-dark:hover i {
border-color: #111111;
}
.ft-centered .ft-circle-frame-dark span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-circle-frame-dark i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
color: #f8f8f8; background: #111; border: 5px solid white; box-shadow: 0 0 0 1px #111;
}
.ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
width: 100px; height: 100px; border-radius: 0; font-size: 45px; text-align: center; line-height: 90px;
}
.ft-centered .ft-small-card, .ft-x .ft-small-card, .ft-y .ft-small-card {
padding: 50px 30px; background: #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.ft-centered .ft-small-card:hover, .ft-x .ft-small-card:hover, .ft-y .ft-small-card:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.ft-centered .ft-small-card:hover span, .ft-x .ft-small-card:hover span, .ft-y .ft-small-card:hover span, .ft-centered .ft-small-card:hover i, .ft-x .ft-small-card:hover i, .ft-y .ft-small-card:hover i {
color: #111;
}
.ft-centered .ft-small-card span, .ft-x .ft-small-card span, .ft-y .ft-small-card span, .ft-centered .ft-small-card i, .ft-x .ft-small-card i, .ft-y .ft-small-card i {
display: block; margin-top: 30px; padding-bottom: 30px; width: auto; height: auto; line-height: 0; font-size: 64px; color: #777; -webkit-transition: color 0.7s; transition: color 0.7s;
}
.ft-centered .ft-circle-overlay:hover span, .ft-x .ft-circle-overlay:hover span, .ft-y .ft-circle-overlay:hover span, .ft-centered .ft-square-overlay:hover span, .ft-x .ft-square-overlay:hover span, .ft-y .ft-square-overlay:hover span, .ft-centered .ft-circle-overlay:hover i, .ft-x .ft-circle-overlay:hover i, .ft-y .ft-circle-overlay:hover i, .ft-centered .ft-square-overlay:hover i, .ft-x .ft-square-overlay:hover i, .ft-y .ft-square-overlay:hover i {
background: #f4f4f4;
}
.ft-centered .ft-circle-overlay span, .ft-x .ft-circle-overlay span, .ft-y .ft-circle-overlay span, .ft-centered .ft-square-overlay span, .ft-x .ft-square-overlay span, .ft-y .ft-square-overlay span, .ft-centered .ft-circle-overlay i, .ft-x .ft-circle-overlay i, .ft-y .ft-circle-overlay i, .ft-centered .ft-square-overlay i, .ft-x .ft-square-overlay i, .ft-y .ft-square-overlay i {
display: inline-block; color: #111; border-radius: 100px; background: #ececec; border: 10px solid #f4f4f4; line-height: 90px; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.ft-centered .ft-square-overlay span, .ft-x .ft-square-overlay span, .ft-y .ft-square-overlay span, .ft-centered .ft-square-overlay i, .ft-x .ft-square-overlay i, .ft-y .ft-square-overlay i {
border-radius: 0;
}
.ft-centered .ft-basic span, .ft-x .ft-basic span, .ft-y .ft-basic span, .ft-centered .ft-basic i, .ft-x .ft-basic i, .ft-y .ft-basic i {
font-size: 60px; line-height: 60px;
}
/* ---- 9.5 Feature - Horizontal Aligned ---- */ .ft-x .ft-item, .ft-y .ft-item {
text-align: left;
}
.ft-x .ft-item h5, .ft-y .ft-item h5, .ft-x .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-x .ft-item .ft-heading, .ft-y .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-y .ft-item .ft-heading, .ft-x .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-x .ft-item .tab-info, .ft-y .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-y .ft-item .tab-info, .ft-x .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-x .ft-item .widget-comm-title, .ft-y .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-y .ft-item .widget-comm-title, .ft-x .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-x .ft-item .title-timer, .ft-y .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-y .ft-item .title-timer, .ft-x .ft-item .-layout-options span, .-layout-options .ft-x .ft-item span, .ft-y .ft-item .-layout-options span, .-layout-options .ft-y .ft-item span {
margin-top: 30px; margin-bottom: 20px;
}
.ft-x .ft-item span, .ft-y .ft-item span, .ft-x .ft-item i, .ft-y .ft-item i {
display: inline-block; margin: 25px 35px 50px 0; padding: 28px 26px; width: 85px; height: 85px; 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: #111;
}
.ft-x .ft-circle-frame span, .ft-y .ft-circle-frame span, .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-x .ft-circle-frame i, .ft-y .ft-circle-frame i, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
padding: 24px 25px;
}
.ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
width: 80px; height: 80px; padding: 21px 23px;
}
.ft-x .ft-circle-overlay span, .ft-y .ft-circle-overlay span, .ft-x .ft-square-overlay span, .ft-y .ft-square-overlay span, .ft-x .ft-circle-overlay i, .ft-y .ft-circle-overlay i, .ft-x .ft-square-overlay i, .ft-y .ft-square-overlay i {
padding: 20px; border: 10px solid #f4f4f4;
}
.ft-x .ft-basic span, .ft-y .ft-basic span, .ft-x .ft-basic i, .ft-y .ft-basic i {
padding: 0; font-size: 64px; line-height: 64px;
}
.ft-x .right-align .ft-content, .ft-y .right-align .ft-content {
display: inline-block; width: 62%; text-align: right;
}
.ft-x .right-align .ft-icon, .ft-y .right-align .ft-icon {
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 0.3s; transition: border-color 0.3s;
}
.ft-boxed-hover ul li:hover {
border-color: #111;
}
.ft-boxed-hover ul li:hover .hover-content {
opacity: 1;
}
.ft-boxed-hover ul li .ft-icon {
font-size: 56px; color: #777;
}
.ft-boxed-hover ul li .h-alt {
color: #999;
}
.ft-boxed-hover ul li .hover-content {
display: block; position: absolute; padding: 30px; top: 0; left: 0; width: 100%; height: 100%; background: #111; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.ft-boxed-hover ul li .hover-content .ft-icon {
position: absolute; display: block; top: 50px; left: 0; right: 0; font-size: 120px; color: rgba(217, 217, 217, 0.15); z-index: 1;
}
.ft-boxed-hover ul li .hover-content .ft-heading {
display: block; margin: 0; padding-bottom: 15px; color: #ececec;
}
.ft-boxed-hover ul li .hover-content p {
margin: 0; color: #999;
}
.ft-boxed-hover ul li .hover-content a {
display: inline-block; position: relative; margin-top: 20px; color: #999; z-index: 10 !important;
}
.ft-boxed-hover ul li .hover-content a:hover {
color: #ececec;
}
.ft-boxed-hover ul li .hover-content a:focus {
outline: none;
}
/* ---- 9.8 Feature - Tabs ---- */ .ft-tabs .tabs-list {
list-style: none; padding: 0; margin: 0;
}
.ft-tabs .tabs-list li {
border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;
}
.ft-tabs .tabs-list li:nth-child(2), .ft-tabs .tabs-list li:nth-child(3) {
margin-top: -1px;
}
.ft-tabs .tabs-list li a {
display: block; padding: 50px; border-left: 10px solid rgba(17, 17, 17, 0);
}
.ft-tabs .tabs-list li a:hover {
background: #f8f8f8;
}
.ft-tabs .tabs-list li a:focus {
text-decoration: none;
}
.ft-tabs .tabs-list li a .tab-icon {
display: inline-block; padding-right: 20px; font-size: 50px; color: #111;
}
.ft-tabs .tabs-list li a .tab-group {
text-align: left; float: right;
}
.ft-tabs .tabs-list li a .tab-group .tab-heading {
display: block; color: #111;
}
.ft-tabs .tabs-list li a .tab-group .tab-info {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2px; color: #999;
}
.ft-tabs .tabs-list .active a {
border-left: 10px solid #111111; background: #f4f4f4;
}
.ft-tabs .tab-content {
height: 475px; background: #f4f4f4;
}
.ft-tabs .tab-content .tab-content-text {
padding-top: 110px; padding-left: 80px;
}
.ft-tabs .tab-content .tab-content-text h4, .ft-tabs .tab-content .tab-content-text .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .tab-content .tab-content-text .tab-heading, .ft-tabs .tab-content .tab-content-text .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .ft-tabs .tab-content .tab-content-text cite, .ft-tabs .tab-content .tab-content-text .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-tabs .tab-content .tab-content-text .t-role, .ft-tabs .tab-content .tab-content-text .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-tabs .tab-content .tab-content-text .t-role, .ft-tabs .tab-content .tab-content-text .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-tabs .tab-content .tab-content-text .t-role, .ft-tabs .tab-content .tab-content-text .t-join .t-info .t-role, .t-join .t-info .ft-tabs .tab-content .tab-content-text .t-role, .ft-tabs .tab-content .tab-content-text .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-tabs .tab-content .tab-content-text .cards-header, .ft-tabs .tab-content .tab-content-text .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-tabs .tab-content .tab-content-text .sc-lead {
margin: 0; padding-bottom: 25px;
}
.ft-tabs .tab-content .tab-content-text p {
margin: 0;
}
.ft-tabs .tab-content .tab-content-text button {
margin-top: 45px;
}
.ft-tabs .tab-content .tab-content-image {
padding-top: 110px;
}
/* ---- 9.9 Lists ---- */ .list-check, .list-square-check, .list-circle-check, .list-square-check-full, .list-circle-check-full {
list-style: none;
}
.list-check li, .list-square-check li, .list-circle-check li, .list-square-check-full li, .list-circle-check-full li {
margin-bottom: 30px;
}
.list-check li:before, .list-square-check li:before, .list-circle-check li:before, .list-square-check-full li:before, .list-circle-check-full li:before {
content: "\e01b"; position: absolute; left: 0; font-family: "linea-icon-font"; font-size: 40px; color: #111;
}
.list-square-check li, .list-circle-check li {
margin-left: 20px; margin-bottom: 40px;
}
.list-square-check li:before, .list-circle-check li:before {
content: "\e081"; font-size: 50px;
}
.list-circle-check li:before {
content: "\e01c";
}
.list-square-check-full li, .list-circle-check-full li {
margin-left: 20px; padding-top: 1px;
}
.list-square-check-full li:before, .list-circle-check-full li:before {
display: inline-block; padding-top: 12px; width: 50px; height: 50px; background: #ececec; font-size: 35px; text-align: center;
}
.list-circle-check-full li:before {
border-radius: 100px;
}
.list-basic {
list-style: none;
}
.list-basic li {
margin-bottom: 30px;
}
/* ---- 9.10 Feature Layout 50/50 ---- */ .ft-layout-50 .ft-item .ft-content-wrapper {
padding: 75px 15% 75px 100px; height: 450px; background: #f4f4f4;
}
.ft-layout-50 .ft-item .ft-content-wrapper h4, .ft-layout-50 .ft-item .ft-content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .ft-layout-50 .ft-item .ft-content-wrapper .tab-heading, .ft-layout-50 .ft-item .ft-content-wrapper .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .ft-layout-50 .ft-item .ft-content-wrapper cite, .ft-layout-50 .ft-item .ft-content-wrapper .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-layout-50 .ft-item .ft-content-wrapper .t-role, .ft-layout-50 .ft-item .ft-content-wrapper .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-layout-50 .ft-item .ft-content-wrapper .t-role, .ft-layout-50 .ft-item .ft-content-wrapper .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-layout-50 .ft-item .ft-content-wrapper .t-role, .ft-layout-50 .ft-item .ft-content-wrapper .t-join .t-info .t-role, .t-join .t-info .ft-layout-50 .ft-item .ft-content-wrapper .t-role, .ft-layout-50 .ft-item .ft-content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-layout-50 .ft-item .ft-content-wrapper .cards-header, .ft-layout-50 .ft-item .ft-content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-layout-50 .ft-item .ft-content-wrapper .sc-lead, .ft-layout-50 .ft-item .ft-content-wrapper h5, .ft-layout-50 .ft-item .ft-content-wrapper .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-layout-50 .ft-item .ft-content-wrapper .ft-heading, .ft-layout-50 .ft-item .ft-content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-layout-50 .ft-item .ft-content-wrapper .tab-info, .ft-layout-50 .ft-item .ft-content-wrapper .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-layout-50 .ft-item .ft-content-wrapper .widget-comm-title, .ft-layout-50 .ft-item .ft-content-wrapper .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-layout-50 .ft-item .ft-content-wrapper .title-timer, .ft-layout-50 .ft-item .ft-content-wrapper .-layout-options span, .-layout-options .ft-layout-50 .ft-item .ft-content-wrapper span, .ft-layout-50 .ft-item .ft-content-wrapper h6, .ft-layout-50 .ft-item .ft-content-wrapper .progress-group .progress-title, .progress-group .ft-layout-50 .ft-item .ft-content-wrapper .progress-title, .ft-layout-50 .ft-item .ft-content-wrapper .progress-group .progress-value, .progress-group .ft-layout-50 .ft-item .ft-content-wrapper .progress-value, .ft-layout-50 .ft-item .ft-content-wrapper .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .ft-layout-50 .ft-item .ft-content-wrapper .panel-title, .ft-layout-50 .ft-item .ft-content-wrapper .footer-social-links ul li, .footer-social-links ul .ft-layout-50 .ft-item .ft-content-wrapper li, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .ft-layout-50 .ft-item .ft-content-wrapper .show-info-link, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .ft-layout-50 .ft-item .ft-content-wrapper .adr-heading, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .ft-layout-50 .ft-item .ft-content-wrapper .show-map, .ft-layout-50 .ft-item .ft-content-wrapper .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .ft-layout-50 .ft-item .ft-content-wrapper .adr-heading, .ft-layout-50 .ft-cards .ft-item .ft-content-wrapper a, .ft-cards .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .ft-layout-50 .ft-item .ft-content-wrapper .link-btn, .ft-layout-50 .ft-item .ft-content-wrapper .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .circles-counters .circle-item .circle-text, .circles-counters .circle-item .ft-layout-50 .ft-item .ft-content-wrapper .circle-text, .ft-layout-50 .ft-item .ft-content-wrapper .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .ft-layout-50 .ft-item .ft-content-wrapper .circle-text, .ft-layout-50 .ft-item .ft-content-wrapper .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .ft-layout-50 .ft-item .ft-content-wrapper .count-text, .ft-layout-50 .ft-item .ft-content-wrapper .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .ft-layout-50 .ft-item .ft-content-wrapper .count-text, .ft-layout-50 .ft-item .ft-content-wrapper .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .pricing-tables .p-table .desc, .pricing-tables .p-table .ft-layout-50 .ft-item .ft-content-wrapper .desc, .ft-layout-50 .ft-item .ft-content-wrapper .blog-post-nav .prev-btn, .blog-post-nav .ft-layout-50 .ft-item .ft-content-wrapper .prev-btn, .ft-layout-50 .ft-item .ft-content-wrapper .blog-post-nav .next-btn, .blog-post-nav .ft-layout-50 .ft-item .ft-content-wrapper .next-btn, .ft-layout-50 .ft-item .ft-content-wrapper .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper span, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper p, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .ft-layout-50 .ft-item .ft-content-wrapper .cta-btn, .ft-layout-50 .ft-item .ft-content-wrapper .-sidebar .filter-widget label, .-sidebar .filter-widget .ft-layout-50 .ft-item .ft-content-wrapper label, .ft-layout-50 .ft-item .ft-content-wrapper .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .ft-layout-50 .ft-item .ft-content-wrapper label, .ft-layout-50 .ft-item .ft-content-wrapper .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .checkout-table tbody tr td:first-child, .checkout-table tbody tr .ft-layout-50 .ft-item .ft-content-wrapper td:first-child, .ft-layout-50 .ft-item .ft-content-wrapper .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .ft-layout-50 .ft-item .ft-content-wrapper .tpr-name {
margin: 0;
}
.ft-layout-50 .ft-item .ft-content-wrapper h6, .ft-layout-50 .ft-item .ft-content-wrapper .progress-group .progress-title, .progress-group .ft-layout-50 .ft-item .ft-content-wrapper .progress-title, .ft-layout-50 .ft-item .ft-content-wrapper .progress-group .progress-value, .progress-group .ft-layout-50 .ft-item .ft-content-wrapper .progress-value, .ft-layout-50 .ft-item .ft-content-wrapper .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .ft-layout-50 .ft-item .ft-content-wrapper .panel-title, .ft-layout-50 .ft-item .ft-content-wrapper .footer-social-links ul li, .footer-social-links ul .ft-layout-50 .ft-item .ft-content-wrapper li, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .ft-layout-50 .ft-item .ft-content-wrapper .show-info-link, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .ft-layout-50 .ft-item .ft-content-wrapper .adr-heading, .ft-layout-50 .ft-item .ft-content-wrapper .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .ft-layout-50 .ft-item .ft-content-wrapper .show-map, .ft-layout-50 .ft-item .ft-content-wrapper .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .ft-layout-50 .ft-item .ft-content-wrapper .adr-heading, .ft-layout-50 .ft-cards .ft-item .ft-content-wrapper a, .ft-cards .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .ft-layout-50 .ft-item .ft-content-wrapper .link-btn, .ft-layout-50 .ft-item .ft-content-wrapper .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .circles-counters .circle-item .circle-text, .circles-counters .circle-item .ft-layout-50 .ft-item .ft-content-wrapper .circle-text, .ft-layout-50 .ft-item .ft-content-wrapper .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .ft-layout-50 .ft-item .ft-content-wrapper .circle-text, .ft-layout-50 .ft-item .ft-content-wrapper .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .ft-layout-50 .ft-item .ft-content-wrapper .count-text, .ft-layout-50 .ft-item .ft-content-wrapper .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .ft-layout-50 .ft-item .ft-content-wrapper .count-text, .ft-layout-50 .ft-item .ft-content-wrapper .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .pricing-tables .p-table .desc, .pricing-tables .p-table .ft-layout-50 .ft-item .ft-content-wrapper .desc, .ft-layout-50 .ft-item .ft-content-wrapper .blog-post-nav .prev-btn, .blog-post-nav .ft-layout-50 .ft-item .ft-content-wrapper .prev-btn, .ft-layout-50 .ft-item .ft-content-wrapper .blog-post-nav .next-btn, .blog-post-nav .ft-layout-50 .ft-item .ft-content-wrapper .next-btn, .ft-layout-50 .ft-item .ft-content-wrapper .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper span, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .ft-layout-50 .ft-item .ft-content-wrapper p, .ft-layout-50 .ft-item .ft-content-wrapper .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .ft-layout-50 .ft-item .ft-content-wrapper .cta-btn, .ft-layout-50 .ft-item .ft-content-wrapper .-sidebar .filter-widget label, .-sidebar .filter-widget .ft-layout-50 .ft-item .ft-content-wrapper label, .ft-layout-50 .ft-item .ft-content-wrapper .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .ft-layout-50 .ft-item .ft-content-wrapper label, .ft-layout-50 .ft-item .ft-content-wrapper .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .ft-layout-50 .ft-item .ft-content-wrapper a, .ft-layout-50 .ft-item .ft-content-wrapper .checkout-table tbody tr td:first-child, .checkout-table tbody tr .ft-layout-50 .ft-item .ft-content-wrapper td:first-child, .ft-layout-50 .ft-item .ft-content-wrapper .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .ft-layout-50 .ft-item .ft-content-wrapper .tpr-name {
margin-top: 15px; margin-bottom: 50px; color: #999;
}
.ft-layout-50 .ft-item .ft-content-wrapper p {
margin-bottom: 45px;
}
.ft-layout-50 .ft-item .ft-img-wrapper {
position: relative; padding: 0; height: 450px; overflow: hidden;
}
.ft-layout-50 .ft-item .ft-img-wrapper img {
width: 100%; max-width: 100%; height: auto;
}
.ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper {
position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: rgba(17, 17, 17, 0.6);
}
.ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn {
display: block; position: relative; top: 44%; -webkit-transform: translateY(-44%); -ms-transform: translateY(-44%); transform: translateY(-44%); text-align: center; color: #ececec;
}
.ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn h5, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .ft-heading, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .tab-info, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .widget-comm-title, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .title-timer, .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn .-layout-options span, .-layout-options .ft-layout-50 .ft-item .ft-img-wrapper .ft-video-wrapper .play-btn span {
color: inherit;
}
/* ---- 9.11 Feature Hover Box ---- */ .ft-hover-item .ft-item {
position: relative; height: 440px; -webkit-transition: all 0.4s; transition: all 0.4s;
}
.ft-hover-item .ft-item .content-wrapper {
position: absolute; left: 100px; right: 100px; bottom: 0; -webkit-transition: all 0.4s; transition: all 0.4s;
}
.ft-hover-item .ft-item .content-wrapper h3, .ft-hover-item .ft-item .content-wrapper .page-title .subheading, .page-title .ft-hover-item .ft-item .content-wrapper .subheading, .ft-hover-item .ft-item .content-wrapper h4, .ft-hover-item .ft-item .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .ft-hover-item .ft-item .content-wrapper .tab-heading, .ft-hover-item .ft-item .content-wrapper .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-hover-item .ft-item .content-wrapper cite, .ft-hover-item .ft-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .ft-hover-item .ft-item .content-wrapper .info-wrapper .info-404 footer cite, .ft-hover-item .ft-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .ft-hover-item .ft-item .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .ft-hover-item .ft-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .ft-hover-item .ft-item .content-wrapper .content-inner p footer cite, .ft-hover-item .ft-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .ft-hover-item .ft-item .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .ft-hover-item .ft-item .content-wrapper .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-hover-item .ft-item .content-wrapper .t-role, .ft-hover-item .ft-item .content-wrapper .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-hover-item .ft-item .content-wrapper .t-role, .ft-hover-item .ft-item .content-wrapper .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-hover-item .ft-item .content-wrapper .t-role, .ft-hover-item .ft-item .content-wrapper .t-join .t-info .t-role, .t-join .t-info .ft-hover-item .ft-item .content-wrapper .t-role, .ft-hover-item .ft-item .content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-hover-item .ft-item .content-wrapper .cards-header, .ft-hover-item .ft-item .content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-hover-item .ft-item .content-wrapper .sc-lead, .ft-hover-item .ft-item .content-wrapper h5, .ft-hover-item .ft-item .content-wrapper .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-hover-item .ft-item .content-wrapper .ft-heading, .ft-hover-item .ft-item .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-hover-item .ft-item .content-wrapper .tab-info, .ft-hover-item .ft-item .content-wrapper .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-hover-item .ft-item .content-wrapper .widget-comm-title, .ft-hover-item .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .ft-hover-item .ft-item .content-wrapper .content-inner .cs-timer .item .title-timer, .ft-hover-item .ft-item .content-wrapper .-layout-options span, .-layout-options .ft-hover-item .ft-item .content-wrapper span {
margin: 0; padding-bottom: 20px; color: #ececec;
}
.ft-hover-item .ft-item .content-wrapper p {
margin: 0; padding-bottom: 45px; color: #ececec;
}
.ft-hover-item .ft-item .content-wrapper .ft-button {
opacity: 0;
}
.ft-hover-item .ft-item:hover {
background-size: 103%;
}
.ft-hover-item .ft-item:hover .bg-overlay {
background: rgba(17, 17, 17, 0.8);
}
.ft-hover-item .ft-item:hover .content-wrapper {
bottom: 100px;
}
.ft-hover-item .ft-item:hover .content-wrapper .ft-button {
opacity: 1;
}
.ft-hover-item .ft-1, .ft-hover-item .ft-2 {
background: #ccc url(../images/landing-ft-4.jpg); background-size: 100%; background-position: 50%; -webkit-transition: background-size 0.3s; transition: background-size 0.3s;
}
.ft-hover-item .ft-1 .bg-overlay, .ft-hover-item .ft-2 .bg-overlay {
content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.55); -webkit-transition: background 0.4s; transition: background 0.4s;
}
.ft-hover-item .ft-2 {
background: url(../images/bridge-2.jpg); background-size: 100%; background-position: 50%;
}
.ft-hover-item .ft-2 .bg-overlay {
background: rgba(17, 17, 17, 0.4);
}
/* ---- 9.12 Video Background ---- */ .play-btn {
display: inline-block; padding-top: 50px;
}
.play-btn .play-icon {
display: inline-block; font-size: 64px; vertical-align: middle; -webkit-transform: translateX(65px); -ms-transform: translateX(65px); transform: translateX(65px); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.play-btn h5, .play-btn .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .play-btn .ft-heading, .play-btn .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .play-btn .tab-info, .play-btn .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .play-btn .widget-comm-title, .play-btn .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .play-btn .title-timer, .play-btn .-layout-options span, .-layout-options .play-btn span {
display: inline-block; padding-left: 20px; vertical-align: middle; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s;
}
.play-btn:hover .play-icon {
font-size: 40px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);
}
.play-btn:hover h5, .play-btn:hover .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .play-btn:hover .ft-heading, .play-btn:hover .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .play-btn:hover .tab-info, .play-btn:hover .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .play-btn:hover .widget-comm-title, .play-btn:hover .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .play-btn:hover .title-timer, .play-btn:hover .-layout-options span, .-layout-options .play-btn:hover span {
opacity: 1;
}
.play-btn:focus {
outline: none;
}
.video-bg-section {
height: 365px; background: #ccc url(../images/hero/edge.jpg); background-position: 50%; background-size: cover;
}
.video-bg-section .video-sec-content {
background: rgba(17, 17, 17, 0.5); padding-top: 100px; width: 100%; height: 100%; text-align: center;
}
.video-bg-section .video-sec-content h3, .video-bg-section .video-sec-content .page-title .subheading, .page-title .video-bg-section .video-sec-content .subheading, .video-bg-section .video-sec-content h5, .video-bg-section .video-sec-content .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .video-bg-section .video-sec-content .ft-heading, .video-bg-section .video-sec-content .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .video-bg-section .video-sec-content .tab-info, .video-bg-section .video-sec-content .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .video-bg-section .video-sec-content .widget-comm-title, .video-bg-section .video-sec-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .video-bg-section .video-sec-content .title-timer, .video-bg-section .video-sec-content .-layout-options span, .-layout-options .video-bg-section .video-sec-content span, .video-bg-section .video-sec-content span {
color: #ececec;
}
.video-bg-section .video-sec-content .cta-lead {
letter-spacing: 8px;
}
/* ---- 9.13 Feature Big Images + Text ---- */ .ft-big-img-left {
position: relative;
}
.ft-big-img-left .ft-img-container {
margin-bottom: -50px;
}
.ft-big-img-left .ft-img-container .ft-img {
position: relative; top: -60px; left: -55%;
}
.ft-big-img-left .ft-content {
position: relative; top: 125px;
}
.ft-big-img-left .ft-content h3, .ft-big-img-left .ft-content .page-title .subheading, .page-title .ft-big-img-left .ft-content .subheading {
margin: 0; padding-bottom: 30px;
}
.ft-big-img-left .ft-content .h-alt {
margin: 0; padding-bottom: 45px; color: #999;
}
.ft-big-img-left .ft-content .btn, .ft-big-img-left .ft-content .btn-ghost, .ft-big-img-left .ft-content .btn-ghost-light, .ft-big-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-left .ft-content .btn-ghost-light, .ft-big-img-left .ft-content .btn-text, .ft-big-img-left .ft-content .btn-text-light, .ft-big-img-left .ft-content .btn-light, .ft-big-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-left .ft-content .btn-ghost, .ft-big-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-left .ft-content .btn-light {
margin-top: 30px;
}
.ft-big-img-right {
position: relative;
}
.ft-big-img-right .ft-img-container {
padding-top: 100px; padding-bottom: 100px; overflow: hidden;
}
.ft-big-img-right .ft-img-container .ft-img {
position: relative; right: -35%;
}
.ft-big-img-right .ft-content {
position: relative; top: 225px;
}
.ft-big-img-right .ft-content h3, .ft-big-img-right .ft-content .page-title .subheading, .page-title .ft-big-img-right .ft-content .subheading {
margin: 0; padding-bottom: 30px;
}
.ft-big-img-right .ft-content .h-alt {
margin: 0; padding-bottom: 45px; color: #999;
}
.ft-big-img-right .ft-content .btn, .ft-big-img-right .ft-content .btn-ghost, .ft-big-img-right .ft-content .btn-ghost-light, .ft-big-img-right .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-right .ft-content .btn-ghost-light, .ft-big-img-right .ft-content .btn-text, .ft-big-img-right .ft-content .btn-text-light, .ft-big-img-right .ft-content .btn-light, .ft-big-img-right .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-right .ft-content .btn-ghost, .ft-big-img-right .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-big-img-right .ft-content .btn-light {
margin-top: 30px;
}
/* ---- 9.14 Features - Image Left ---- */ .ft-img-left .ft-content {
position: relative; top: 35px;
}
.ft-img-left .ft-content h3, .ft-img-left .ft-content .page-title .subheading, .page-title .ft-img-left .ft-content .subheading {
margin: 0; padding-bottom: 30px;
}
.ft-img-left .ft-content .h-alt {
margin: 0; padding-bottom: 45px; color: #999;
}
.ft-img-left .ft-content .btn, .ft-img-left .ft-content .btn-ghost, .ft-img-left .ft-content .btn-ghost-light, .ft-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-img-left .ft-content .btn-ghost-light, .ft-img-left .ft-content .btn-text, .ft-img-left .ft-content .btn-text-light, .ft-img-left .ft-content .btn-light, .ft-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-img-left .ft-content .btn-ghost, .ft-img-left .ft-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .ft-img-left .ft-content .btn-light {
margin-top: 30px;
}
/* ---- 9.15 Tabs ---- */ .nav-tabs {
border-top: 1px solid #c1c1c1; border-bottom: none;
}
.nav-tabs li {
margin-top: -1px; margin-bottom: 0;
}
.nav-tabs li a {
padding: 20px 25px 30px 25px; border-radius: 0; border: none; border-top: 1px solid transparent; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; letter-spacing: 2px; color: #999; text-transform: uppercase;
}
.nav-tabs li a:hover {
background: none; border: none; border-top: 1px solid #444444;
}
.nav-tabs li a:focus {
background: none; border: none;
}
.nav-tabs .active a {
border: none !important; border-top: 1px solid #111 !important; color: #111;
}
/* ---- 9.16 Utiliy Classes ---- */ .ft-icon-white {
color: #ececec;
}
.ft-icon-gray {
color: #999;
}
.ft-icon-dark {
color: #111;
}
/* -------------------------------------------------- 10.0 Counters
*/
/* ---- 10.1 Circle Counters ---- */ .circles-counters, .circles-counters-dark-bg {
position: relative; background: #ccc url(../images/sea-1.jpg); background-size: cover; background-attachment: fixed;
}
.circles-counters:before, .circles-counters-dark-bg:before {
content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.55);
}
.circles-counters .circle-item, .circles-counters-dark-bg .circle-item {
padding-top: 100px; padding-bottom: 100px; text-align: center;
}
.circles-counters .circle-item .chart, .circles-counters-dark-bg .circle-item .chart {
position: relative;
}
.circles-counters .circle-item .chart .circle-icon, .circles-counters-dark-bg .circle-item .chart .circle-icon {
display: block; position: absolute; top: 43px; left: 0; right: 0; margin: auto; font-size: 64px; color: #ececec;
}
.circles-counters .circle-item .circle-text, .circles-counters-dark-bg .circle-item .circle-text {
color: #ececec;
}
.circles-counters-dark-bg {
background: #111;
}
/* ---- 10.2 Counters - Numbers ---- */ .number-counters, .number-counters-dark-bg {
position: relative; background: url(../images/mac-coffe-photo.jpg); background-size: cover; background-position: 50%; background-attachment: fixed;
}
.number-counters:before, .number-counters-dark-bg:before {
content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.65);
}
.number-counters .count-wrapper, .number-counters-dark-bg .count-wrapper {
padding-top: 110px; padding-bottom: 100px;
}
.number-counters .count-wrapper .count-item, .number-counters-dark-bg .count-wrapper .count-item {
display: block; text-align: center;
}
.number-counters .count-wrapper .count-item .count-nbr, .number-counters-dark-bg .count-wrapper .count-item .count-nbr {
display: block; margin-bottom: 30px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 65px; font-weight: lighter; color: #ececec;
}
.number-counters .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .count-text {
color: #ececec;
}
.number-counters-dark-bg {
background: #111;
}
/* -------------------------------------------------- 11.0 Sliders
*/
.box {
width: 60px; height: 60px; background: #ececec; text-align: center;
}
.slick-dots {
list-style: none; padding: 0; margin-top: 25px;
}
.slick-dots li {
display: inline-block; margin-right: 10px; height: 12px; width: 12px; vertical-align: middle; border: 2px solid #ececec; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.slick-dots li button {
display: none;
}
.slick-dots li:hover {
background: #ececec; cursor: pointer;
}
.slick-dots .slick-active {
border: 2px solid rgba(17, 17, 17, 0); background: #ececec; height: 12px; width: 12px;
}
.slider-nav {
display: inline-block; position: absolute; margin-top: -50px; top: 50%; width: 50px; height: 50px; border: none; background: #111; line-height: 0; color: #ececec; -webkit-transition: background 0.3s; transition: background 0.3s;
}
.slider-nav i {
font-size: 15px;
}
.slider-nav:hover {
background: #373737;
}
.slider-nav:focus {
outline: none;
}
.sl-next {
right: 20px;
}
.sl-prev {
left: 20px;
}
/* -------------------------------------------------- 12.0 Testimonials
*/
/* ---- 12.1 Testimonial - 1 Column Slider ---- */ .testimonials-parallax, .testimonials-dark {
background: url(../images/sea-2.jpg); background-size: cover; background-position: 50%; background-attachment: fixed;
}
.testimonials-parallax .bg-overlay, .testimonials-dark .bg-overlay {
width: 100%; height: 100%; background: rgba(17, 17, 17, 0.5);
}
.testimonials-parallax .t-wrapper, .testimonials-dark .t-wrapper {
position: relative; padding-top: 100px; padding-bottom: 100px; width: 55%; margin: 0 auto; text-align: center;
}
.testimonials-parallax .t-wrapper:hover .t-slider-nav, .testimonials-dark .t-wrapper:hover .t-slider-nav {
opacity: 1;
}
.testimonials-parallax .t-wrapper blockquote, .testimonials-dark .t-wrapper blockquote, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p {
margin-bottom: 0; font-size: 1.4em; line-height: 1.6em; color: #ececec;
}
.testimonials-parallax .t-wrapper blockquote .t-type, .testimonials-dark .t-wrapper blockquote .t-type, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 .t-type, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 .t-type, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 .t-type, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 .t-type, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p .t-type, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p .t-type, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p .t-type, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p .t-type {
display: block; padding-top: 25px; padding-bottom: 25px; font-size: 34px;
}
.testimonials-parallax .t-wrapper blockquote footer, .testimonials-dark .t-wrapper blockquote footer, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer {
padding-top: 0;
}
.testimonials-parallax .t-wrapper blockquote footer:before, .testimonials-dark .t-wrapper blockquote footer:before, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer:before, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer:before, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer:before, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer:before, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer:before, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer:before, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer:before, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer:before {
content: none;
}
.testimonials-parallax .t-wrapper blockquote footer cite h5, .testimonials-dark .t-wrapper blockquote footer cite h5, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite h5, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite h5, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite h5, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite h5, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite h5, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite h5, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite h5, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite h5, .testimonials-parallax .t-wrapper blockquote footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper blockquote footer cite .ft-heading, .testimonials-dark .t-wrapper blockquote footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper blockquote footer cite .ft-heading, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-heading, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-heading, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-heading, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-heading, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-heading, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-heading, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-heading, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-heading, .testimonials-parallax .t-wrapper blockquote footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper blockquote footer cite .tab-info, .testimonials-dark .t-wrapper blockquote footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper blockquote footer cite .tab-info, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .tab-info, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .tab-info, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .tab-info, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .tab-info, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .tab-info, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .tab-info, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .tab-info, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .tab-info, .testimonials-parallax .t-wrapper blockquote footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper blockquote footer cite .widget-comm-title, .testimonials-dark .t-wrapper blockquote footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper blockquote footer cite .widget-comm-title, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .widget-comm-title, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .widget-comm-title, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .widget-comm-title, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .widget-comm-title, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .widget-comm-title, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .widget-comm-title, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .widget-comm-title, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .widget-comm-title, .testimonials-parallax .t-wrapper blockquote footer cite .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper blockquote footer cite .title-timer, .testimonials-dark .t-wrapper blockquote footer cite .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper blockquote footer cite .title-timer, .testimonials-parallax .t-wrapper .wrapper-404 .comingsoon .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .comingsoon .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .testimonials-parallax .t-wrapper .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer, .comingsoon .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer, .wrapper-404 .comingsoon .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .comingsoon .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .title-timer, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .title-timer, .testimonials-dark .t-wrapper .wrapper-404 .comingsoon .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .comingsoon .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .testimonials-dark .t-wrapper .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer, .comingsoon .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer, .wrapper-404 .comingsoon .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .comingsoon .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .title-timer, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .title-timer, .testimonials-parallax .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer, .comingsoon .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer, .testimonials-parallax .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer, .comingsoon .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer, .bg-maintenance .comingsoon .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .cs-timer .item .title-timer, .comingsoon .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .cs-timer .item .title-timer, .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper p footer cite .title-timer, .comingsoon .bg-maintenance .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper p footer cite .title-timer, .testimonials-dark .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer, .comingsoon .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer, .testimonials-dark .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer, .comingsoon .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer, .bg-maintenance .comingsoon .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .cs-timer .item .title-timer, .comingsoon .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .cs-timer .item .title-timer, .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper p footer cite .title-timer, .comingsoon .bg-maintenance .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper p footer cite .title-timer, .testimonials-parallax .t-wrapper blockquote footer cite .-layout-options span, .-layout-options .testimonials-parallax .t-wrapper blockquote footer cite span, .testimonials-dark .t-wrapper blockquote footer cite .-layout-options span, .-layout-options .testimonials-dark .t-wrapper blockquote footer cite span, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .-layout-options span, .-layout-options .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .-layout-options span, .-layout-options .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite span, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .-layout-options span, .-layout-options .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .-layout-options span, .-layout-options .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite span, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .-layout-options span, .-layout-options .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite span, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .-layout-options span, .-layout-options .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite span, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .-layout-options span, .-layout-options .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite span, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .-layout-options span, .-layout-options .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite span {
margin: 0; color: #ececec;
}
.testimonials-parallax .t-wrapper blockquote footer cite h5:first-child, .testimonials-dark .t-wrapper blockquote footer cite h5:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite h5:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite h5:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite h5:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite h5:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite h5:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite h5:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite h5:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite h5:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper blockquote footer cite .ft-heading:first-child, .testimonials-dark .t-wrapper blockquote footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper blockquote footer cite .ft-heading:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-heading:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-heading:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-heading:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-heading:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-heading:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-heading:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-heading:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-heading:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper blockquote footer cite .tab-info:first-child, .testimonials-dark .t-wrapper blockquote footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper blockquote footer cite .tab-info:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .tab-info:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .tab-info:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .tab-info:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .tab-info:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .tab-info:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .tab-info:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .tab-info:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .tab-info:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper blockquote footer cite .widget-comm-title:first-child, .testimonials-dark .t-wrapper blockquote footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper blockquote footer cite .widget-comm-title:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .widget-comm-title:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .widget-comm-title:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .widget-comm-title:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .widget-comm-title:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .widget-comm-title:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .widget-comm-title:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .widget-comm-title:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .widget-comm-title:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper blockquote footer cite .title-timer:first-child, .testimonials-dark .t-wrapper blockquote footer cite .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper blockquote footer cite .title-timer:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .comingsoon .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer:first-child, .comingsoon .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer:first-child, .wrapper-404 .comingsoon .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .title-timer:first-child, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .title-timer:first-child, .testimonials-dark .t-wrapper .wrapper-404 .comingsoon .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .testimonials-dark .t-wrapper .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer:first-child, .comingsoon .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .info-404 footer cite .title-timer:first-child, .wrapper-404 .comingsoon .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .content-inner .cs-timer .item .title-timer:first-child, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .title-timer:first-child, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .title-timer:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer:first-child, .comingsoon .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer:first-child, .comingsoon .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer:first-child, .bg-maintenance .comingsoon .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .cs-timer .item .title-timer:first-child, .comingsoon .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .cs-timer .item .title-timer:first-child, .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper p footer cite .title-timer:first-child, .comingsoon .bg-maintenance .content-wrapper .content-inner .cs-timer .item .testimonials-parallax .t-wrapper p footer cite .title-timer:first-child, .testimonials-dark .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer:first-child, .comingsoon .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .cs-timer .item .title-timer:first-child, .testimonials-dark .t-wrapper .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer:first-child, .comingsoon .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner .cs-timer .item p footer cite .title-timer:first-child, .bg-maintenance .comingsoon .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .cs-timer .item .title-timer:first-child, .comingsoon .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .cs-timer .item .title-timer:first-child, .bg-maintenance .comingsoon .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper p footer cite .title-timer:first-child, .comingsoon .bg-maintenance .content-wrapper .content-inner .cs-timer .item .testimonials-dark .t-wrapper p footer cite .title-timer:first-child, .testimonials-parallax .t-wrapper blockquote footer cite .-layout-options span:first-child, .-layout-options .testimonials-parallax .t-wrapper blockquote footer cite span:first-child, .testimonials-dark .t-wrapper blockquote footer cite .-layout-options span:first-child, .-layout-options .testimonials-dark .t-wrapper blockquote footer cite span:first-child, .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .-layout-options span:first-child, .-layout-options .testimonials-parallax .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite .-layout-options span:first-child, .-layout-options .wrapper-404 .content-wrapper .info-wrapper .testimonials-parallax .t-wrapper .info-404 footer cite span:first-child, .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite .-layout-options span:first-child, .-layout-options .testimonials-dark .t-wrapper .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite .-layout-options span:first-child, .-layout-options .wrapper-404 .content-wrapper .info-wrapper .testimonials-dark .t-wrapper .info-404 footer cite span:first-child, .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .-layout-options span:first-child, .-layout-options .testimonials-parallax .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite span:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite .-layout-options span:first-child, .-layout-options .bg-maintenance .content-wrapper .content-inner .testimonials-parallax .t-wrapper p footer cite span:first-child, .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite .-layout-options span:first-child, .-layout-options .testimonials-dark .t-wrapper .bg-maintenance .content-wrapper .content-inner p footer cite span:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite .-layout-options span:first-child, .-layout-options .bg-maintenance .content-wrapper .content-inner .testimonials-dark .t-wrapper p footer cite span:first-child {
margin-bottom: 10px;
}
.testimonials-parallax .t-wrapper .t-slider-nav, .testimonials-dark .t-wrapper .t-slider-nav {
display: inline-block; position: absolute; padding: 7px 7px 0 7px; top: 160px; border: 2px solid #ececec; background: none; opacity: 0; -webkit-transition: background 0.4s, opacity 0.6s; transition: background 0.4s, opacity 0.6s;
}
.testimonials-parallax .t-wrapper .t-slider-nav span, .testimonials-dark .t-wrapper .t-slider-nav span {
color: #ececec; font-size: 28px; -webkit-transition: color 0.4s; transition: color 0.4s;
}
.testimonials-parallax .t-wrapper .t-slider-nav:hover, .testimonials-dark .t-wrapper .t-slider-nav:hover {
background: #ececec;
}
.testimonials-parallax .t-wrapper .t-slider-nav:hover span, .testimonials-dark .t-wrapper .t-slider-nav:hover span {
color: #111;
}
.testimonials-parallax .t-wrapper .t-slider-nav:focus, .testimonials-dark .t-wrapper .t-slider-nav:focus {
outline: none;
}
.testimonials-parallax .t-wrapper .slick-prev, .testimonials-dark .t-wrapper .slick-prev {
left: 0; margin-left: -100px;
}
.testimonials-parallax .t-wrapper .slick-next, .testimonials-dark .t-wrapper .slick-next {
right: 0; margin-right: -100px;
}
.testimonials-parallax .t-clients, .testimonials-dark .t-clients {
display: block; list-style: none; margin: 0 auto 100px auto; padding: 0; width: 80%; text-align: center; z-index: 2;
}
.testimonials-parallax .t-clients li, .testimonials-dark .t-clients li {
display: inline-block; padding-left: 35px; padding-right: 35px;
}
.testimonials-bg-2 {
background: url(../images/testimonials-bg-2.jpg); background-size: cover; background-position: 50%; background-attachment: fixed;
}
.testimonials-bg-2 .bg-overlay {
background: rgba(17, 17, 17, 0.65);
}
.testimonials-dark {
background: #111;
}
/* ---- 12.2 Testimonials - 3 Columns Cards ---- */ .testimonials-3col .t-item {
padding: 40px 50px 50px 50px; border-top: 1px solid #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); background: #fff; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.testimonials-3col .t-item:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.testimonials-3col .t-item img {
margin-bottom: 30px; border: 8px solid #ececec; border-radius: 100px;
}
.testimonials-3col .t-item blockquote, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p {
color: #999;
}
.testimonials-3col .t-item blockquote p, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 p, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 p, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p p, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p p {
margin: 0; border-width: 80%;
}
.testimonials-3col .t-item blockquote p:before, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 p:before, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 p:before, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p p:before, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p p:before {
content: ; display: block; position: relative; width: 70%; margin: 0 auto 30px auto; border-top: 1px solid #ccc;
}
.testimonials-3col .t-item blockquote p:after, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 p:after, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 p:after, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p p:after, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p p:after {
content: ; display: block; position: relative; width: 70%; margin: 30px auto 0 auto; border-bottom: 1px solid #ccc;
}
.testimonials-3col .t-item blockquote footer:before, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer:before, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer:before, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer:before, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer:before {
content: none;
}
.testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #777;
}
.testimonials-3col .t-item blockquote footer cite span, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite span, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite span, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite span, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite span {
display: block; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2px; color: #111;
}
.testimonials-3col .t-item .t-icon {
font-size: 32px; color: #999;
}
.testimonials-3col .t-clients {
padding-left: 0;
}
.testimonials-3col .t-clients li a img {
margin: auto;
}
/* ---- 12.3 Clients List ---- */ .clients-list-parallax, .clients-list-minimal, .clients-list-gray {
background: url(../images/street.jpg); background-size: cover; background-attachment: fixed;
}
.clients-list-parallax .bg-overlay, .clients-list-minimal .bg-overlay, .clients-list-gray .bg-overlay {
background: rgba(17, 17, 17, 0.5);
}
.clients-list-parallax .c-wrapper, .clients-list-minimal .c-wrapper, .clients-list-gray .c-wrapper {
margin-top: 75px; margin-bottom: 75px; padding: 70px 100px; text-align: center; background: rgba(17, 17, 17, 0.9);
}
.clients-list-parallax .c-wrapper:hover .clients-slider-nav, .clients-list-minimal .c-wrapper:hover .clients-slider-nav, .clients-list-gray .c-wrapper:hover .clients-slider-nav {
opacity: 1;
}
.clients-list-parallax .c-wrapper a, .clients-list-minimal .c-wrapper a, .clients-list-gray .c-wrapper a {
display: inline-block;
}
.clients-list-parallax .c-wrapper a img, .clients-list-minimal .c-wrapper a img, .clients-list-gray .c-wrapper a img {
margin: auto;
}
.clients-list-parallax .c-wrapper .clients-slider-nav, .clients-list-minimal .c-wrapper .clients-slider-nav, .clients-list-gray .c-wrapper .clients-slider-nav {
position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; border: 2px solid #777; background: none; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.clients-list-parallax .c-wrapper .clients-slider-nav:hover, .clients-list-minimal .c-wrapper .clients-slider-nav:hover, .clients-list-gray .c-wrapper .clients-slider-nav:hover {
color: #111; border-color: #ececec; background: #ececec;
}
.clients-list-parallax .c-wrapper .clients-slider-nav:focus, .clients-list-minimal .c-wrapper .clients-slider-nav:focus, .clients-list-gray .c-wrapper .clients-slider-nav:focus {
outline: none;
}
.clients-list-parallax .c-wrapper .slick-prev, .clients-list-minimal .c-wrapper .slick-prev, .clients-list-gray .c-wrapper .slick-prev {
left: 35px;
}
.clients-list-parallax .c-wrapper .slick-next, .clients-list-minimal .c-wrapper .slick-next, .clients-list-gray .c-wrapper .slick-next {
right: 35px;
}
.clients-list-minimal {
background: #111; text-align: center;
}
.clients-list-minimal .c-wrapper {
padding-top: 0; padding-bottom: 0;
}
.clients-list-minimal .c-heading {
padding-top: 75px; color: #ececec; text-align: center;
}
.clients-list-minimal .clients-slider .slick-prev {
left: 0; margin-left: -35px;
}
.clients-list-minimal .clients-slider .slick-next {
right: 0; margin-right: -35px;
}
.clients-list-gray {
background: #ececec;
}
.clients-list-gray .c-wrapper {
padding: 0; background: none;
}
.clients-list-gray .c-wrapper .clients-slider-nav {
border: 2px solid #777; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.clients-list-gray .c-wrapper .clients-slider-nav:hover {
color: #ececec; border-color: #111; background: #111;
}
.clients-list-gray .c-wrapper .slick-prev {
left: 0; margin-left: -35px;
}
.clients-list-gray .c-wrapper .slick-next {
right: 0; margin-right: -35px;
}
/* -------------------------------------------------- 13.0 Clients Layout
*/
.clients-layout .client-item {
background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.clients-layout .client-item:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.clients-layout .client-item .item-content {
padding: 50px;
}
.clients-layout .client-item h2, .clients-layout .client-item h3, .clients-layout .client-item .page-title .subheading, .page-title .clients-layout .client-item .subheading, .clients-layout .client-item h4, .clients-layout .client-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .clients-layout .client-item .tab-heading, .clients-layout .client-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .clients-layout .client-item cite, .clients-layout .client-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .clients-layout .client-item cite, .clients-layout .client-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .clients-layout .client-item cite, .clients-layout .client-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .clients-layout .client-item cite, .clients-layout .client-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .clients-layout .client-item cite, .clients-layout .client-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .clients-layout .client-item .t-role, .clients-layout .client-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .clients-layout .client-item .t-role, .clients-layout .client-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .clients-layout .client-item .t-role, .clients-layout .client-item .t-join .t-info .t-role, .t-join .t-info .clients-layout .client-item .t-role, .clients-layout .client-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .clients-layout .client-item .cards-header, .clients-layout .client-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .clients-layout .client-item .sc-lead, .clients-layout .client-item h5, .clients-layout .client-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .clients-layout .client-item .ft-heading, .clients-layout .client-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .clients-layout .client-item .tab-info, .clients-layout .client-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .clients-layout .client-item .widget-comm-title, .clients-layout .client-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .clients-layout .client-item .title-timer, .clients-layout .client-item .-layout-options span, .-layout-options .clients-layout .client-item span, .clients-layout .client-item h6, .clients-layout .client-item .progress-group .progress-title, .progress-group .clients-layout .client-item .progress-title, .clients-layout .client-item .progress-group .progress-value, .progress-group .clients-layout .client-item .progress-value, .clients-layout .client-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .clients-layout .client-item .panel-title, .clients-layout .client-item .footer-social-links ul li, .footer-social-links ul .clients-layout .client-item li, .clients-layout .client-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .clients-layout .client-item .show-info-link, .clients-layout .client-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .clients-layout .client-item .adr-heading, .clients-layout .client-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .clients-layout .client-item .show-map, .clients-layout .client-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .clients-layout .client-item .adr-heading, .clients-layout .client-item .ft-cards .ft-item a, .ft-cards .ft-item .clients-layout .client-item a, .clients-layout .client-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .clients-layout .client-item .link-btn, .clients-layout .client-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .clients-layout .client-item a, .clients-layout .client-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .clients-layout .client-item .circle-text, .clients-layout .client-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .clients-layout .client-item .circle-text, .clients-layout .client-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .clients-layout .client-item .count-text, .clients-layout .client-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .clients-layout .client-item .count-text, .clients-layout .client-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .clients-layout .client-item a, .clients-layout .client-item .pricing-tables .p-table .desc, .pricing-tables .p-table .clients-layout .client-item .desc, .clients-layout .client-item .blog-post-nav .prev-btn, .blog-post-nav .clients-layout .client-item .prev-btn, .clients-layout .client-item .blog-post-nav .next-btn, .blog-post-nav .clients-layout .client-item .next-btn, .clients-layout .client-item .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .clients-layout .client-item a, .clients-layout .client-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .clients-layout .client-item span, .clients-layout .client-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .clients-layout .client-item a, .clients-layout .client-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .clients-layout .client-item p, .clients-layout .client-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .clients-layout .client-item a, .clients-layout .client-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .clients-layout .client-item .cta-btn, .clients-layout .client-item .-sidebar .filter-widget label, .-sidebar .filter-widget .clients-layout .client-item label, .clients-layout .client-item .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .clients-layout .client-item label, .clients-layout .client-item .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .clients-layout .client-item a, .clients-layout .client-item .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .clients-layout .client-item a, .clients-layout .client-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .clients-layout .client-item td:first-child, .clients-layout .client-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .clients-layout .client-item .tpr-name {
margin: 0 0 27px 0;
}
.clients-layout .client-item p {
margin: 0;
}
.clients-layout .client-item .cli-btn {
margin-top: 30px;
}
/* -------------------------------------------------- 14.0 Team Blocks
*/
/* ---- 14.1 Team - 3 Columns ---- */ .team-3col .t-item, .team-4col .t-item, .freelancer-about .t-item {
display: block; border-top: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.team-3col .t-item:hover, .team-4col .t-item:hover, .freelancer-about .t-item:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.team-3col .t-item:hover .t-image .t-description, .team-4col .t-item:hover .t-image .t-description, .freelancer-about .t-item:hover .t-image .t-description {
bottom: 0;
}
.team-3col .t-item:hover .t-image .t-description .content-wrapper, .team-4col .t-item:hover .t-image .t-description .content-wrapper, .freelancer-about .t-item:hover .t-image .t-description .content-wrapper {
padding-top: 0; border-bottom: 1px solid #ebebec; opacity: 1;
}
.team-3col .t-item .t-image, .team-4col .t-item .t-image, .freelancer-about .t-item .t-image {
position: relative; height: 375px; overflow: hidden;
}
.team-3col .t-item .t-image .t-description, .team-4col .t-item .t-image .t-description, .freelancer-about .t-item .t-image .t-description {
display: block; position: absolute; padding: 100px 30px 30px 30px; bottom: -100%; left: 0; height: 100%; width: 100%; background: white; -webkit-transition: bottom 0.4s; transition: bottom 0.4s;
}
.team-3col .t-item .t-image .t-description .content-wrapper, .team-4col .t-item .t-image .t-description .content-wrapper, .freelancer-about .t-item .t-image .t-description .content-wrapper {
opacity: 0; padding-top: 100px; padding-bottom: 73px; border-bottom: 1px solid rgba(235, 235, 236, 0); -webkit-transition: opacity 1s, padding-top 0.8s, border 1.5s ease-out; transition: opacity 1s, padding-top 0.8s, border 1.5s ease-out;
}
.team-3col .t-item .t-image .t-description .content-wrapper h4, .team-4col .t-item .t-image .t-description .content-wrapper h4, .freelancer-about .t-item .t-image .t-description .content-wrapper h4, .team-3col .t-item .t-image .t-description .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .team-3col .t-item .t-image .t-description .content-wrapper .tab-heading, .team-4col .t-item .t-image .t-description .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .team-4col .t-item .t-image .t-description .content-wrapper .tab-heading, .freelancer-about .t-item .t-image .t-description .content-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .freelancer-about .t-item .t-image .t-description .content-wrapper .tab-heading, .team-3col .testimonials-3col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .testimonials-3col .team-3col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .team-3col .testimonials-3col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .testimonials-3col .team-3col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .team-4col .testimonials-3col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .testimonials-3col .team-4col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .team-4col .testimonials-3col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .testimonials-3col .team-4col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .freelancer-about .testimonials-3col .t-item .t-image .t-description .content-wrapper blockquote footer cite, .testimonials-3col .freelancer-about .t-item .t-image .t-description .content-wrapper blockquote footer cite, .freelancer-about .testimonials-3col .t-item blockquote footer .t-image .t-description .content-wrapper cite, .testimonials-3col .freelancer-about .t-item blockquote footer .t-image .t-description .content-wrapper cite, .team-3col .testimonials-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .team-3col .testimonials-3col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-3col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .team-4col .testimonials-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-4col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .team-4col .testimonials-3col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-4col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .freelancer-about .testimonials-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .freelancer-about .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .freelancer-about .testimonials-3col .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .freelancer-about .t-item .wrapper-404 .t-image .t-description .content-wrapper .info-wrapper .info-404 footer cite, .team-3col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .team-3col .t-item .t-image .t-description .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .team-4col .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .team-4col .t-item .t-image .t-description .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .freelancer-about .t-item .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .freelancer-about .t-item .t-image .t-description .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .team-3col .testimonials-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .team-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .team-3col .testimonials-3col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .testimonials-3col .team-3col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .team-4col .testimonials-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .team-4col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .team-4col .testimonials-3col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .testimonials-3col .team-4col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .freelancer-about .testimonials-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .freelancer-about .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner p footer cite, .freelancer-about .testimonials-3col .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .testimonials-3col .freelancer-about .t-item .bg-maintenance .t-image .t-description .content-wrapper .content-inner p footer cite, .team-3col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .team-3col .t-item .t-image .t-description .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .team-4col .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .team-4col .t-item .t-image .t-description .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .freelancer-about .t-item .t-image .t-description .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .freelancer-about .t-item .t-image .t-description .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .team-3col .t-item .t-image .t-description .content-wrapper .t-info .t-role, .team-3col .t-item .t-info .t-image .t-description .content-wrapper .t-role, .team-4col .t-item .t-image .t-description .content-wrapper .t-info .t-role, .team-4col .t-item .t-info .t-image .t-description .content-wrapper .t-role, .freelancer-about .t-item .t-image .t-description .content-wrapper .t-info .t-role, .freelancer-about .t-item .t-info .t-image .t-description .content-wrapper .t-role, .t-join .t-info .team-3col .t-item .t-image .t-description .content-wrapper .t-role, .t-join .t-info .team-4col .t-item .t-image .t-description .content-wrapper .t-role, .t-join .t-info .freelancer-about .t-item .t-image .t-description .content-wrapper .t-role, .team-3col .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .team-3col .t-item .t-image .t-description .content-wrapper .cards-header, .team-4col .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .team-4col .t-item .t-image .t-description .content-wrapper .cards-header, .freelancer-about .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .freelancer-about .t-item .t-image .t-description .content-wrapper .cards-header, .team-3col .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .team-3col .t-item .t-image .t-description .content-wrapper .sc-lead, .team-4col .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .team-4col .t-item .t-image .t-description .content-wrapper .sc-lead, .freelancer-about .t-item .t-image .t-description .content-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .freelancer-about .t-item .t-image .t-description .content-wrapper .sc-lead {
margin: 0; padding-bottom: 25px;
}
.team-3col .t-item .t-info, .team-4col .t-item .t-info, .freelancer-about .t-item .t-info {
padding: 25px 30px;
}
.team-3col .t-item .t-info h4, .team-4col .t-item .t-info h4, .freelancer-about .t-item .t-info h4, .team-3col .t-item .t-info .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .team-3col .t-item .t-info .tab-heading, .team-4col .t-item .t-info .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .team-4col .t-item .t-info .tab-heading, .freelancer-about .t-item .t-info .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .freelancer-about .t-item .t-info .tab-heading, .team-3col .testimonials-3col .t-item .t-info blockquote footer cite, .testimonials-3col .team-3col .t-item .t-info blockquote footer cite, .team-3col .testimonials-3col .t-item blockquote footer .t-info cite, .testimonials-3col .team-3col .t-item blockquote footer .t-info cite, .team-4col .testimonials-3col .t-item .t-info blockquote footer cite, .testimonials-3col .team-4col .t-item .t-info blockquote footer cite, .team-4col .testimonials-3col .t-item blockquote footer .t-info cite, .testimonials-3col .team-4col .t-item blockquote footer .t-info cite, .freelancer-about .testimonials-3col .t-item .t-info blockquote footer cite, .testimonials-3col .freelancer-about .t-item .t-info blockquote footer cite, .freelancer-about .testimonials-3col .t-item blockquote footer .t-info cite, .testimonials-3col .freelancer-about .t-item blockquote footer .t-info cite, .team-3col .testimonials-3col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-3col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .team-3col .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .testimonials-3col .team-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .team-4col .testimonials-3col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .team-4col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .team-4col .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .testimonials-3col .team-4col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .freelancer-about .testimonials-3col .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .freelancer-about .t-item .t-info .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .freelancer-about .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .testimonials-3col .freelancer-about .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-info cite, .team-3col .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .t-info .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .team-3col .t-item .t-info .info-404 footer cite, .team-3col .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .t-info cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .team-3col .t-item .info-404 footer .t-info cite, .team-4col .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .t-info .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .team-4col .t-item .t-info .info-404 footer cite, .team-4col .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .t-info cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .team-4col .t-item .info-404 footer .t-info cite, .freelancer-about .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .t-info .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .freelancer-about .t-item .t-info .info-404 footer cite, .freelancer-about .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .t-info cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .freelancer-about .t-item .info-404 footer .t-info cite, .team-3col .testimonials-3col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .team-3col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .team-3col .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .testimonials-3col .team-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .team-4col .testimonials-3col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .team-4col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .team-4col .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .testimonials-3col .team-4col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .freelancer-about .testimonials-3col .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .freelancer-about .t-item .t-info .bg-maintenance .content-wrapper .content-inner p footer cite, .freelancer-about .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .testimonials-3col .freelancer-about .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-info cite, .team-3col .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item .t-info p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .team-3col .t-item .t-info p footer cite, .team-3col .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .t-info cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .team-3col .t-item p footer .t-info cite, .team-4col .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item .t-info p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .team-4col .t-item .t-info p footer cite, .team-4col .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .t-info cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .team-4col .t-item p footer .t-info cite, .freelancer-about .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item .t-info p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .freelancer-about .t-item .t-info p footer cite, .freelancer-about .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .t-info cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .freelancer-about .t-item p footer .t-info cite, .team-3col .t-item .t-info .t-role, .team-4col .t-item .t-info .t-role, .freelancer-about .t-item .t-info .t-role, .team-3col .t-item .t-info .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .team-3col .t-item .t-info .cards-header, .team-4col .t-item .t-info .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .team-4col .t-item .t-info .cards-header, .freelancer-about .t-item .t-info .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .freelancer-about .t-item .t-info .cards-header, .team-3col .t-item .t-info .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .team-3col .t-item .t-info .sc-lead, .team-4col .t-item .t-info .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .team-4col .t-item .t-info .sc-lead, .freelancer-about .t-item .t-info .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .freelancer-about .t-item .t-info .sc-lead {
margin: 0;
}
.team-3col .t-item .t-info .t-name, .team-4col .t-item .t-info .t-name, .freelancer-about .t-item .t-info .t-name {
font-size: 16px;
}
.team-3col .t-item .t-info .t-role, .team-4col .t-item .t-info .t-role, .freelancer-about .t-item .t-info .t-role {
display: block; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; letter-spacing: 3.5px; color: #999;
}
.team-3col .t-item .t-info .social-links, .team-4col .t-item .t-info .social-links, .freelancer-about .t-item .t-info .social-links {
margin: 0; padding: 15px 0 0 0; list-style: none;
}
.team-3col .t-item .t-info .social-links li, .team-4col .t-item .t-info .social-links li, .freelancer-about .t-item .t-info .social-links li {
display: inline-block;
}
.team-3col .t-item .t-info .social-links li a, .team-4col .t-item .t-info .social-links li a, .freelancer-about .t-item .t-info .social-links li a {
display: block; padding-right: 12px; font-size: 21px; color: #111;
}
.team-3col .t-item .t-info .social-links li a:hover, .team-4col .t-item .t-info .social-links li a:hover, .freelancer-about .t-item .t-info .social-links li a:hover {
color: #999;
}
/* ---- 14.2 Team - 4 Columns ---- */ .team-4col .t-item .t-image {
height: 325px;
}
.team-4col .t-item .t-image .t-description {
padding: 50px 30px 30px 30px; bottom: -100%;
}
.team-4col .t-item .t-info {
padding: 15px 30px;
}
.team-4col .t-item .t-info .t-name {
font-size: 14px;
}
.team-4col .t-item .t-info .t-role {
font-size: 12px;
}
.team-4col .t-item .t-info .social-links {
padding-top: 7px;
}
.team-4col .t-item .t-info .social-links li a {
padding-right: 10px; font-size: 19px;
}
.t-join {
display: block; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.t-join:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.t-join .t-image {
position: relative; height: 315px; background: #111; overflow: hidden;
}
.t-join .t-image .bg-icon {
position: absolute; right: -27%; top: 60px; font-size: 320px; color: rgba(204, 204, 204, 0.15);
}
.t-join .t-image .t-description {
padding: 40px 30px;
}
.t-join .t-image .t-description h4, .t-join .t-image .t-description .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .t-join .t-image .t-description .tab-heading, .t-join .t-image .t-description .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .t-join .t-image .t-description cite, .t-join .t-image .t-description .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .t-join .t-image .t-description cite, .t-join .t-image .t-description .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .t-join .t-image .t-description cite, .t-join .t-image .t-description .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .t-join .t-image .t-description cite, .t-join .t-image .t-description .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .t-join .t-image .t-description cite, .team-3col .t-item .t-info .t-join .t-image .t-description .t-role, .team-4col .t-item .t-info .t-join .t-image .t-description .t-role, .freelancer-about .t-item .t-info .t-join .t-image .t-description .t-role, .t-join .t-image .t-description .t-info .t-role, .t-join .t-info .t-image .t-description .t-role, .t-join .t-image .t-description .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .t-join .t-image .t-description .cards-header, .t-join .t-image .t-description .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .t-join .t-image .t-description .sc-lead {
margin: 0; padding-bottom: 30px; color: #ececec;
}
.t-join .t-image .t-description p {
margin: 0; color: #999;
}
.t-join .t-info {
padding: 15px 30px;
}
.t-join .t-info .t-name {
margin: 0; font-size: 14px;
}
.t-join .t-info .t-role {
display: block; padding-bottom: 12px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; letter-spacing: 3.5px; color: #999;
}
/* ---- 14.3 Freelancer ---- */ .freelancer-about .t-item {
height: 530px; overflow: hidden;
}
.freelancer-about .t-item:hover .t-image {
height: 390px;
}
.freelancer-about .t-item:hover .social-links li {
-webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);
}
.freelancer-about .t-item .t-image {
height: 440px; -webkit-transition: height 0.3s; transition: height 0.3s;
}
.freelancer-about .t-item .social-links {
-webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px);
}
.freelancer-about .t-item .social-links li:first-child {
-webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;
}
.freelancer-about .t-item .social-links li:nth-child(2) {
-webkit-transition: -webkit-transform 0.65s; transition: transform 0.65s;
}
.freelancer-about .t-item .social-links li:nth-child(3) {
-webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s;
}
.freelancer-about .t-item .social-links li:nth-child(4) {
-webkit-transition: -webkit-transform 0.95s; transition: transform 0.95s;
}
.freelancer-about .freelancer-about-content {
margin-top: 25px;
}
.freelancer-about .freelancer-about-content .t1-heading {
margin-bottom: 35px;
}
.freelancer-about .freelancer-about-content img {
margin-top: 30px;
}
/* -------------------------------------------------- 15.0 Portfolio
*/
.portfolio-filters {
list-style: none; padding: 0; margin-bottom: 50px; text-align: center;
}
.portfolio-filters li {
display: inline-block;
}
.portfolio-filters li a {
padding: 3px 15px; text-transform: uppercase; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: .85em; letter-spacing: 2.5px; color: #777;
}
.portfolio-filters li a:focus, .portfolio-filters li a:visited {
text-decoration: none;
}
.portfolio-filters li a:hover {
color: #111;
}
.portfolio-filters .active a {
background: #111; color: #ececec; padding: 3px 15px;
}
.portfolio-filters .active a:hover {
color: #ececec;
}
/* ---- 15.1 Full Width - Columns ---- */ .portfolio-columns-fw, .portfolio-columns-boxed {
margin-top: 160px;
}
.portfolio-columns-fw .portfolio-item, .portfolio-columns-boxed .portfolio-item {
padding-left: 0; padding-right: 0;
}
.portfolio-columns-fw .portfolio-item figure, .portfolio-columns-boxed .portfolio-item figure {
display: block; position: relative; width: 100%; background: gray; overflow: hidden; float: left;
}
.portfolio-columns-fw .portfolio-item figure img, .portfolio-columns-boxed .portfolio-item figure img {
max-width: 100%; width: 100%; height: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;
}
.portfolio-columns-fw .portfolio-item figure figcaption, .portfolio-columns-boxed .portfolio-item figure figcaption {
display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.8); overflow: hidden; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;
}
.portfolio-columns-fw .portfolio-item figure figcaption .p-content, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content {
position: absolute; left: 40px; right: 40px; bottom: 25px; -webkit-transition: bottom 0.5s; transition: bottom 0.5s;
}
.portfolio-columns-fw .portfolio-item figure figcaption .p-content h2:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h2:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h3:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h3:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .page-title .subheading:first-child, .page-title .portfolio-columns-fw .portfolio-item figure figcaption .p-content .subheading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .page-title .subheading:first-child, .page-title .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .subheading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h4:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h4:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tab-heading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tab-heading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .cards-header:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .cards-header:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sc-lead:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sc-lead:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h5:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h5:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-heading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-heading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tab-info:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tab-info:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-columns-fw .portfolio-item figure figcaption .p-content .widget-comm-title:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .widget-comm-title:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .title-timer:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .title-timer:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-layout-options span:first-child, .-layout-options .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-layout-options span:first-child, .-layout-options .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h6:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h6:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-title:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-title:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-value:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-value:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-columns-fw .portfolio-item figure figcaption .p-content .panel-title:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .panel-title:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-columns-fw .portfolio-item figure figcaption .p-content li:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-columns-boxed .portfolio-item figure figcaption .p-content li:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .show-info-link:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .show-info-link:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-columns-fw .portfolio-item figure figcaption .p-content .adr-heading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .adr-heading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-columns-fw .portfolio-item figure figcaption .p-content .show-map:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .show-map:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .adr-heading:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .adr-heading:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .link-btn:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .link-btn:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circle-text:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circle-text:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circle-text:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circle-text:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .count-text:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .count-text:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .count-text:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .count-text:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-columns-fw .portfolio-item figure figcaption .p-content .desc:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .desc:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-columns-fw .portfolio-item figure figcaption .p-content .prev-btn:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .prev-btn:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-columns-fw .portfolio-item figure figcaption .p-content .next-btn:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .next-btn:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content p:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content p:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-columns-fw .portfolio-item figure figcaption .p-content .cta-btn:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .cta-btn:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .portfolio-columns-fw .portfolio-item figure figcaption .p-content label:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .portfolio-columns-boxed .portfolio-item figure figcaption .p-content label:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .portfolio-columns-fw .portfolio-item figure figcaption .p-content label:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .portfolio-columns-boxed .portfolio-item figure figcaption .p-content label:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-columns-fw .portfolio-item figure figcaption .p-content td:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-columns-boxed .portfolio-item figure figcaption .p-content td:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tpr-name:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tpr-name:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content p:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content p:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:first-child {
margin-top: 0; margin-bottom: 0; color: #ececec;
}
.portfolio-columns-fw .portfolio-item figure figcaption .p-content h2:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h2:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h3:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h3:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .page-title .subheading:last-child, .page-title .portfolio-columns-fw .portfolio-item figure figcaption .p-content .subheading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .page-title .subheading:last-child, .page-title .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .subheading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h4:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h4:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tab-heading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tab-heading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-columns-fw .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-columns-boxed .portfolio-item figure figcaption .p-content cite:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .t-role:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .cards-header:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .cards-header:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sc-lead:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sc-lead:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h5:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h5:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-heading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-heading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tab-info:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tab-info:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-columns-fw .portfolio-item figure figcaption .p-content .widget-comm-title:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .widget-comm-title:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .title-timer:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .title-timer:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-layout-options span:last-child, .-layout-options .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-layout-options span:last-child, .-layout-options .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content h6:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content h6:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-title:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-title:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .progress-value:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .progress-value:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-columns-fw .portfolio-item figure figcaption .p-content .panel-title:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .panel-title:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-columns-fw .portfolio-item figure figcaption .p-content li:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-columns-boxed .portfolio-item figure figcaption .p-content li:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-columns-fw .portfolio-item figure figcaption .p-content .show-info-link:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .show-info-link:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-columns-fw .portfolio-item figure figcaption .p-content .adr-heading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .adr-heading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-columns-fw .portfolio-item figure figcaption .p-content .show-map:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .show-map:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content .adr-heading:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .adr-heading:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content .link-btn:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .link-btn:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circle-text:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circle-text:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .circle-text:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .circle-text:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .count-text:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .count-text:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-columns-fw .portfolio-item figure figcaption .p-content .count-text:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .count-text:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-columns-fw .portfolio-item figure figcaption .p-content .desc:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .desc:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-columns-fw .portfolio-item figure figcaption .p-content .prev-btn:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .prev-btn:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-columns-fw .portfolio-item figure figcaption .p-content .next-btn:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .next-btn:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-fw .portfolio-item figure figcaption .p-content p:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-columns-boxed .portfolio-item figure figcaption .p-content p:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-columns-fw .portfolio-item figure figcaption .p-content .cta-btn:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .cta-btn:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .portfolio-columns-fw .portfolio-item figure figcaption .p-content label:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .portfolio-columns-boxed .portfolio-item figure figcaption .p-content label:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .portfolio-columns-fw .portfolio-item figure figcaption .p-content label:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .portfolio-columns-boxed .portfolio-item figure figcaption .p-content label:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-columns-fw .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-columns-boxed .portfolio-item figure figcaption .p-content a:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-columns-fw .portfolio-item figure figcaption .p-content td:last-child:first-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-columns-boxed .portfolio-item figure figcaption .p-content td:last-child:first-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-columns-fw .portfolio-item figure figcaption .p-content .tpr-name:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-columns-boxed .portfolio-item figure figcaption .p-content .tpr-name:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content p:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content p:last-child, .portfolio-columns-fw .portfolio-item figure figcaption .p-content span:last-child, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content span:last-child {
margin-top: 10px; margin-bottom: 0; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2.5px; color: #999;
}
.portfolio-columns-fw .portfolio-item figure figcaption:hover, .portfolio-columns-boxed .portfolio-item figure figcaption:hover {
opacity: 1;
}
.portfolio-columns-fw .portfolio-item figure figcaption:hover .p-content, .portfolio-columns-boxed .portfolio-item figure figcaption:hover .p-content {
bottom: 45px;
}
.portfolio-columns-fw .portfolio-item figure figcaption:hover .open-btn, .portfolio-columns-boxed .portfolio-item figure figcaption:hover .open-btn {
top: 0;
}
.portfolio-columns-fw .p-wrapper, .portfolio-columns-boxed .p-wrapper {
display: block; position: relative; width: 100%; background: gray; overflow: hidden; float: left;
}
.portfolio-columns-fw .p-wrapper img, .portfolio-columns-boxed .p-wrapper img {
max-width: 100%; width: 100%; height: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;
}
.portfolio-columns-fw .p-wrapper:hover img, .portfolio-columns-boxed .p-wrapper:hover img, .portfolio-columns-fw .p-wrapper:active img, .portfolio-columns-boxed .p-wrapper:active img {
-webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07);
}
.portfolio-columns-fw .p-wrapper:hover .open-btn, .portfolio-columns-boxed .p-wrapper:hover .open-btn, .portfolio-columns-fw .p-wrapper:active .open-btn, .portfolio-columns-boxed .p-wrapper:active .open-btn {
top: 0;
}
/* ---- 15.2 Boxed Columns ---- */ /* ---- 15.3 Masonry Layout ---- */ .portfolio-masonry, .portfolio-masonry-2, .portfolio-masonry-3 {
padding-top: 160px;
}
.portfolio-masonry .p-item, .portfolio-masonry-2 .p-item, .portfolio-masonry-3 .p-item, .portfolio-masonry .grid-sizer, .portfolio-masonry-2 .grid-sizer, .portfolio-masonry-3 .grid-sizer {
width: 25%;
}
.portfolio-masonry .p-item, .portfolio-masonry-2 .p-item, .portfolio-masonry-3 .p-item {
float: left; background: #0D8;
}
.portfolio-masonry .p-wrapper, .portfolio-masonry-2 .p-wrapper, .portfolio-masonry-3 .p-wrapper {
display: block; position: relative; width: 100%; background: gray; overflow: hidden;
}
.portfolio-masonry .p-wrapper img, .portfolio-masonry-2 .p-wrapper img, .portfolio-masonry-3 .p-wrapper img {
max-width: 100%; width: 100%; height: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;
}
.portfolio-masonry .p-wrapper:hover img, .portfolio-masonry-2 .p-wrapper:hover img, .portfolio-masonry-3 .p-wrapper:hover img, .portfolio-masonry .p-wrapper:active img, .portfolio-masonry-2 .p-wrapper:active img, .portfolio-masonry-3 .p-wrapper:active img {
-webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07);
}
.portfolio-masonry .p-wrapper .p-hover, .portfolio-masonry-2 .p-wrapper .p-hover, .portfolio-masonry-3 .p-wrapper .p-hover {
display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.8); overflow: hidden; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;
}
.portfolio-masonry .p-wrapper .p-hover .p-content, .portfolio-masonry-2 .p-wrapper .p-hover .p-content, .portfolio-masonry-3 .p-wrapper .p-hover .p-content {
position: absolute; left: 40px; right: 40px; bottom: 25px; -webkit-transition: bottom 0.5s; transition: bottom 0.5s;
}
.portfolio-masonry .p-wrapper .p-hover .p-content h2:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h2:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h2:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content h3:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h3:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h3:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .page-title .subheading:first-child, .page-title .portfolio-masonry .p-wrapper .p-hover .p-content .subheading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .page-title .subheading:first-child, .page-title .portfolio-masonry-2 .p-wrapper .p-hover .p-content .subheading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .page-title .subheading:first-child, .page-title .portfolio-masonry-3 .p-wrapper .p-hover .p-content .subheading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content h4:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h4:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h4:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry .p-wrapper .p-hover .p-content .tab-heading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tab-heading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tab-heading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry .p-wrapper .p-hover .p-content .cards-header:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .cards-header:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .cards-header:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry .p-wrapper .p-hover .p-content .sc-lead:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sc-lead:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sc-lead:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content h5:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h5:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h5:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry .p-wrapper .p-hover .p-content .ft-heading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-heading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-heading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry .p-wrapper .p-hover .p-content .tab-info:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tab-info:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tab-info:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-masonry .p-wrapper .p-hover .p-content .widget-comm-title:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-masonry-2 .p-wrapper .p-hover .p-content .widget-comm-title:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .portfolio-masonry-3 .p-wrapper .p-hover .p-content .widget-comm-title:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry .p-wrapper .p-hover .p-content .title-timer:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .title-timer:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .title-timer:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-layout-options span:first-child, .-layout-options .portfolio-masonry .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-layout-options span:first-child, .-layout-options .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-layout-options span:first-child, .-layout-options .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content h6:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h6:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h6:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-masonry .p-wrapper .p-hover .p-content .progress-title:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-title:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-title:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-masonry .p-wrapper .p-hover .p-content .progress-value:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-value:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-value:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-masonry .p-wrapper .p-hover .p-content .panel-title:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-masonry-2 .p-wrapper .p-hover .p-content .panel-title:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .portfolio-masonry-3 .p-wrapper .p-hover .p-content .panel-title:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-masonry .p-wrapper .p-hover .p-content li:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-masonry-2 .p-wrapper .p-hover .p-content li:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .portfolio-masonry-3 .p-wrapper .p-hover .p-content li:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-masonry .p-wrapper .p-hover .p-content .show-info-link:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .show-info-link:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .show-info-link:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-masonry .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-masonry-2 .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .portfolio-masonry-3 .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-masonry .p-wrapper .p-hover .p-content .show-map:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-masonry-2 .p-wrapper .p-hover .p-content .show-map:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .portfolio-masonry-3 .p-wrapper .p-hover .p-content .show-map:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-masonry .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .adr-heading:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry .p-wrapper .p-hover .p-content .link-btn:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .link-btn:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .link-btn:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-masonry .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-masonry .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circle-text:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-masonry .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .count-text:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-masonry .p-wrapper .p-hover .p-content .desc:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-masonry-2 .p-wrapper .p-hover .p-content .desc:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .portfolio-masonry-3 .p-wrapper .p-hover .p-content .desc:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-masonry .p-wrapper .p-hover .p-content .prev-btn:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-masonry-2 .p-wrapper .p-hover .p-content .prev-btn:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .portfolio-masonry-3 .p-wrapper .p-hover .p-content .prev-btn:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-masonry .p-wrapper .p-hover .p-content .next-btn:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-masonry-2 .p-wrapper .p-hover .p-content .next-btn:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .portfolio-masonry-3 .p-wrapper .p-hover .p-content .next-btn:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-masonry .p-wrapper .p-hover .p-content .cta-btn:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-masonry-2 .p-wrapper .p-hover .p-content .cta-btn:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .portfolio-masonry-3 .p-wrapper .p-hover .p-content .cta-btn:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .portfolio-masonry .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .portfolio-masonry-2 .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .portfolio-masonry-3 .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .portfolio-masonry .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .portfolio-masonry-2 .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .portfolio-masonry-3 .p-wrapper .p-hover .p-content label:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-masonry .p-wrapper .p-hover .p-content td:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-masonry-2 .p-wrapper .p-hover .p-content td:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .portfolio-masonry-3 .p-wrapper .p-hover .p-content td:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-masonry .p-wrapper .p-hover .p-content .tpr-name:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tpr-name:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tpr-name:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content p:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:first-child {
margin-top: 0; margin-bottom: 0; color: #ececec;
}
.portfolio-masonry .p-wrapper .p-hover .p-content h2:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h2:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h2:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content h3:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h3:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h3:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .page-title .subheading:last-child, .page-title .portfolio-masonry .p-wrapper .p-hover .p-content .subheading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .page-title .subheading:last-child, .page-title .portfolio-masonry-2 .p-wrapper .p-hover .p-content .subheading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .page-title .subheading:last-child, .page-title .portfolio-masonry-3 .p-wrapper .p-hover .p-content .subheading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content h4:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h4:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h4:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry .p-wrapper .p-hover .p-content .tab-heading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tab-heading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tab-heading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry-2 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .portfolio-masonry-3 .p-wrapper .p-hover .p-content cite:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-masonry .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .t-role:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry .p-wrapper .p-hover .p-content .cards-header:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .cards-header:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .cards-header:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry .p-wrapper .p-hover .p-content .sc-lead:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sc-lead:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sc-lead:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content h5:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h5:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h5:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry .p-wrapper .p-hover .p-content .ft-heading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-heading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-heading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry .p-wrapper .p-hover .p-content .tab-info:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tab-info:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tab-info:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-masonry .p-wrapper .p-hover .p-content .widget-comm-title:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-masonry-2 .p-wrapper .p-hover .p-content .widget-comm-title:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .portfolio-masonry-3 .p-wrapper .p-hover .p-content .widget-comm-title:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry .p-wrapper .p-hover .p-content .title-timer:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .title-timer:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .title-timer:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-layout-options span:last-child, .-layout-options .portfolio-masonry .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-layout-options span:last-child, .-layout-options .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-layout-options span:last-child, .-layout-options .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content h6:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content h6:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content h6:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-masonry .p-wrapper .p-hover .p-content .progress-title:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-title:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-title:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-masonry .p-wrapper .p-hover .p-content .progress-value:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .progress-value:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .progress-value:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-masonry .p-wrapper .p-hover .p-content .panel-title:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-masonry-2 .p-wrapper .p-hover .p-content .panel-title:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .portfolio-masonry-3 .p-wrapper .p-hover .p-content .panel-title:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-masonry .p-wrapper .p-hover .p-content li:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-masonry-2 .p-wrapper .p-hover .p-content li:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .portfolio-masonry-3 .p-wrapper .p-hover .p-content li:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-masonry .p-wrapper .p-hover .p-content .show-info-link:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-masonry-2 .p-wrapper .p-hover .p-content .show-info-link:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .portfolio-masonry-3 .p-wrapper .p-hover .p-content .show-info-link:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-masonry .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-masonry-2 .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .portfolio-masonry-3 .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-masonry .p-wrapper .p-hover .p-content .show-map:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-masonry-2 .p-wrapper .p-hover .p-content .show-map:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .portfolio-masonry-3 .p-wrapper .p-hover .p-content .show-map:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-masonry .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content .adr-heading:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry .p-wrapper .p-hover .p-content .link-btn:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content .link-btn:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content .link-btn:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-masonry .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-masonry .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .circle-text:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-masonry .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry-2 .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .portfolio-masonry-3 .p-wrapper .p-hover .p-content .count-text:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-masonry .p-wrapper .p-hover .p-content .desc:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-masonry-2 .p-wrapper .p-hover .p-content .desc:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .portfolio-masonry-3 .p-wrapper .p-hover .p-content .desc:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-masonry .p-wrapper .p-hover .p-content .prev-btn:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-masonry-2 .p-wrapper .p-hover .p-content .prev-btn:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .portfolio-masonry-3 .p-wrapper .p-hover .p-content .prev-btn:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-masonry .p-wrapper .p-hover .p-content .next-btn:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-masonry-2 .p-wrapper .p-hover .p-content .next-btn:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .portfolio-masonry-3 .p-wrapper .p-hover .p-content .next-btn:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-2 .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .portfolio-masonry-3 .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-masonry .p-wrapper .p-hover .p-content .cta-btn:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-masonry-2 .p-wrapper .p-hover .p-content .cta-btn:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .portfolio-masonry-3 .p-wrapper .p-hover .p-content .cta-btn:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .portfolio-masonry .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .portfolio-masonry-2 .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .portfolio-masonry-3 .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .portfolio-masonry .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .portfolio-masonry-2 .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .portfolio-masonry-3 .p-wrapper .p-hover .p-content label:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry-2 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .portfolio-masonry-3 .p-wrapper .p-hover .p-content a:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-masonry .p-wrapper .p-hover .p-content td:last-child:first-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-masonry-2 .p-wrapper .p-hover .p-content td:last-child:first-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .portfolio-masonry-3 .p-wrapper .p-hover .p-content td:last-child:first-child, .portfolio-masonry .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-masonry .p-wrapper .p-hover .p-content .tpr-name:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-masonry-2 .p-wrapper .p-hover .p-content .tpr-name:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .portfolio-masonry-3 .p-wrapper .p-hover .p-content .tpr-name:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content p:last-child, .portfolio-masonry .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-2 .p-wrapper .p-hover .p-content span:last-child, .portfolio-masonry-3 .p-wrapper .p-hover .p-content span:last-child {
margin-top: 10px; margin-bottom: 0; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2.5px; color: #999;
}
.portfolio-masonry .p-wrapper .open-btn, .portfolio-masonry-2 .p-wrapper .open-btn, .portfolio-masonry-3 .p-wrapper .open-btn {
position: absolute; padding-top: 22px; width: 60px; height: 60px; right: 0; top: -60px; font-size: 15px; text-align: center; line-height: 0; color: #111; background: #ececec; -webkit-transition: top .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: #111;
}
.portfolio-masonry .p-wrapper:hover, .portfolio-masonry-2 .p-wrapper:hover, .portfolio-masonry-3 .p-wrapper:hover {
opacity: 1;
}
.portfolio-masonry .p-wrapper:hover .p-content, .portfolio-masonry-2 .p-wrapper:hover .p-content, .portfolio-masonry-3 .p-wrapper:hover .p-content {
bottom: 45px;
}
.portfolio-masonry .p-wrapper:hover .open-btn, .portfolio-masonry-2 .p-wrapper:hover .open-btn, .portfolio-masonry-3 .p-wrapper:hover .open-btn {
top: 0;
}
.portfolio-masonry-2 .p-item, .portfolio-masonry-3 .p-item, .portfolio-masonry-2 .grid-sizer, .portfolio-masonry-3 .grid-sizer {
width: 33.33%;
}
.portfolio-masonry-3 .p-item, .portfolio-masonry-3 .grid-sizer {
width: 30.7%; margin: 15px;
}
/* ---- 15.4 Single Column ---- */ .portfolio-1col-fw .portfolio-item, .portfolio-1col-boxed .portfolio-item {
position: relative; margin-bottom: 50px; height: 440px; background: #f4f4f4; overflow: hidden;
}
.portfolio-1col-fw .portfolio-item .img-wrapper, .portfolio-1col-boxed .portfolio-item .img-wrapper {
position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.portfolio-1col-fw .portfolio-item .img-wrapper img, .portfolio-1col-boxed .portfolio-item .img-wrapper img {
display: inline-block; max-width: 70%; width: 70%; 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: 30px;
}
.portfolio-1col-fw .portfolio-item figcaption .view-btn, .portfolio-1col-boxed .portfolio-item figcaption .view-btn {
margin-top: 45px;
}
.portfolio-1col-boxed .portfolio-item {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.portfolio-1col-boxed .portfolio-item:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.portfolio-1col-boxed .portfolio-item figcaption {
padding: 10px 0px;
}
/* ---- 15.5 Portfoli Single - Project Page ---- */ .pfolio-single .project-info, .pfolio-single .project-info-2 {
margin-bottom: 75px;
}
.pfolio-single .project-info h5, .pfolio-single .project-info-2 h5, .pfolio-single .project-info .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .pfolio-single .project-info .ft-heading, .pfolio-single .project-info-2 .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .pfolio-single .project-info-2 .ft-heading, .pfolio-single .project-info .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .pfolio-single .project-info .tab-info, .pfolio-single .project-info-2 .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .pfolio-single .project-info-2 .tab-info, .pfolio-single .project-info .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pfolio-single .project-info .widget-comm-title, .pfolio-single .project-info-2 .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pfolio-single .project-info-2 .widget-comm-title, .pfolio-single .project-info .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pfolio-single .project-info .title-timer, .pfolio-single .project-info-2 .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pfolio-single .project-info-2 .title-timer, .pfolio-single .project-info .-layout-options span, .-layout-options .pfolio-single .project-info span, .pfolio-single .project-info-2 .-layout-options span, .-layout-options .pfolio-single .project-info-2 span {
margin: 0; padding-bottom: 30000px;
}
.pfolio-single .project-info ul, .pfolio-single .project-info-2 ul {
margin: 0; padding: 0; list-style: none;
}
.pfolio-single .project-info ul li, .pfolio-single .project-info-2 ul li {
display: block;
}
.pfolio-single .project-info ul li h6, .pfolio-single .project-info-2 ul li h6, .pfolio-single .project-info ul li .progress-group .progress-title, .progress-group .pfolio-single .project-info ul li .progress-title, .pfolio-single .project-info-2 ul li .progress-group .progress-title, .progress-group .pfolio-single .project-info-2 ul li .progress-title, .pfolio-single .project-info ul li .progress-group .progress-value, .progress-group .pfolio-single .project-info ul li .progress-value, .pfolio-single .project-info-2 ul li .progress-group .progress-value, .progress-group .pfolio-single .project-info-2 ul li .progress-value, .pfolio-single .project-info ul li .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .pfolio-single .project-info ul li .panel-title, .pfolio-single .project-info-2 ul li .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .pfolio-single .project-info-2 ul li .panel-title, .pfolio-single .project-info .footer-social-links ul li li, .footer-social-links .pfolio-single .project-info ul li li, .pfolio-single .project-info-2 .footer-social-links ul li li, .footer-social-links .pfolio-single .project-info-2 ul li li, .pfolio-single .project-info ul li .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .pfolio-single .project-info ul li .show-info-link, .pfolio-single .project-info-2 ul li .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .pfolio-single .project-info-2 ul li .show-info-link, .pfolio-single .project-info .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .pfolio-single .project-info ul li .adr-heading, .pfolio-single .project-info-2 .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address .pfolio-single .project-info-2 ul li .adr-heading, .pfolio-single .project-info ul li .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .pfolio-single .project-info ul li .show-map, .pfolio-single .project-info-2 ul li .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .pfolio-single .project-info-2 ul li .show-map, .pfolio-single .project-info .footer-litle address ul li .adr-group .adr-heading, .footer-litle address .pfolio-single .project-info ul li .adr-group .adr-heading, .pfolio-single .project-info-2 .footer-litle address ul li .adr-group .adr-heading, .footer-litle address .pfolio-single .project-info-2 ul li .adr-group .adr-heading, .pfolio-single .project-info ul li .ft-cards .ft-item a, .ft-cards .ft-item .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul li .ft-cards .ft-item a, .ft-cards .ft-item .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .pfolio-single .project-info ul li .link-btn, .pfolio-single .project-info-2 ul li .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .pfolio-single .project-info-2 ul li .link-btn, .pfolio-single .project-info .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover .pfolio-single .project-info ul li .hover-content a, .pfolio-single .project-info-2 .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover .pfolio-single .project-info-2 ul li .hover-content a, .pfolio-single .project-info ul li .circles-counters .circle-item .circle-text, .circles-counters .circle-item .pfolio-single .project-info ul li .circle-text, .pfolio-single .project-info-2 ul li .circles-counters .circle-item .circle-text, .circles-counters .circle-item .pfolio-single .project-info-2 ul li .circle-text, .pfolio-single .project-info ul li .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .pfolio-single .project-info ul li .circle-text, .pfolio-single .project-info-2 ul li .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .pfolio-single .project-info-2 ul li .circle-text, .pfolio-single .project-info ul li .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .pfolio-single .project-info ul li .count-text, .pfolio-single .project-info-2 ul li .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .pfolio-single .project-info-2 ul li .count-text, .pfolio-single .project-info ul li .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .pfolio-single .project-info ul li .count-text, .pfolio-single .project-info-2 ul li .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .pfolio-single .project-info-2 ul li .count-text, .pfolio-single .project-info ul .project-nav nav .nav-btns li a, .project-nav nav .nav-btns .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul .project-nav nav .nav-btns li a, .project-nav nav .nav-btns .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .pricing-tables .p-table .desc, .pricing-tables .p-table .pfolio-single .project-info ul li .desc, .pfolio-single .project-info-2 ul li .pricing-tables .p-table .desc, .pricing-tables .p-table .pfolio-single .project-info-2 ul li .desc, .pfolio-single .project-info ul li .blog-post-nav .prev-btn, .blog-post-nav .pfolio-single .project-info ul li .prev-btn, .pfolio-single .project-info-2 ul li .blog-post-nav .prev-btn, .blog-post-nav .pfolio-single .project-info-2 ul li .prev-btn, .pfolio-single .project-info ul li .blog-post-nav .next-btn, .blog-post-nav .pfolio-single .project-info ul li .next-btn, .pfolio-single .project-info-2 ul li .blog-post-nav .next-btn, .blog-post-nav .pfolio-single .project-info-2 ul li .next-btn, .pfolio-single .project-info ul .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info ul li span, .pfolio-single .project-info-2 ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info-2 ul li span, .pfolio-single .project-info ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info ul li p, .pfolio-single .project-info-2 ul li .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .pfolio-single .project-info-2 ul li p, .pfolio-single .project-info ul li .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul li .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .pfolio-single .project-info ul li .cta-btn, .pfolio-single .project-info-2 ul li .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .pfolio-single .project-info-2 ul li .cta-btn, .pfolio-single .project-info ul li .-sidebar .filter-widget label, .-sidebar .filter-widget .pfolio-single .project-info ul li label, .pfolio-single .project-info-2 ul li .-sidebar .filter-widget label, .-sidebar .filter-widget .pfolio-single .project-info-2 ul li label, .pfolio-single .project-info ul li .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .pfolio-single .project-info ul li label, .pfolio-single .project-info-2 ul li .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .pfolio-single .project-info-2 ul li label, .pfolio-single .project-info ul .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list .pfolio-single .project-info ul li a, .pfolio-single .project-info-2 ul .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list .pfolio-single .project-info-2 ul li a, .pfolio-single .project-info ul li .checkout-table tbody tr td:first-child, .checkout-table tbody tr .pfolio-single .project-info ul li td:first-child, .pfolio-single .project-info-2 ul li .checkout-table tbody tr td:first-child, .checkout-table tbody tr .pfolio-single .project-info-2 ul li td:first-child, .pfolio-single .project-info ul li .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .pfolio-single .project-info ul li .tpr-name, .pfolio-single .project-info-2 ul li .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .pfolio-single .project-info-2 ul li .tpr-name {
margin: 0; display: inline-block; font-size: .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: #111;
}
.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 .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pfolio-single .p-info .widget-comm-title, .pfolio-single .p-info .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pfolio-single .p-info .title-timer, .pfolio-single .p-info .-layout-options span, .-layout-options .pfolio-single .p-info span, .pfolio-single .p-info p {
margin: 0;
}
.pfolio-single .p-info h5, .pfolio-single .p-info .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .pfolio-single .p-info .ft-heading, .pfolio-single .p-info .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .pfolio-single .p-info .tab-info, .pfolio-single .p-info .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pfolio-single .p-info .widget-comm-title, .pfolio-single .p-info .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pfolio-single .p-info .title-timer, .pfolio-single .p-info .-layout-options span, .-layout-options .pfolio-single .p-info span {
padding-bottom: 20px;
}
.pfolio-single .project-testimonial {
padding: 30px; font-size: 1.2em; color: #777; background: #f4f4f4;
}
.pfolio-single .project-testimonial .p-t-icon {
display: block; margin-bottom: 30px; font-size: 32px; color: #777;
}
.pfolio-single .project-testimonial footer {
color: #777; line-height: 1.2;
}
.pfolio-single .project-testimonial footer:before {
content: none;
}
.pfolio-single .project-testimonial footer cite span {
font-weight: 700;
}
.pfolio-single .project-images img {
max-width: 100%; width: 100%; height: auto;
}
.single-img-slider {
padding: 0; margin: 0; list-style: none;
}
.single-img-slider li img {
max-width: 100%; width: 100%; height: auto;
}
.single-img-slider .slider-nav {
top: 50%; margin-top: -25px; opacity: 0; -webkit-transition: opacity, 0.5s; transition: opacity, 0.5s;
}
.single-img-slider .slider-nav span {
display: block; padding-bottom: 7px; font-size: 26px;
}
.single-img-slider:hover .slider-nav {
opacity: 1;
}
.project-item {
display: block; margin-bottom: 70px; text-align: center;
}
.project-item h4, .project-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .project-item .tab-heading, .project-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .project-item cite, .project-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .project-item cite, .project-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .project-item cite, .project-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .project-item cite, .project-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .project-item cite, .project-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .project-item .t-role, .project-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .project-item .t-role, .project-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .project-item .t-role, .project-item .t-join .t-info .t-role, .t-join .t-info .project-item .t-role, .project-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .project-item .cards-header, .project-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .project-item .sc-lead, .project-item h5, .project-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .project-item .ft-heading, .project-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .project-item .tab-info, .project-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .project-item .widget-comm-title, .project-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .project-item .title-timer, .project-item .-layout-options span, .-layout-options .project-item span, .project-item h6, .project-item .progress-group .progress-title, .progress-group .project-item .progress-title, .project-item .progress-group .progress-value, .progress-group .project-item .progress-value, .project-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .project-item .panel-title, .project-item .footer-social-links ul li, .footer-social-links ul .project-item li, .project-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .project-item .show-info-link, .project-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .project-item .adr-heading, .project-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .project-item .show-map, .project-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .project-item .adr-heading, .project-item .ft-cards .ft-item a, .ft-cards .ft-item .project-item a, .project-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .project-item .link-btn, .project-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .project-item a, .project-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .project-item .circle-text, .project-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .project-item .circle-text, .project-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .project-item .count-text, .project-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .project-item .count-text, .project-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .project-item a, .project-item .pricing-tables .p-table .desc, .pricing-tables .p-table .project-item .desc, .project-item .blog-post-nav .prev-btn, .blog-post-nav .project-item .prev-btn, .project-item .blog-post-nav .next-btn, .blog-post-nav .project-item .next-btn, .project-item .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .project-item a, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item span, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item a, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item p, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .project-item a, .project-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .project-item .cta-btn, .project-item .-sidebar .filter-widget label, .-sidebar .filter-widget .project-item label, .project-item .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .project-item label, .project-item .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .project-item a, .project-item .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .project-item a, .project-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .project-item td:first-child, .project-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .project-item .tpr-name, .project-item p {
margin: 0 auto; width: 80%;
}
.project-item h4, .project-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .project-item .tab-heading, .project-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .project-item cite, .project-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .project-item cite, .project-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .project-item cite, .project-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .project-item cite, .project-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .project-item cite, .project-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .project-item .t-role, .project-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .project-item .t-role, .project-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .project-item .t-role, .project-item .t-join .t-info .t-role, .t-join .t-info .project-item .t-role, .project-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .project-item .cards-header, .project-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .project-item .sc-lead, .project-item h5, .project-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .project-item .ft-heading, .project-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .project-item .tab-info, .project-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .project-item .widget-comm-title, .project-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .project-item .title-timer, .project-item .-layout-options span, .-layout-options .project-item span, .project-item h6, .project-item .progress-group .progress-title, .progress-group .project-item .progress-title, .project-item .progress-group .progress-value, .progress-group .project-item .progress-value, .project-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .project-item .panel-title, .project-item .footer-social-links ul li, .footer-social-links ul .project-item li, .project-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .project-item .show-info-link, .project-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .project-item .adr-heading, .project-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .project-item .show-map, .project-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .project-item .adr-heading, .project-item .ft-cards .ft-item a, .ft-cards .ft-item .project-item a, .project-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .project-item .link-btn, .project-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .project-item a, .project-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .project-item .circle-text, .project-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .project-item .circle-text, .project-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .project-item .count-text, .project-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .project-item .count-text, .project-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .project-item a, .project-item .pricing-tables .p-table .desc, .pricing-tables .p-table .project-item .desc, .project-item .blog-post-nav .prev-btn, .blog-post-nav .project-item .prev-btn, .project-item .blog-post-nav .next-btn, .blog-post-nav .project-item .next-btn, .project-item .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .project-item a, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item span, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item a, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .project-item p, .project-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .project-item a, .project-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .project-item .cta-btn, .project-item .-sidebar .filter-widget label, .-sidebar .filter-widget .project-item label, .project-item .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .project-item label, .project-item .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .project-item a, .project-item .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .project-item a, .project-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .project-item td:first-child, .project-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .project-item .tpr-name {
padding-top: 30px; padding-bottom: 15px;
}
.p-s-portfolio .portfolio-columns-boxed {
margin-top: 0; padding-top: 160px;
}
.project-nav nav .nav-btns {
margin: 0; padding: 50px 0; width: 100%; list-style: none; text-align: center;
}
.project-nav nav .nav-btns li {
display: inline-block;
}
.project-nav nav .nav-btns li a {
display: block; color: #111; text-transform: uppercase;
}
.project-nav nav .nav-btns .nav-icon {
display: inline-block; font-size: 26px; color: #111; vertical-align: top;
}
.project-nav nav .nav-btns .prev a:visited, .project-nav nav .nav-btns .prev a:focus, .project-nav nav .nav-btns .next a:visited, .project-nav nav .nav-btns .next a:focus {
text-decoration: none;
}
.project-nav nav .nav-btns .prev:hover, .project-nav nav .nav-btns .next:hover {
-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);
}
.project-nav nav .nav-btns .prev:hover .nav-icon, .project-nav nav .nav-btns .next:hover .nav-icon {
-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1;
}
.project-nav nav .nav-btns .prev {
float: left; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;
}
.project-nav nav .nav-btns .prev .nav-icon {
opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: all 0.5s; transition: all 0.5s;
}
.project-nav nav .nav-btns .next {
float: right; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;
}
.project-nav nav .nav-btns .next .nav-icon {
opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 0.5s; transition: all 0.5s;
}
/* ---- 15.6 Portfoli Mobile ---- */ .portfolio-mobile .pt-item {
display: inline-block; border-top: 1px solid #f8f8f8; background: #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.portfolio-mobile .pt-item img {
-webkit-transition: opacity 0.4s; transition: opacity 0.4s;
}
.portfolio-mobile .pt-item:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.portfolio-mobile .pt-item:hover img {
opacity: .9;
}
.portfolio-mobile .pt-item:focus {
outline: none;
}
/* -------------------------------------------------- 16.0 Pricing Tables
*/
.pricing-tables .p-table {
position: relative; padding: 75px 25px 50px 25px; text-align: center; border-top: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.pricing-tables .p-table h5, .pricing-tables .p-table .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .pricing-tables .p-table .ft-heading, .pricing-tables .p-table .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .pricing-tables .p-table .tab-info, .pricing-tables .p-table .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .pricing-tables .p-table .widget-comm-title, .pricing-tables .p-table .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .pricing-tables .p-table .title-timer, .pricing-tables .p-table .-layout-options span, .-layout-options .pricing-tables .p-table span {
margin: 0;
}
.pricing-tables .p-table hr {
width: 150px; margin: 0 auto; left: 0; right: 0;
}
.pricing-tables .p-table .banner {
position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 60px; height: 58px; padding-top: 15px; background: #111; color: white; font-size: 11px; letter-spacing: 0.2em; text-align: center; text-transform: uppercase;
}
.pricing-tables .p-table .banner:after {
content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 10px solid #fff; border-left: 29px solid transparent; border-right: 30px solid transparent;
}
.pricing-tables .p-table .star {
position: absolute; top: 12px; left: 19px; margin: 0 auto; font-size: 23px; color: #fff;
}
.pricing-tables .p-table .price {
display: block; margin-top: 40px;
}
.pricing-tables .p-table .price .currency, .pricing-tables .p-table .price .type {
display: inline-block; margin-left: -10px; vertical-align: bottom; font-size: 15px; font-weight: 300; color: #999;
}
.pricing-tables .p-table .price .value {
display: inline-block; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 70px; color: #111;
}
.pricing-tables .p-table .price .type {
vertical-align: top; margin-top: -19px; margin-right: -20px; padding-left: 10px;
}
.pricing-tables .p-table .desc {
margin-top: 20px; margin-bottom: 0; padding-bottom: 20px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #777;
}
.pricing-tables .p-table .p-items {
list-style: none; padding: 0; margin-top: 25px;
}
.pricing-tables .p-table .p-items li {
padding-bottom: 15px;
}
.pricing-tables .p-table .p-items li b {
font-weight: 400;
}
.pricing-tables .p-table .btn, .pricing-tables .p-table .btn-ghost, .pricing-tables .p-table .btn-ghost-light, .pricing-tables .p-table .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .pricing-tables .p-table .btn-ghost-light, .pricing-tables .p-table .btn-text, .pricing-tables .p-table .btn-text-light, .pricing-tables .p-table .btn-light, .pricing-tables .p-table .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .pricing-tables .p-table .btn-ghost, .pricing-tables .p-table .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .pricing-tables .p-table .btn-light, .pricing-tables .p-table .btn-ghost, .pricing-tables .p-table .btn-ghost-light, .pricing-tables .p-table .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .pricing-tables .p-table .btn-ghost-light {
margin-top: 30px;
}
.pricing-tables .pt-featured {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
/* -------------------------------------------------- 17.0 CTA - Call to Action
*/
/* ---- 17.1 CTA - Link ---- */ .cta-link {
background: url(../images/shattered.gif) repeat;
}
.cta-link .bg-overlay {
width: 100%; background: rgba(17, 17, 17, 0.5);
}
.cta-link .cta-wrapper {
padding-top: 100px; padding-bottom: 100px; text-align: center;
}
.cta-link .cta-wrapper h3, .cta-link .cta-wrapper .page-title .subheading, .page-title .cta-link .cta-wrapper .subheading {
margin-top: 0; margin-bottom: 50px; letter-spacing: 8px; color: #ececec;
}
/* ---- 17.2 CTA - Newsletter Signup ---- */ .cta-newsletter {
background: url(../images/shattered.gif) repeat;
}
.cta-newsletter .bg-overlay {
width: 100%; background: rgba(17, 17, 17, 0.5);
}
.cta-newsletter .cta-wrapper {
padding-top: 100px; padding-bottom: 100px; text-align: center;
}
.cta-newsletter .cta-wrapper h3, .cta-newsletter .cta-wrapper .page-title .subheading, .page-title .cta-newsletter .cta-wrapper .subheading {
margin-top: 0; margin-bottom: 100px; letter-spacing: 8px; color: #ececec;
}
.cta-newsletter .cta-wrapper input[type="email"] {
display: block; margin: 0 auto 50px auto; padding-bottom: 10px; width: 600px; background: none; border: none; border-bottom: 2px solid #777; font-size: 2.6em; font-weight: 400; text-align: center; color: #999; -webkit-transition: border-color 0.4s; transition: border-color 0.4s;
}
.cta-newsletter .cta-wrapper input[type="email"]:focus {
outline: none; border-color: #ececec;
}
.cta-newsletter .cta-wrapper ::-webkit-input-placeholder {
letter-spacing: 2px; color: rgba(235, 235, 235, 0.2);
}
.cta-newsletter .cta-wrapper :-moz-placeholder {
letter-spacing: 2px; color: rgba(235, 235, 235, 0.2);
}
.cta-newsletter .cta-wrapper ::-moz-placeholder {
letter-spacing: 2px; color: rgba(235, 235, 235, 0.2);
}
.cta-newsletter .cta-wrapper :-ms-input-placeholder {
letter-spacing: 2px; color: rgba(235, 235, 235, 0.2);
}
.cta-newsletter .cta-wrapper .mc-info {
display: block; font-weight: initial; -webkit-transition: translateY(10px); transition: translateY(10px);
}
.cta-newsletter .cta-wrapper .subscribe-result {
position: absolute; left: 0; right: 0;
}
.cta-newsletter .cta-wrapper .subscribe-result .alert {
display: inline-block; margin-top: 20px;
}
.cta-dark {
background: #111;
}
/* -------------------------------------------------- 18.0 Blog
*/
.blog-pagination .pagination {
margin: 0;
}
.blog-pagination .pagination li a {
border: none; background: none; color: #999; font-size: 1.2em;
}
.blog-pagination .pagination li a:hover {
border: none; color: #111;
}
.blog-post-nav {
padding-top: 100px; padding-bottom: 50px;
}
.blog-post-nav .prev-btn, .blog-post-nav .next-btn {
display: inline-block; color: #999;
}
.blog-post-nav .prev-btn:hover, .blog-post-nav .next-btn:hover {
color: #111;
}
.blog-post-nav .prev-btn {
float: left; padding-left: 15px;
}
.blog-post-nav .next-btn {
float: right; padding-right: 15px;
}
/* ---- 18.1 Blog Columns ---- */ .blog-columns .blog-post, .blog-classic .blog-post {
border-top: 1px solid #f8f8f8; background: #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.blog-columns .blog-post:hover, .blog-classic .blog-post:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.blog-columns .blog-post .post-img, .blog-classic .blog-post .post-img {
display: block;
}
.blog-columns .blog-post .post-img img, .blog-classic .blog-post .post-img img {
max-width: 100%; height: auto; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;
}
.blog-columns .blog-post .post-img:hover img, .blog-classic .blog-post .post-img:hover img {
opacity: .8;
}
.blog-columns .blog-post .bp-content, .blog-classic .blog-post .bp-content {
padding: 40px 50px 50px 50px;
}
.blog-columns .blog-post .bp-content .post-meta .post-date i, .blog-classic .blog-post .bp-content .post-meta .post-date i, .blog-columns .blog-post .bp-content .post-meta .post-comments i, .blog-classic .blog-post .bp-content .post-meta .post-comments i {
display: inline-block; padding-right: 9px; font-size: 18px; vertical-align: middle; color: #ccc; -webkit-transition: color 0.3s; transition: color 0.3s;
}
.blog-columns .blog-post .bp-content .post-meta .post-date span, .blog-classic .blog-post .bp-content .post-meta .post-date span, .blog-columns .blog-post .bp-content .post-meta .post-comments span, .blog-classic .blog-post .bp-content .post-meta .post-comments span {
display: inline-block; padding-left: 10px; border-left: 1px solid #ececec; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: .75em; letter-spacing: 2px; text-transform: uppercase; vertical-align: middle; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s;
}
.blog-columns .blog-post .bp-content .post-meta .post-date:hover i, .blog-classic .blog-post .bp-content .post-meta .post-date:hover i, .blog-columns .blog-post .bp-content .post-meta .post-date:hover span, .blog-classic .blog-post .bp-content .post-meta .post-date:hover span, .blog-columns .blog-post .bp-content .post-meta .post-comments:hover i, .blog-classic .blog-post .bp-content .post-meta .post-comments:hover i, .blog-columns .blog-post .bp-content .post-meta .post-comments:hover span, .blog-classic .blog-post .bp-content .post-meta .post-comments:hover span {
color: #111;
}
.blog-columns .blog-post .bp-content .post-meta .post-comments, .blog-classic .blog-post .bp-content .post-meta .post-comments {
float: right;
}
.blog-columns .blog-post .bp-content .post-title, .blog-classic .blog-post .bp-content .post-title {
display: block; padding: 25px 0 20px 0; color: #111;
}
.blog-columns .blog-post .bp-content .post-title h3, .blog-classic .blog-post .bp-content .post-title h3, .blog-columns .blog-post .bp-content .post-title .page-title .subheading, .page-title .blog-columns .blog-post .bp-content .post-title .subheading, .blog-classic .blog-post .bp-content .post-title .page-title .subheading, .page-title .blog-classic .blog-post .bp-content .post-title .subheading, .blog-columns .blog-post .bp-content .post-title h4, .blog-classic .blog-post .bp-content .post-title h4, .blog-columns .blog-post .bp-content .post-title .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .blog-columns .blog-post .bp-content .post-title .tab-heading, .blog-classic .blog-post .bp-content .post-title .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .blog-classic .blog-post .bp-content .post-title .tab-heading, .blog-columns .blog-post .bp-content .post-title .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .blog-columns .blog-post .bp-content .post-title cite, .blog-classic .blog-post .bp-content .post-title .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .blog-classic .blog-post .bp-content .post-title cite, .blog-columns .blog-post .bp-content .post-title .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .blog-columns .blog-post .bp-content .post-title .t-role, .blog-classic .blog-post .bp-content .post-title .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .blog-classic .blog-post .bp-content .post-title .t-role, .blog-columns .blog-post .bp-content .post-title .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .blog-columns .blog-post .bp-content .post-title .t-role, .blog-classic .blog-post .bp-content .post-title .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .blog-classic .blog-post .bp-content .post-title .t-role, .blog-columns .blog-post .bp-content .post-title .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .blog-columns .blog-post .bp-content .post-title .t-role, .blog-classic .blog-post .bp-content .post-title .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .blog-classic .blog-post .bp-content .post-title .t-role, .blog-columns .blog-post .bp-content .post-title .t-join .t-info .t-role, .t-join .t-info .blog-columns .blog-post .bp-content .post-title .t-role, .blog-classic .blog-post .bp-content .post-title .t-join .t-info .t-role, .t-join .t-info .blog-classic .blog-post .bp-content .post-title .t-role, .blog-columns .blog-post .bp-content .post-title .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .blog-columns .blog-post .bp-content .post-title .cards-header, .blog-classic .blog-post .bp-content .post-title .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .blog-classic .blog-post .bp-content .post-title .cards-header, .blog-columns .blog-post .bp-content .post-title .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .blog-columns .blog-post .bp-content .post-title .sc-lead, .blog-classic .blog-post .bp-content .post-title .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .blog-classic .blog-post .bp-content .post-title .sc-lead, .blog-columns .blog-post .bp-content .post-title h5, .blog-classic .blog-post .bp-content .post-title h5, .blog-columns .blog-post .bp-content .post-title .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .blog-columns .blog-post .bp-content .post-title .ft-heading, .blog-classic .blog-post .bp-content .post-title .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .blog-classic .blog-post .bp-content .post-title .ft-heading, .blog-columns .blog-post .bp-content .post-title .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .blog-columns .blog-post .bp-content .post-title .tab-info, .blog-classic .blog-post .bp-content .post-title .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .blog-classic .blog-post .bp-content .post-title .tab-info, .blog-columns .blog-post .bp-content .post-title .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .blog-columns .blog-post .bp-content .post-title .widget-comm-title, .blog-classic .blog-post .bp-content .post-title .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .blog-classic .blog-post .bp-content .post-title .widget-comm-title, .blog-columns .blog-post .bp-content .post-title .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .blog-columns .blog-post .bp-content .post-title .title-timer, .blog-classic .blog-post .bp-content .post-title .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .blog-classic .blog-post .bp-content .post-title .title-timer, .blog-columns .blog-post .bp-content .post-title .-layout-options span, .-layout-options .blog-columns .blog-post .bp-content .post-title span, .blog-classic .blog-post .bp-content .post-title .-layout-options span, .-layout-options .blog-classic .blog-post .bp-content .post-title span {
margin: 0;
}
.blog-columns .blog-post .bp-content p, .blog-classic .blog-post .bp-content p {
margin-bottom: 30px;
}
.blog-preview .blog-post {
background: #fff;
}
/* ---- 18.2 Blog Masonry ---- */ .blog-masonry .blog-post {
margin-bottom: 30px;
}
/* ---- 18.3 Blog Classic ---- */ .blog-classic .blog-post {
margin-bottom: 100px;
}
/* ---- 18.4 Blog Post Single ---- */ .blog-post-single {
margin-bottom: 100px;
}
.blog-post-single .post-img {
margin-bottom: 20px;
}
.blog-post-single .post-meta .post-date i, .blog-post-single .post-meta .post-comments i {
display: inline-block; padding-right: 9px; font-size: 18px; vertical-align: middle; color: #ccc; -webkit-transition: color 0.3s; transition: color 0.3s;
}
.blog-post-single .post-meta .post-date span, .blog-post-single .post-meta .post-comments span {
display: inline-block; padding-left: 10px; border-left: 1px solid #ececec; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: .75em; letter-spacing: 2px; text-transform: uppercase; vertical-align: middle; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s;
}
.blog-post-single .post-meta .post-date:hover i, .blog-post-single .post-meta .post-date:hover span, .blog-post-single .post-meta .post-comments:hover i, .blog-post-single .post-meta .post-comments:hover span {
color: #111;
}
.blog-post-single .post-meta .post-comments {
float: right;
}
.blog-post-single .post-title {
margin: 0; padding-top: 30px;
}
.blog-post-single .blog-post-content {
margin-top: 50px; margin-bottom: 50px;
}
.blog-post-single .blog-post-content p {
margin-bottom: 0;
}
.blog-post-single .blog-post-content .left-blog-quote {
margin: 20px 30px 20px -50px;
}
.blog-post-single .blog-post-content .right-blog-quote {
margin: 20px -50px 20px 30px;
}
/* ---- 18.5 Sidebar ---- */ .sidebar .header-widget {
padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid #ccc;
}
.sidebar .recent-posts-widget .widget-item {
padding-bottom: 15px;
}
.sidebar .recent-posts-widget .widget-item:last-child {
padding-bottom: 0;
}
.sidebar .recent-posts-widget .widget-item h6, .sidebar .recent-posts-widget .widget-item .progress-group .progress-title, .progress-group .sidebar .recent-posts-widget .widget-item .progress-title, .sidebar .recent-posts-widget .widget-item .progress-group .progress-value, .progress-group .sidebar .recent-posts-widget .widget-item .progress-value, .sidebar .recent-posts-widget .widget-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .sidebar .recent-posts-widget .widget-item .panel-title, .sidebar .recent-posts-widget .widget-item .footer-social-links ul li, .footer-social-links ul .sidebar .recent-posts-widget .widget-item li, .sidebar .recent-posts-widget .widget-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .sidebar .recent-posts-widget .widget-item .show-info-link, .sidebar .recent-posts-widget .widget-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .sidebar .recent-posts-widget .widget-item .adr-heading, .sidebar .recent-posts-widget .widget-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .sidebar .recent-posts-widget .widget-item .show-map, .sidebar .recent-posts-widget .widget-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .sidebar .recent-posts-widget .widget-item .adr-heading, .sidebar .recent-posts-widget .widget-item .ft-cards .ft-item a, .ft-cards .ft-item .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .sidebar .recent-posts-widget .widget-item .link-btn, .sidebar .recent-posts-widget .widget-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .sidebar .recent-posts-widget .widget-item .circle-text, .sidebar .recent-posts-widget .widget-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .sidebar .recent-posts-widget .widget-item .circle-text, .sidebar .recent-posts-widget .widget-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .sidebar .recent-posts-widget .widget-item .count-text, .sidebar .recent-posts-widget .widget-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .sidebar .recent-posts-widget .widget-item .count-text, .sidebar .recent-posts-widget .widget-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .pricing-tables .p-table .desc, .pricing-tables .p-table .sidebar .recent-posts-widget .widget-item .desc, .sidebar .recent-posts-widget .widget-item .blog-post-nav .prev-btn, .blog-post-nav .sidebar .recent-posts-widget .widget-item .prev-btn, .sidebar .recent-posts-widget .widget-item .blog-post-nav .next-btn, .blog-post-nav .sidebar .recent-posts-widget .widget-item .next-btn, .sidebar .recent-posts-widget .widget-item .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sidebar .recent-posts-widget .widget-item span, .sidebar .recent-posts-widget .widget-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .sidebar .recent-posts-widget .widget-item p, .sidebar .recent-posts-widget .widget-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .sidebar .recent-posts-widget .widget-item .cta-btn, .sidebar .recent-posts-widget .widget-item .-sidebar .filter-widget label, .-sidebar .filter-widget .sidebar .recent-posts-widget .widget-item label, .sidebar .recent-posts-widget .widget-item .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .sidebar .recent-posts-widget .widget-item label, .-sidebar .tags-widget .tag-list li .sidebar .recent-posts-widget .widget-item a, .-sidebar-vertical .tags-widget .tag-list li .sidebar .recent-posts-widget .widget-item a, .sidebar .recent-posts-widget .widget-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .sidebar .recent-posts-widget .widget-item td:first-child, .sidebar .recent-posts-widget .widget-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .sidebar .recent-posts-widget .widget-item .tpr-name {
margin-top: 0; margin-bottom: 0; color: #777;
}
.sidebar .recent-posts-widget .widget-item span {
font-size: .9em; letter-spacing: .6px; color: #ccc;
}
.sidebar .recent-posts-widget .widget-item span a {
color: #ccc;
}
.sidebar .recent-posts-widget .widget-item span a:hover {
color: #111;
}
.sidebar .categories-widget .widget-item a {
padding-bottom: 5px; margin-bottom: 5px; font-size: .9em; letter-spacing: .3px; color: #777; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.sidebar .categories-widget .widget-item a span {
color: #ccc;
}
.sidebar .categories-widget .widget-item a:hover {
padding-bottom: 3px; border-bottom: 1px solid #111111; color: #111;
}
.sidebar .tags-widget .tag-list {
padding: 0; margin: 0;
}
.sidebar .tags-widget .tag-list li {
list-style: none; display: inline-block;
}
.sidebar .tags-widget .tag-list li a {
display: block; padding: 0 10px; margin-bottom: 5px; border: 1px solid #ccc; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #999; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.sidebar .tags-widget .tag-list li a:hover {
border-color: #777; color: #111;
}
.sidebar .search-widget .form-group {
position: relative;
}
.sidebar .search-widget .form-group .inside-input-btn {
display: block; position: absolute; width: 20px; height: 20px; top: 4px; right: 20px; background: none; border: none; font-size: 18px; color: #ccc; -webkit-transition: color 0.5s; transition: color 0.5s;
}
.sidebar .search-widget .form-group .inside-input-btn:hover {
color: #111;
}
.sidebar .search-widget .form-group .inside-input-btn:focus, .sidebar .search-widget .form-group .inside-input-btn:visited {
outline: none;
}
.sidebar .comments-widget .widget-item span {
font-size: .9em; color: #ccc;
}
.sidebar .comments-widget .widget-item span a {
color: #ccc;
}
.sidebar .comments-widget .widget-item span a:hover {
color: #111;
}
.sidebar .comments-widget .widget-item span .widget-comm-title {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 1.5px; color: #777;
}
/* ---- 18.6 Comments ---- */ .blog-post-comments .blog-section-title {
padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid #ccc;
}
.blog-post-comments .bp-comment, .blog-post-comments .bp-comment-reply {
margin-bottom: 30px;
}
.blog-post-comments .bp-comment .comment-avatar, .blog-post-comments .bp-comment-reply .comment-avatar {
display: inline-block; position: relative; width: 60px; height: 60px; background: #f4f4f4;
}
.blog-post-comments .bp-comment .comment-avatar i, .blog-post-comments .bp-comment-reply .comment-avatar i {
display: block; position: absolute; width: 20px; height: 20px; left: 0; right: 0; top: 0; bottom: 0; font-size: 22px; color: #ccc; margin: auto;
}
.blog-post-comments .bp-comment .comment-info, .blog-post-comments .bp-comment-reply .comment-info {
display: inline-block; margin-left: 30px; margin-top: -40px; vertical-align: text-top;
}
.blog-post-comments .bp-comment .comment-info .comment-name, .blog-post-comments .bp-comment-reply .comment-info .comment-name {
display: inline-block; color: #999;
}
.blog-post-comments .bp-comment .comment-info .comment-time, .blog-post-comments .bp-comment-reply .comment-info .comment-time {
display: inline-block; margin-left: 30px; margin-right: 30px; text-transform: uppercase; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: .8em; letter-spacing: 1.5px; color: #ccc;
}
.blog-post-comments .bp-comment .comment-info .comment-replay-btn, .blog-post-comments .bp-comment-reply .comment-info .comment-replay-btn {
display: inline-block; padding: 5px 20px; background: none; border: 1px solid #ccc; text-transform: uppercase; font-size: .8em; line-height: 1em; letter-spacing: 2px; color: #999; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.blog-post-comments .bp-comment .comment-info .comment-replay-btn:hover, .blog-post-comments .bp-comment-reply .comment-info .comment-replay-btn:hover {
color: #ececec; border-color: #111; background: #111;
}
.blog-post-comments .bp-comment .comment-content, .blog-post-comments .bp-comment-reply .comment-content {
margin-top: -20px; margin-left: 90px; padding-bottom: 30px; border-bottom: 1px solid #ececec;
}
.blog-post-comments .bp-comment-reply {
margin-left: 90px;
}
.blog-post-comments .comment-form {
margin-top: 100px;
}
/* -------------------------------------------------- 19.0 Contact Layouts
*/
.map-boxed {
display: block; position: relative; height: 500px; width: 100%;
}
.map-wide {
display: block; position: relative; height: 300px; width: 100%;
}
.social-wrapper {
padding-top: 50px; padding-bottom: 50px; background: #e3e3e3;
}
.social-wrapper .social-links {
margin-bottom: 0; padding: 0; list-style: none; text-align: center;
}
.social-wrapper .social-links li {
display: inline-block; font-size: 30px; margin: 0 20px;
}
.social-wrapper .social-links li a {
vertical-align: bottom; color: #111;
}
.social-wrapper .social-links li a:hover {
color: #999;
}
form .alert-error {
color: #e80000; font-size: .85em;
}
form .input-error, form .input-error-2 {
border-color: #e80000; -webkit-transition: border-color 0.4s; transition: border-color 0.4s;
}
form .input-error:hover, form .input-error:focus, form .input-error-2:hover, form .input-error-2:focus {
border-color: #e80000;
}
/* ---- 19.1 Contact Layout 1 ---- */ .contact-1 {
padding-left: 0; padding-right: 0;
}
.contact-1 .contact-wrapper {
position: relative;
}
.contact-1 .contact-wrapper .contact-info-wrapper {
position: absolute; padding: 70px 110px 40px 110px; top: 75px; left: 0; right: 0; margin: 0 auto; background: #fff; -webkit-transition: opacity 0.5s, visibility 0.6s, margin-top 0.5s; transition: opacity 0.5s, visibility 0.6s, margin-top 0.5s;
}
.contact-1 .contact-wrapper .contact-info-wrapper address .address-group {
margin-bottom: 40px;
}
.contact-1 .contact-wrapper .contact-info-wrapper address .address-group span {
display: block; margin-top: 0; margin-bottom: 10px;
}
.contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p {
display: block; margin-bottom: 3px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; color: #999;
}
.contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a {
display: block; margin-top: -20px;
}
.contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:hover, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:focus, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:visited {
text-decoration: none;
}
.contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:hover {
color: #999;
}
.contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a span {
padding-left: 15px; font-size: 24px;
}
.contact-1 .contact-wrapper .map-open {
margin-top: 30px; opacity: 0; visibility: hidden;
}
.contact-1 .contact-wrapper .show-info-link {
position: absolute; height: 50px; width: 200px; top: -20px; left: 0; right: 0; margin: 0 auto; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0.6s, top 0.5s; transition: opacity 0.5s, visibility 0.6s, top 0.5s;
}
.contact-1 .contact-wrapper .show-info-link a {
display: block; padding-top: 8px; width: 100%; height: 100%; background: #fff; color: #111;
}
.contact-1 .contact-wrapper .show-info-link a:hover {
background: #ececec;
}
.contact-1 .contact-wrapper .show-info-link a i {
display: inline-block; padding-right: 15px;
}
.contact-1 .contact-wrapper .show-info-link a h6, .contact-1 .contact-wrapper .show-info-link a .progress-group .progress-title, .progress-group .contact-1 .contact-wrapper .show-info-link a .progress-title, .contact-1 .contact-wrapper .show-info-link a .progress-group .progress-value, .progress-group .contact-1 .contact-wrapper .show-info-link a .progress-value, .contact-1 .contact-wrapper .show-info-link a .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .contact-1 .contact-wrapper .show-info-link a .panel-title, .contact-1 .contact-wrapper .show-info-link a .footer-social-links ul li, .footer-social-links ul .contact-1 .contact-wrapper .show-info-link a li, .contact-1 .contact-wrapper .show-info-link a .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .contact-1 .contact-wrapper .show-info-link a .show-info-link, .contact-1 .contact-wrapper .show-info-link a .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .contact-1 .contact-wrapper .show-info-link a .adr-heading, .contact-1 .contact-wrapper .show-info-link a .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .contact-1 .contact-wrapper .show-info-link a .show-map, .contact-1 .contact-wrapper .show-info-link a .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .contact-1 .contact-wrapper .show-info-link a .adr-heading, .contact-1 .contact-wrapper .show-info-link a .ft-cards .ft-item a, .ft-cards .ft-item .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .contact-1 .contact-wrapper .show-info-link a .link-btn, .contact-1 .contact-wrapper .show-info-link a .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .circles-counters .circle-item .circle-text, .circles-counters .circle-item .contact-1 .contact-wrapper .show-info-link a .circle-text, .contact-1 .contact-wrapper .show-info-link a .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .contact-1 .contact-wrapper .show-info-link a .circle-text, .contact-1 .contact-wrapper .show-info-link a .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .contact-1 .contact-wrapper .show-info-link a .count-text, .contact-1 .contact-wrapper .show-info-link a .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .contact-1 .contact-wrapper .show-info-link a .count-text, .contact-1 .contact-wrapper .show-info-link a .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .pricing-tables .p-table .desc, .pricing-tables .p-table .contact-1 .contact-wrapper .show-info-link a .desc, .contact-1 .contact-wrapper .show-info-link a .blog-post-nav .prev-btn, .blog-post-nav .contact-1 .contact-wrapper .show-info-link a .prev-btn, .contact-1 .contact-wrapper .show-info-link a .blog-post-nav .next-btn, .blog-post-nav .contact-1 .contact-wrapper .show-info-link a .next-btn, .contact-1 .contact-wrapper .show-info-link a .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .show-info-link a span, .contact-1 .contact-wrapper .show-info-link a .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .show-info-link a p, .contact-1 .contact-wrapper .show-info-link a .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .contact-1 .contact-wrapper .show-info-link a .cta-btn, .contact-1 .contact-wrapper .show-info-link a .-sidebar .filter-widget label, .-sidebar .filter-widget .contact-1 .contact-wrapper .show-info-link a label, .contact-1 .contact-wrapper .show-info-link a .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .contact-1 .contact-wrapper .show-info-link a label, .contact-1 .contact-wrapper .show-info-link a .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .contact-1 .contact-wrapper .show-info-link a a, .contact-1 .contact-wrapper .show-info-link a .checkout-table tbody tr td:first-child, .checkout-table tbody tr .contact-1 .contact-wrapper .show-info-link a td:first-child, .contact-1 .contact-wrapper .show-info-link a .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .contact-1 .contact-wrapper .show-info-link a .tpr-name {
display: inline-block;
}
.contact-1 .contact-wrapper .info-open {
top: 0; opacity: 1; visibility: visible;
}
.contact-1 .contact-wrapper form .alert {
margin-top: 30px;
}
/* ---- 19.2 Contact Layout 2 ---- */ .contact-2 .gmap {
height: 400px;
}
.contact-2 .address-info {
padding: 35px 0 25px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
.contact-2 .address-info .address-info-item span {
display: inline-block; padding-right: 20px; height: 50px; font-size: 32px; color: #777; float: left;
}
.contact-2 .address-info .address-info-item h6, .contact-2 .address-info .address-info-item .progress-group .progress-title, .progress-group .contact-2 .address-info .address-info-item .progress-title, .contact-2 .address-info .address-info-item .progress-group .progress-value, .progress-group .contact-2 .address-info .address-info-item .progress-value, .contact-2 .address-info .address-info-item .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .contact-2 .address-info .address-info-item .panel-title, .contact-2 .address-info .address-info-item .footer-social-links ul li, .footer-social-links ul .contact-2 .address-info .address-info-item li, .contact-2 .address-info .address-info-item .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .contact-2 .address-info .address-info-item .show-info-link, .contact-2 .address-info .address-info-item .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .contact-2 .address-info .address-info-item .adr-heading, .contact-2 .address-info .address-info-item .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .contact-2 .address-info .address-info-item .show-map, .contact-2 .address-info .address-info-item .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .contact-2 .address-info .address-info-item .adr-heading, .contact-2 .address-info .address-info-item .ft-cards .ft-item a, .ft-cards .ft-item .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .contact-2 .address-info .address-info-item .link-btn, .contact-2 .address-info .address-info-item .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .circles-counters .circle-item .circle-text, .circles-counters .circle-item .contact-2 .address-info .address-info-item .circle-text, .contact-2 .address-info .address-info-item .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .contact-2 .address-info .address-info-item .circle-text, .contact-2 .address-info .address-info-item .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .contact-2 .address-info .address-info-item .count-text, .contact-2 .address-info .address-info-item .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .contact-2 .address-info .address-info-item .count-text, .contact-2 .address-info .address-info-item .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .pricing-tables .p-table .desc, .pricing-tables .p-table .contact-2 .address-info .address-info-item .desc, .contact-2 .address-info .address-info-item .blog-post-nav .prev-btn, .blog-post-nav .contact-2 .address-info .address-info-item .prev-btn, .contact-2 .address-info .address-info-item .blog-post-nav .next-btn, .blog-post-nav .contact-2 .address-info .address-info-item .next-btn, .contact-2 .address-info .address-info-item .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .contact-2 .address-info .address-info-item span, .contact-2 .address-info .address-info-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .contact-2 .address-info .address-info-item p, .contact-2 .address-info .address-info-item .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .contact-2 .address-info .address-info-item .cta-btn, .contact-2 .address-info .address-info-item .-sidebar .filter-widget label, .-sidebar .filter-widget .contact-2 .address-info .address-info-item label, .contact-2 .address-info .address-info-item .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .contact-2 .address-info .address-info-item label, .contact-2 .address-info .address-info-item .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item .checkout-table tbody tr td:first-child, .checkout-table tbody tr .contact-2 .address-info .address-info-item td:first-child, .contact-2 .address-info .address-info-item .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .contact-2 .address-info .address-info-item .tpr-name {
margin: 0;
}
.contact-2 .address-info .address-info-item a, .contact-2 .address-info .address-info-item p {
display: block; margin: 7px 0; text-transform: uppercase; font-size: .8em; line-height: 1; letter-spacing: 1px; color: #777;
}
.contact-2 form .alert {
margin-top: 30px;
}
/* ---- 19.3 Contact Layout 3 ---- */ .contact-3 {
background: #f4f4f4;
}
.contact-3 .form-wrapper {
margin-top: 160px; margin-bottom: 160px; padding: 160px 100px 100px 100px; border-top: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.contact-3 .form-wrapper .from-header {
text-align: center; margin-bottom: 100px;
}
.contact-3 .form-wrapper .from-header h2 {
margin-top: 0; margin-bottom: 30px;
}
.contact-3 .form-wrapper p {
color: #999;
}
.contact-3 .form-wrapper .form-group {
padding-right: 45px; padding-left: 45px;
}
.contact-3 .form-wrapper input[type="submit"] {
display: block; margin: auto; margin-top: 30px;
}
.contact-3 .form-wrapper .form-minimal input[type="text"], .contact-3 .form-wrapper .form-minimal input[type="email"], .contact-3 .form-wrapper .form-minimal input[type="tel"], .contact-3 .form-wrapper .form-minimal textarea {
border: none; border-bottom: 1px solid #999;
}
.contact-3 .form-wrapper .form-minimal input[type="text"]:focus, .contact-3 .form-wrapper .form-minimal input[type="email"]:focus, .contact-3 .form-wrapper .form-minimal input[type="tel"]:focus, .contact-3 .form-wrapper .form-minimal textarea:focus {
border-color: #111;
}
.contact-3 .form-wrapper .form-minimal .alert {
margin-top: 20px;
}
.contact-3 .form-wrapper .form-minimal .input-error, .contact-3 .form-wrapper .form-minimal .input-error-2 {
border-color: #e80000 !important; -webkit-transition: border-color 0.4s; transition: border-color 0.4s;
}
.contact-3 .form-wrapper .form-minimal .input-error:hover, .contact-3 .form-wrapper .form-minimal .input-error:focus, .contact-3 .form-wrapper .form-minimal .input-error-2:hover, .contact-3 .form-wrapper .form-minimal .input-error-2:focus {
border-color: #e80000;
}
/* -------------------------------------------------- 21.0 Login/Signup - Pages
*/
/* ---- 21.1 Login Page 1 ---- */ .login-1 {
background: #ececec;
}
.login-1 .bg-overlay {
width: 100%; height: 100%; background: rgba(244, 244, 244, 0.7);
}
.login-1 .panel-group {
margin-top: 160px; margin-bottom: 100px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.login-1 .panel-group .panel {
border-radius: 0; border: none;
}
.login-1 .panel-group .panel .panel-heading {
background: #fff; padding: 30px 100px; border: none;
}
.login-1 .panel-group .panel .panel-heading .panel-title a:focus {
text-decoration: none;
}
.login-1 .panel-group .panel .panel-collapse .panel-body {
border: none; padding-left: 100px; padding-right: 100px;
}
.login-1 .panel-group .panel .panel-collapse .panel-body .form-login .forget-pass-link {
color: #999; padding-bottom: 4px; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.login-1 .panel-group .panel .panel-collapse .panel-body .form-login .forget-pass-link:hover {
color: #111; padding-bottom: 1px; border-bottom: 1px solid #111111;
}
.login-1 .panel-group .top-panel .panel-heading {
padding-top: 100px;
}
.login-1 .panel-group .top-panel .panel-heading .panel-title .collapsed {
color: #ccc;
}
.login-1 .panel-group .top-panel .panel-heading .panel-title .collapsed:hover {
color: #111;
}
.login-1 .panel-group .bottom-panel .panel-heading .panel-title .collapsed {
display: block; padding-bottom: 30px; color: #ccc;
}
.login-1 .panel-group .bottom-panel .panel-heading .panel-title .collapsed:hover {
color: #111;
}
.login-1 .panel-group .bottom-panel .panel-body {
padding-bottom: 100px; color: #999 !important;
}
.login-1 .panel-group .panel + .panel {
margin-top: 0;
}
/* ---- 21.2 Login Page 2 ---- */ .login-2 {
position: relative; width: 100%; height: 100%; background: url(../images/hero/white-city.jpg); background-position: 50%; background-size: cover; background-attachment: fixed;
}
.login-2 .bg-overlay {
width: 100%; height: 100%; background: rgba(244, 244, 244, 0.7);
}
.login-2 .bg-overlay .form-wrapper {
display: block; position: relative; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.login-2 .bg-overlay .form-wrapper:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.login-2 .bg-overlay .form-wrapper .form-content {
margin-top: 160px; padding: 100px 100px 30px 100px; border-bottom: 1px solid #eaeaea;
}
.login-2 .bg-overlay .form-wrapper .form-content .form-header {
margin-top: 0; margin-bottom: 50px; text-align: center;
}
.login-2 .bg-overlay .form-wrapper .form-content .forget-pass-link {
color: #999; padding-bottom: 4px; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.login-2 .bg-overlay .form-wrapper .form-content .forget-pass-link:hover {
color: #111; padding-bottom: 1px; border-bottom: 1px solid #111111;
}
.login-2 .bg-overlay .form-wrapper .form-content .cards-header {
display: block; margin-top: 50px; margin-bottom: 30px; text-align: center; color: #999;
}
.login-2 .bg-overlay .form-wrapper .social-signup {
display: block; height: 140px;
}
.login-2 .bg-overlay .form-wrapper .social-signup .social-card {
display: inline-block; position: relative; padding: 30px 50px; width: 50%; height: 100%; float: left; border-right: 1px solid #eaeaea; background: #fff;
}
.login-2 .bg-overlay .form-wrapper .social-signup .social-card:last-child {
border-right: none;
}
.login-2 .bg-overlay .form-wrapper .social-signup .social-card span, .login-2 .bg-overlay .form-wrapper .social-signup .social-card i {
position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead {
display: block; bottom: 60px;
}
.login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-info {
bottom: 35px; color: #999;
}
.login-2 .bg-overlay .form-wrapper .social-signup .social-card i {
display: inline-block; right: 40px; top: 40px; float: right; font-size: 50px; color: #111; vertical-align: top;
}
.login-2 .bg-overlay .form-wrapper .social-signup .fb-card {
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.login-2 .bg-overlay .form-wrapper .social-signup .fb-card:hover {
background: #3b5998;
}
.login-2 .bg-overlay .form-wrapper .social-signup .fb-card:hover .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .fb-card:hover .sc-info, .login-2 .bg-overlay .form-wrapper .social-signup .fb-card:hover i {
color: #fff;
}
.login-2 .bg-overlay .form-wrapper .social-signup .tw-card {
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.login-2 .bg-overlay .form-wrapper .social-signup .tw-card:hover {
background: #55acee;
}
.login-2 .bg-overlay .form-wrapper .social-signup .tw-card:hover .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .tw-card:hover .sc-info, .login-2 .bg-overlay .form-wrapper .social-signup .tw-card:hover i {
color: #fff;
}
.login-2 .bg-overlay .email-signup {
color: #111; padding-bottom: 3px; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.login-2 .bg-overlay .email-signup:hover {
padding-bottom: 0; margin-bottom: 3px; border-bottom: 1px solid #111111;
}
/* -------------------------------------------------- 22.0 Coming Soon
*/
/* ---- 22.1 Coming Soon - Page 1 ---- */ .comingsoon {
width: 100%; height: 100vh; background: url(../images/hero/white-city.jpg); background-position: 50%; background-size: cover;
}
.comingsoon .content-wrapper {
display: table; width: 100%; height: 100%; background: rgba(244, 244, 244, 0.85);
}
.comingsoon .content-wrapper .content-inner {
display: table-cell; vertical-align: middle; text-align: center;
}
.comingsoon .content-wrapper .content-inner header h1, .comingsoon .content-wrapper .content-inner header .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item header .nbr-timer {
margin-bottom: 30px; font-size: 2em;
}
.comingsoon .content-wrapper .content-inner header p {
color: #999;
}
.comingsoon .content-wrapper .content-inner .cs-timer {
display: block; margin-top: 70px; margin-bottom: 70px;
}
.comingsoon .content-wrapper .content-inner .cs-timer .item {
display: inline-block; margin-right: 15px; margin-left: 15px; margin: 30px 15px; width: 170px; height: 170px; border: 2px solid #111; border-radius: 100px;
}
.comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer {
display: block; margin-top: 45px; font-size: 55px; letter-spacing: 3px; line-height: 55px;
}
.comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #777;
}
.comingsoon .content-wrapper .content-inner form h5, .comingsoon .content-wrapper .content-inner form .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .comingsoon .content-wrapper .content-inner form .ft-heading, .comingsoon .content-wrapper .content-inner form .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .comingsoon .content-wrapper .content-inner form .tab-info, .comingsoon .content-wrapper .content-inner form .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .comingsoon .content-wrapper .content-inner form .widget-comm-title, .comingsoon .content-wrapper .content-inner form .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item form .title-timer, .comingsoon .content-wrapper .content-inner form .-layout-options span, .-layout-options .comingsoon .content-wrapper .content-inner form span {
margin-bottom: 30px;
}
.comingsoon .content-wrapper .content-inner form input[type="email"] {
width: 250px;
}
/* ---- 22.2 Coming Soon - Page 2 ---- */ .comingsoon-2 {
display: table; width: 100%; height: 100vh; background: url(../images/hero/man-rocks.jpg); background-position: 50%; background-size: cover;
}
.comingsoon-2 .content-wrapper {
display: table-cell; width: 100%; height: 100%; vertical-align: middle; background: rgba(244, 244, 244, 0.85);
}
.comingsoon-2 .content-wrapper header {
margin-bottom: 100px;
}
.comingsoon-2 .content-wrapper header h1, .comingsoon-2 .comingsoon .content-wrapper header .content-inner .cs-timer .item .nbr-timer, .comingsoon .comingsoon-2 .content-wrapper header .content-inner .cs-timer .item .nbr-timer, .comingsoon-2 .comingsoon .content-wrapper .content-inner .cs-timer .item header .nbr-timer, .comingsoon .comingsoon-2 .content-wrapper .content-inner .cs-timer .item header .nbr-timer {
margin-bottom: 30px;
}
.comingsoon-2 .content-wrapper header p {
color: #999;
}
.comingsoon-2 .content-wrapper form h5, .comingsoon-2 .content-wrapper form .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .comingsoon-2 .content-wrapper form .ft-heading, .comingsoon-2 .content-wrapper form .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .comingsoon-2 .content-wrapper form .tab-info, .comingsoon-2 .content-wrapper form .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .comingsoon-2 .content-wrapper form .widget-comm-title, .comingsoon-2 .comingsoon .content-wrapper form .content-inner .cs-timer .item .title-timer, .comingsoon .comingsoon-2 .content-wrapper form .content-inner .cs-timer .item .title-timer, .comingsoon-2 .comingsoon .content-wrapper .content-inner .cs-timer .item form .title-timer, .comingsoon .comingsoon-2 .content-wrapper .content-inner .cs-timer .item form .title-timer, .comingsoon-2 .content-wrapper form .-layout-options span, .-layout-options .comingsoon-2 .content-wrapper form span {
margin-bottom: 30px;
}
.comingsoon-2 .content-wrapper form input[type="email"] {
width: 250px;
}
.comingsoon .subscribe-result, .comingsoon-2 .subscribe-result {
display: inline-block;
}
/* -------------------------------------------------- 24.0 404 Page
*/
.wrapper-404 {
display: table; position: relative; width: 100%; height: 100vh; background: #cd5b3c;
}
.wrapper-404 .content-wrapper {
display: table-cell; vertical-align: middle; text-align: center;
}
.wrapper-404 .content-wrapper .lead-wrapper {
display: inline-block;
}
.wrapper-404 .content-wrapper .lead-wrapper h1, .wrapper-404 .comingsoon .content-wrapper .lead-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .wrapper-404 .content-wrapper .lead-wrapper .content-inner .cs-timer .item .nbr-timer, .wrapper-404 .comingsoon .content-wrapper .content-inner .cs-timer .item .lead-wrapper .nbr-timer, .comingsoon .wrapper-404 .content-wrapper .content-inner .cs-timer .item .lead-wrapper .nbr-timer {
padding-right: 30px; border-right: 3px solid #ececec; font-size: 120px; letter-spacing: 20px; color: #ececec;
}
.wrapper-404 .content-wrapper .info-wrapper {
display: inline-block; padding-left: 30px; padding-bottom: 10px; text-align: left; vertical-align: bottom;
}
.wrapper-404 .content-wrapper .info-wrapper .info-404 {
color: #ececec;
}
.wrapper-404 .content-wrapper .links-404 {
display: block; padding: 0; margin: 50px 0 0 400px; list-style: none;
}
.wrapper-404 .content-wrapper .links-404 li {
display: inline-block; margin-right: 10px;
}
.wrapper-404 .content-wrapper .links-404 li a {
vertical-align: middle;
}
/* -------------------------------------------------- 23.0 Maintenance Page
*/
.bg-maintenance {
background: url(../images/hero/chairs.jpg); background-position: 50%; background-size: cover;
}
.bg-maintenance .content-wrapper {
display: table; position: relative; width: 100%; height: 100vh; text-align: center; background: rgba(73, 85, 106, 0.95);
}
.bg-maintenance .content-wrapper .content-inner {
display: table-cell; vertical-align: middle; padding-bottom: 100px;
}
.bg-maintenance .content-wrapper .content-inner i {
display: inline-block; padding: 30px; margin-bottom: 75px; border-radius: 100px; font-size: 50px; color: #777; background: #ececec;
}
.bg-maintenance .content-wrapper .content-inner h3, .bg-maintenance .content-wrapper .content-inner .page-title .subheading, .page-title .bg-maintenance .content-wrapper .content-inner .subheading {
margin-top: 0; margin: 30px; color: #ececec;
}
.bg-maintenance .content-wrapper .content-inner p {
color: #ececec;
}
/* -------------------------------------------------- X Line Icons - Page
*/
.line-icons .how-to-use {
padding-top: 15px; padding-bottom: 15px; border: 1px solid #ccc; background: #f4f4f4;
}
.line-icons .how-to-use p {
margin-top: 15px; font-weight: 400;
}
.line-icons ul {
list-style: none; padding: 0; margin: 0;
}
.line-icons ul li {
display: block; margin-bottom: 40px; padding: 35px 15px; border: 1px solid #ccc; text-align: center; -webkit-transition: background 0.3s; transition: background 0.3s;
}
.line-icons ul li:hover {
background: #f4f4f4;
}
.line-icons ul li:hover span {
color: #111;
}
.line-icons ul li span {
display: block; font-size: 50px; color: #777; -webkit-transition: color 0.5s; transition: color 0.5s;
}
.line-icons ul li p {
margin-top: 25px; font-size: 1.2em; color: #999;
}
/* -------------------------------------------------- 20.0 Hero
*/
/* ---- 20.01 Preloader ---- */ .preloader {
position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #111; z-index: 9999;
}
.preloader img {
display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 50px; height: 50px; margin: auto;
}
/* ---- 20.02 Scroller ---- */ .scroller {
display: inline-block; position: absolute; bottom: 15px; left: 0; right: 0; width: 120px; margin: 0 auto; font-size: 40px; text-align: center; color: rgba(235, 235, 235, 0.5);
}
.scroller:focus {
color: inherit; text-decoration: none;
}
.scroller:hover {
color: #ebebeb;
}
.scroller:hover .scroller-text {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 1;
}
.scroller .scroller-text {
display: block; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: #ececec; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.scroller-dark {
color: rgba(17, 17, 17, 0.5);
}
.scroller-dark:hover {
color: #111111;
}
.scroller-dark .scroller-text {
color: #111;
}
/* ---- 20.03 Hero Sliders Navigation ---- */ .fs-slider:hover .slick-prev, .fs-slider:hover .slick-next, .fw-slider:hover .slick-prev, .fw-slider:hover .slick-next, .text-slider:hover .slick-prev, .text-slider:hover .slick-next {
opacity: 1;
}
.fs-slider .slick-prev, .fs-slider .slick-next, .fw-slider .slick-prev, .fw-slider .slick-next, .text-slider .slick-prev, .text-slider .slick-next {
display: inline-block; position: absolute; top: 45%; width: 60px; height: 60px; border: none; font-size: 30px; color: #111; background: #ececec; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.fs-slider .slick-prev span, .fs-slider .slick-next span, .fw-slider .slick-prev span, .fw-slider .slick-next span, .text-slider .slick-prev span, .text-slider .slick-next span {
line-height: 65px;
}
.fs-slider .slick-prev:focus, .fs-slider .slick-next:focus, .fw-slider .slick-prev:focus, .fw-slider .slick-next:focus, .text-slider .slick-prev:focus, .text-slider .slick-next:focus {
outline: none;
}
.fs-slider .slick-prev:hover, .fs-slider .slick-next:hover, .fw-slider .slick-prev:hover, .fw-slider .slick-next:hover, .text-slider .slick-prev:hover, .text-slider .slick-next:hover {
background: #111; color: #ececec;
}
.fs-slider .slick-prev, .fw-slider .slick-prev, .text-slider .slick-prev {
top: 50%; right: 0;
}
.fs-slider .slick-next, .fw-slider .slick-next, .text-slider .slick-next {
margin-top: -62px; right: 0; top: 50%;
}
/* ---- 20.1 Main Onepage ---- */ .main-demo-hero, .fs-video-hero, .fw-video-hero, .text-slider-hero, .freelancer-hero, .agency2-hero, .animated-hero, .web-app-hero {
position: relative; width: 100%; height: 100vh; background: url(../images/hero/fog.jpg); background-size: cover; background-attachment: fixed;
}
.main-demo-hero .bg-overlay, .fs-video-hero .bg-overlay, .fw-video-hero .bg-overlay, .text-slider-hero .bg-overlay, .freelancer-hero .bg-overlay, .agency2-hero .bg-overlay, .animated-hero .bg-overlay, .web-app-hero .bg-overlay {
position: absolute; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(236, 236, 236, 0.6);
}
.main-demo-hero .hero-content-wrapper, .fs-video-hero .hero-content-wrapper, .fw-video-hero .hero-content-wrapper, .text-slider-hero .hero-content-wrapper, .freelancer-hero .hero-content-wrapper, .agency2-hero .hero-content-wrapper, .animated-hero .hero-content-wrapper, .web-app-hero .hero-content-wrapper {
display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; padding-left: 10%;
}
.main-demo-hero .hero-content-wrapper .hero-content, .fs-video-hero .hero-content-wrapper .hero-content, .fw-video-hero .hero-content-wrapper .hero-content, .text-slider-hero .hero-content-wrapper .hero-content, .freelancer-hero .hero-content-wrapper .hero-content, .agency2-hero .hero-content-wrapper .hero-content, .animated-hero .hero-content-wrapper .hero-content, .web-app-hero .hero-content-wrapper .hero-content {
display: table-cell; width: 100%; height: 100%; vertical-align: middle;
}
.main-demo-hero .hero-content-wrapper .hero-content .hero-lead, .fs-video-hero .hero-content-wrapper .hero-content .hero-lead, .fw-video-hero .hero-content-wrapper .hero-content .hero-lead, .text-slider-hero .hero-content-wrapper .hero-content .hero-lead, .freelancer-hero .hero-content-wrapper .hero-content .hero-lead, .agency2-hero .hero-content-wrapper .hero-content .hero-lead, .animated-hero .hero-content-wrapper .hero-content .hero-lead, .web-app-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 6em; font-weight: 700; letter-spacing: 2px;
}
.main-demo-hero .hero-content-wrapper .hero-content .hero-subheading, .fs-video-hero .hero-content-wrapper .hero-content .hero-subheading, .fw-video-hero .hero-content-wrapper .hero-content .hero-subheading, .text-slider-hero .hero-content-wrapper .hero-content .hero-subheading, .freelancer-hero .hero-content-wrapper .hero-content .hero-subheading, .agency2-hero .hero-content-wrapper .hero-content .hero-subheading, .animated-hero .hero-content-wrapper .hero-content .hero-subheading, .web-app-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 100px; margin-bottom: 20px; color: #999;
}
/* ---- 20.2 Full Screen Slider ---- */ .fs-slider-hero .fs-slider .fs-slider-item {
position: relative; width: 100%; height: 100vh;
}
.fs-slider-hero .fs-slider .fs-slider-item .bg-overlay {
position: absolute; width: 100%; height: 100vh; top: 0; left: 0;
}
.fs-slider-hero .fs-slider .fs-slider-item .hero-content-wrapper {
display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100vh;
}
.fs-slider-hero .fs-slider .fs-slider-item .hero-content-wrapper .hero-content {
display: table-cell; width: 100%; height: 100vh; vertical-align: middle;
}
.fs-slide-1 {
background: url(../images/hero/hero-shore.jpg); background-size: cover;
}
.fs-slide-1 .bg-overlay {
background: rgba(17, 17, 17, 0.7);
}
.fs-slide-1 .hero-content {
text-align: center;
}
.fs-slide-1 .hero-content .hero-lead {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 6em; font-weight: 800; letter-spacing: 5px; color: #ececec;
}
.fs-slide-1 .hero-content .hero-subheading {
margin-top: 100px; margin-bottom: 20px; color: #999;
}
.fs-slide-2 {
background: url(../images/hero/fs-slider.jpg); background-size: cover;
}
.fs-slide-2 .bg-overlay {
background: rgba(17, 17, 17, 0.7);
}
.fs-slide-2 .hero-content {
padding-left: 10%; text-align: left;
}
.fs-slide-2 .hero-content .hero-lead {
font-size: 6.5em; font-weight: 700; letter-spacing: 5px; color: #ececec;
}
.fs-slide-2 .hero-content .hero-lead span {
font-weight: 300;
}
.fs-slide-2 .hero-content .hero-subheading {
margin-top: 50px; margin-bottom: 30px; color: #999;
}
.fs-slide-3 {
background: url(../images/hero/main.jpg); background-size: cover;
}
.fs-slide-3 .bg-overlay {
background: rgba(17, 17, 17, 0.7);
}
.fs-slide-3 .hero-content {
text-align: center;
}
.fs-slide-3 .hero-content .hero-lead {
margin-bottom: 35px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 4em; font-weight: 800; letter-spacing: 15px; color: #ececec;
}
.fs-slide-3 .hero-content .hero-lead span {
font-weight: 300;
}
.fs-slide-3 .hero-content .hero-subheading {
margin-top: 100px; margin-bottom: 20px; color: #999;
}
/* ---- 20.3 Full Width Slider ---- */ .fw-slider-hero {
position: relative; width: 100%; height: 600px;
}
.fw-slider-hero .fw-slider .fw-slider-item {
position: relative; width: 100%; height: 600px;
}
.fw-slider-hero .fw-slider .fw-slider-item .bg-overlay {
position: absolute; width: 100%; height: 600px; top: 0; left: 0;
}
.fw-slider-hero .fw-slider .fw-slider-item .hero-content-wrapper {
display: table; width: 100%; height: 600px;
}
.fw-slider-hero .fw-slider .fw-slider-item .hero-content-wrapper .hero-content {
display: table-cell; width: 100%; height: 600px; vertical-align: middle; text-align: center;
}
.fw-slider-hero .fw-slide-1, .fw-slider-hero .fw-slide-3 {
background: url(../images/hero/man-rocks.jpg); background-size: cover; background-position: 50%;
}
.fw-slider-hero .fw-slide-1 .bg-overlay, .fw-slider-hero .fw-slide-3 .bg-overlay {
background: rgba(17, 17, 17, 0.7);
}
.fw-slider-hero .fw-slide-1 .hero-content-wrapper .hero-content .hero-lead, .fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-lead {
margin-bottom: 20px; font-size: 4em; font-weight: 700; letter-spacing: 20px; color: #ececec;
}
.fw-slider-hero .fw-slide-1 .hero-content-wrapper .hero-content .hero-subheading, .fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 0; margin-bottom: 50px; color: #999;
}
.fw-slider-hero .fw-slide-2 {
background: url(../images/hero/edge.jpg); background-size: cover; background-position: 50%;
}
.fw-slider-hero .fw-slide-2 .bg-overlay {
background: rgba(17, 17, 17, 0.75);
}
.fw-slider-hero .fw-slide-2 .hero-content-wrapper {
padding-left: 10%;
}
.fw-slider-hero .fw-slide-2 .hero-content-wrapper .hero-content {
text-align: left !important;
}
.fw-slider-hero .fw-slide-2 .hero-content-wrapper .hero-content .hero-lead {
margin-bottom: 50px; font-size: 5em; font-weight: 700; letter-spacing: 5px; color: #ececec;
}
.fw-slider-hero .fw-slide-2 .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 0; margin-bottom: 30px; color: #999;
}
.fw-slider-hero .fw-slide-3 {
background: url(../images/hero/coffe.jpg); background-size: cover; background-position: 50%;
}
.fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-lead {
margin-top: 40px; margin-bottom: 50px;
}
.fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-subheading {
margin: 0;
}
/* ---- 20.4 Full Screen Video ---- */ .fs-video-hero, .fw-video-hero {
background: url(../images/hero/edge.jpg); background-size: cover;
}
.fs-video-hero .bg-overlay, .fw-video-hero .bg-overlay {
background: rgba(17, 17, 17, 0.4);
}
.fs-video-hero .hero-content-wrapper .hero-content .hero-lead, .fw-video-hero .hero-content-wrapper .hero-content .hero-lead {
color: #ececec;
}
.fs-video-hero .hero-content-wrapper .hero-content .hero-subheading, .fw-video-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 100px; margin-bottom: 20px; color: #999;
}
/* ---- 20.5 Full Width Video ---- */ .fw-video-hero {
height: 600px;
}
.fw-video-hero .bg-overlay {
height: 600px; background: rgba(17, 17, 17, 0.5);
}
.fw-video-hero .hero-content-wrapper {
height: 600px;
}
.fw-video-hero .hero-content-wrapper .hero-content {
height: 600px;
}
.fw-video-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 5em; color: #ececec;
}
.fw-video-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 50px; margin-bottom: 30px; color: #999;
}
/* ---- 20.6 Text Slider ---- */ .text-slider-hero {
background: url(../images/hero/text-slider.jpg); background-size: cover; background-position: 50%;
}
.text-slider-hero .bg-overlay {
background: rgba(17, 17, 17, 0.6);
}
.text-slider-hero .hero-content-wrapper {
left: 0; right: 0; padding-left: 0;
}
.text-slider-hero .hero-content-wrapper .hero-content {
text-align: center;
}
.text-slider-hero .hero-content-wrapper .hero-content .hero-lead {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 9em; font-weight: 800; letter-spacing: 20px; color: #ececec;
}
.text-slider-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 50px; margin-bottom: 20px; color: #999;
}
/* ---- 20.7 Freelancer ---- */ .freelancer-hero {
background: url(../images/hero/freelancer.jpg); background-size: cover; background-position: 40%; background-attachment: fixed;
}
.freelancer-hero .bg-overlay {
background: rgba(17, 17, 17, 0.6);
}
.freelancer-hero .hero-content-wrapper {
left: 0; right: 0; padding-left: 0;
}
.freelancer-hero .hero-content-wrapper .hero-content {
text-align: center;
}
.freelancer-hero .hero-content-wrapper .hero-content .hero-lead {
margin-bottom: 50px; font-size: 5em; font-weight: 700; letter-spacing: 15px; color: #ececec;
}
.freelancer-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-bottom: 20px;
}
/* ---- 20.8 Agency ---- */ .agency-hero {
position: relative; width: 100%; height: 100vh; text-align: center; background: #eee;
}
.agency-hero .hero-wrapper {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.agency-hero .hero-wrapper .hero-content {
position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.agency-hero .hero-wrapper .hero-content .lead-img {
max-width: 100%; height: auto;
}
.agency-hero .hero-wrapper .hero-content .text-wrapper {
display: block; padding-top: 160px; text-align: center;
}
.agency-hero .hero-wrapper .hero-content .text-wrapper h4, .agency-hero .hero-wrapper .hero-content .text-wrapper .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .agency-hero .hero-wrapper .hero-content .text-wrapper .tab-heading, .agency-hero .hero-wrapper .hero-content .text-wrapper .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .agency-hero .hero-wrapper .hero-content .text-wrapper cite, .agency-hero .hero-wrapper .hero-content .text-wrapper .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .agency-hero .hero-wrapper .hero-content .text-wrapper .t-role, .agency-hero .hero-wrapper .hero-content .text-wrapper .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .agency-hero .hero-wrapper .hero-content .text-wrapper .t-role, .agency-hero .hero-wrapper .hero-content .text-wrapper .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .agency-hero .hero-wrapper .hero-content .text-wrapper .t-role, .agency-hero .hero-wrapper .hero-content .text-wrapper .t-join .t-info .t-role, .t-join .t-info .agency-hero .hero-wrapper .hero-content .text-wrapper .t-role, .agency-hero .hero-wrapper .hero-content .text-wrapper .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .agency-hero .hero-wrapper .hero-content .text-wrapper .cards-header, .agency-hero .hero-wrapper .hero-content .text-wrapper .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .agency-hero .hero-wrapper .hero-content .text-wrapper .sc-lead {
color: #777;
}
.agency-hero .hero-wrapper .hero-content .text-wrapper p {
color: #999;
}
.agency2-hero {
background: url(../images/hero/tri.jpg); background-size: cover; background-position: 50%; background-attachment: fixed;
}
.agency2-hero .bg-overlay {
background: rgba(17, 17, 17, 0.5);
}
.agency2-hero .large-header .demo-canvas {
max-width: 100%;
}
.agency2-hero .hero-content-wrapper {
padding-left: 0;
}
.agency2-hero .hero-content-wrapper .hero-content {
text-align: center;
}
.agency2-hero .hero-content-wrapper .hero-content h1, .agency2-hero .hero-content-wrapper .hero-content .comingsoon .content-wrapper .content-inner .cs-timer .item .nbr-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .agency2-hero .hero-content-wrapper .hero-content .nbr-timer, .agency2-hero .hero-content-wrapper .hero-content h2, .agency2-hero .hero-content-wrapper .hero-content h3, .agency2-hero .hero-content-wrapper .hero-content .page-title .subheading, .page-title .agency2-hero .hero-content-wrapper .hero-content .subheading, .agency2-hero .hero-content-wrapper .hero-content h4, .agency2-hero .hero-content-wrapper .hero-content .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .agency2-hero .hero-content-wrapper .hero-content .tab-heading, .agency2-hero .hero-content-wrapper .hero-content .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .agency2-hero .hero-content-wrapper .hero-content cite, .agency2-hero .hero-content-wrapper .hero-content .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .agency2-hero .hero-content-wrapper .hero-content .t-role, .agency2-hero .hero-content-wrapper .hero-content .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .agency2-hero .hero-content-wrapper .hero-content .t-role, .agency2-hero .hero-content-wrapper .hero-content .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .agency2-hero .hero-content-wrapper .hero-content .t-role, .agency2-hero .hero-content-wrapper .hero-content .t-join .t-info .t-role, .t-join .t-info .agency2-hero .hero-content-wrapper .hero-content .t-role, .agency2-hero .hero-content-wrapper .hero-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .agency2-hero .hero-content-wrapper .hero-content .cards-header, .agency2-hero .hero-content-wrapper .hero-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .agency2-hero .hero-content-wrapper .hero-content .sc-lead, .agency2-hero .hero-content-wrapper .hero-content h6, .agency2-hero .hero-content-wrapper .hero-content .progress-group .progress-title, .progress-group .agency2-hero .hero-content-wrapper .hero-content .progress-title, .agency2-hero .hero-content-wrapper .hero-content .progress-group .progress-value, .progress-group .agency2-hero .hero-content-wrapper .hero-content .progress-value, .agency2-hero .hero-content-wrapper .hero-content .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .agency2-hero .hero-content-wrapper .hero-content .panel-title, .agency2-hero .hero-content-wrapper .hero-content .footer-social-links ul li, .footer-social-links ul .agency2-hero .hero-content-wrapper .hero-content li, .agency2-hero .hero-content-wrapper .hero-content .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .agency2-hero .hero-content-wrapper .hero-content .show-info-link, .agency2-hero .hero-content-wrapper .hero-content .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .agency2-hero .hero-content-wrapper .hero-content .adr-heading, .agency2-hero .hero-content-wrapper .hero-content .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .agency2-hero .hero-content-wrapper .hero-content .show-map, .agency2-hero .hero-content-wrapper .hero-content .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .agency2-hero .hero-content-wrapper .hero-content .adr-heading, .agency2-hero .hero-content-wrapper .hero-content .ft-cards .ft-item a, .ft-cards .ft-item .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .agency2-hero .hero-content-wrapper .hero-content .link-btn, .agency2-hero .hero-content-wrapper .hero-content .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .circles-counters .circle-item .circle-text, .circles-counters .circle-item .agency2-hero .hero-content-wrapper .hero-content .circle-text, .agency2-hero .hero-content-wrapper .hero-content .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .agency2-hero .hero-content-wrapper .hero-content .circle-text, .agency2-hero .hero-content-wrapper .hero-content .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .agency2-hero .hero-content-wrapper .hero-content .count-text, .agency2-hero .hero-content-wrapper .hero-content .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .agency2-hero .hero-content-wrapper .hero-content .count-text, .agency2-hero .hero-content-wrapper .hero-content .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .pricing-tables .p-table .desc, .pricing-tables .p-table .agency2-hero .hero-content-wrapper .hero-content .desc, .agency2-hero .hero-content-wrapper .hero-content .blog-post-nav .prev-btn, .blog-post-nav .agency2-hero .hero-content-wrapper .hero-content .prev-btn, .agency2-hero .hero-content-wrapper .hero-content .blog-post-nav .next-btn, .blog-post-nav .agency2-hero .hero-content-wrapper .hero-content .next-btn, .agency2-hero .hero-content-wrapper .hero-content .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .agency2-hero .hero-content-wrapper .hero-content span, .agency2-hero .hero-content-wrapper .hero-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .agency2-hero .hero-content-wrapper .hero-content p, .agency2-hero .hero-content-wrapper .hero-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .agency2-hero .hero-content-wrapper .hero-content .cta-btn, .agency2-hero .hero-content-wrapper .hero-content .-sidebar .filter-widget label, .-sidebar .filter-widget .agency2-hero .hero-content-wrapper .hero-content label, .agency2-hero .hero-content-wrapper .hero-content .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .agency2-hero .hero-content-wrapper .hero-content label, .agency2-hero .hero-content-wrapper .hero-content .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .agency2-hero .hero-content-wrapper .hero-content a, .agency2-hero .hero-content-wrapper .hero-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .agency2-hero .hero-content-wrapper .hero-content td:first-child, .agency2-hero .hero-content-wrapper .hero-content .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .agency2-hero .hero-content-wrapper .hero-content .tpr-name {
color: #ececec;
}
.agency2-hero .hero-content-wrapper .hero-content .hero-lead {
margin-top: 0; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 4em; font-weight: 400; letter-spacing: 10px; color: #ececec;
}
.agency2-hero .hero-content-wrapper .hero-content .hero-secondary {
letter-spacing: 10px;
}
.agency2-hero .hero-content-wrapper .hero-content .btn, .agency2-hero .hero-content-wrapper .hero-content .btn-ghost, .agency2-hero .hero-content-wrapper .hero-content .btn-ghost-light, .agency2-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .agency2-hero .hero-content-wrapper .hero-content .btn-ghost-light, .agency2-hero .hero-content-wrapper .hero-content .btn-text, .agency2-hero .hero-content-wrapper .hero-content .btn-text-light, .agency2-hero .hero-content-wrapper .hero-content .btn-light, .agency2-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .agency2-hero .hero-content-wrapper .hero-content .btn-ghost, .agency2-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .agency2-hero .hero-content-wrapper .hero-content .btn-light {
margin-top: 50px;
}
.agency2-hero .hero-content-wrapper .hero-content img {
margin-bottom: 50px;
}
/* ---- 20.9 Animated Heading ---- */ .animated-hero {
background: url(../images/hero/back-1.jpg); background-size: cover; background-position: 50%; background-attachment: fixed;
}
.animated-hero .bg-overlay {
background: rgba(17, 17, 17, 0.4);
}
.animated-hero .hero-content-wrapper {
left: 0; right: 0; padding-left: 0;
}
.animated-hero .hero-content-wrapper .hero-content {
text-align: center;
}
.animated-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 6.5em; font-weight: 700; letter-spacing: 20px; color: #ececec;
}
.animated-hero .hero-content-wrapper .hero-content .hero-lead span {
text-align: center;
}
.animated-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 50px; margin-bottom: 20px; color: #999;
}
/* ---- 20.10 Kenburn Slider ---- */ .kenburn-hero .kenburn-slider {
overflow: hidden;
}
.kenburn-hero .kenburn-slider .slick-dots {
display: block; position: absolute; bottom: 50px; left: 10%;
}
.kenburn-hero .kenburn-slider .slick-dots li:hover {
border-color: transparent; background: #ececec;
}
.kenburn-hero .kenburn-slider canvas {
position: relative; top: 0; width: 100vw; height: 100vh;
}
.kenburn-hero .kenburn-slider .hero-wrapper {
display: table; position: absolute; padding-left: 10%; padding-right: 10%; top: 0; left: 0; width: 100%; height: 100vh; text-align: center; background: rgba(17, 17, 17, 0.4); z-index: 2;
}
.kenburn-hero .kenburn-slider .hero-wrapper .hero-content {
display: table-cell; text-align: left; vertical-align: middle;
}
.kenburn-hero .kenburn-slider .hero-wrapper .hero-content h4, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .tab-heading, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .kenburn-hero .kenburn-slider .hero-wrapper .hero-content cite, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-role, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-role, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-role, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-join .t-info .t-role, .t-join .t-info .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .t-role, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .cards-header, .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .kenburn-hero .kenburn-slider .hero-wrapper .hero-content .sc-lead {
color: #ececec; margin-bottom: 50px;
}
.kenburn-hero .kenburn-slider .hero-wrapper .hero-content .lead-white-bg {
display: inline-block; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; font-size: 6em; color: #111;
}
.kenburn-hero .kenburn-slider .hero-wrapper .hero-content .lead-white-bg span {
display: inline-block; padding: 5px 17px; margin-bottom: 10px; background: #fff;
}
.kenburn-hero .scroller {
z-index: 3;
}
/* ---- 20.11 Landing Page ---- */ .landing-hero {
position: relative; width: 100%; height: 100vh; background: url(../images/hero/landing.jpg); background-size: cover; background-position: 40%; background-attachment: fixed;
}
.landing-hero .bg-overlay {
height: 100vh; width: 100%; background: rgba(17, 17, 17, 0.6);
}
.landing-hero .hero-wrapper {
display: table; width: 100%; height: 100vh;
}
.landing-hero .hero-wrapper .hero-content {
display: table-cell; width: 100%; height: 100%; vertical-align: middle;
}
.landing-hero .heading-wrapper {
text-align: left;
}
.landing-hero .heading-wrapper .lead {
font-size: 2.5em; letter-spacing: 5px; color: #ececec;
}
.landing-hero .heading-wrapper .subheading {
margin-bottom: 50px; letter-spacing: 4px; color: #999;
}
.landing-hero .heading-wrapper .cta-btn {
display: block; margin-top: 75px; color: #999;
}
.landing-hero .heading-wrapper .cta-btn:hover {
color: #fff;
}
.landing-hero .heading-wrapper .cta-btn:focus, .landing-hero .heading-wrapper .cta-btn:visited {
text-decoration: none;
}
.landing-hero .form-wrapper {
padding: 75px; background: rgba(17, 17, 17, 0.2);
}
.landing-hero .form-wrapper input {
margin-bottom: 30px;
}
.landing-hero .form-wrapper input:last-child {
margin: 0;
}
/* ---- 20.12 App Landing Page ---- */ .app-hero {
height: 100vh;
}
.app-hero .row {
position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.app-hero .hero-text {
padding-top: 50px;
}
.app-hero .hero-text .hero-lead {
margin-bottom: 50px; font-size: 3.4em; font-weight: 700; letter-spacing: 10px;
}
.app-hero .hero-text p {
margin-bottom: 30px; color: #999;
}
.app-hero .hero-text .btn-light {
margin-left: 10px;
}
.app-hero .hero-img-container img {
height: 475px;
}
.web-app-hero {
background: url(../images/hero/white-desk.jpg); background-size: cover; background-position: 50%; background-attachment: fixed;
}
.web-app-hero .bg-overlay {
background: none;
}
.web-app-hero .hero-content-wrapper {
padding-left: 0;
}
.web-app-hero .hero-content-wrapper .hero-content {
text-align: center;
}
.web-app-hero .hero-content-wrapper .hero-content .hero-lead {
margin-top: 0; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 70px; letter-spacing: 10px;
}
.web-app-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 0;
}
.web-app-hero .hero-content-wrapper .hero-content .btn, .web-app-hero .hero-content-wrapper .hero-content .btn-ghost, .web-app-hero .hero-content-wrapper .hero-content .btn-ghost-light, .web-app-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .web-app-hero .hero-content-wrapper .hero-content .btn-ghost-light, .web-app-hero .hero-content-wrapper .hero-content .btn-text, .web-app-hero .hero-content-wrapper .hero-content .btn-text-light, .web-app-hero .hero-content-wrapper .hero-content .btn-light, .web-app-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-ghost, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .web-app-hero .hero-content-wrapper .hero-content .btn-ghost, .web-app-hero .hero-content-wrapper .hero-content .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .btn-light, .navbar .navbar-nav .dropdown .cart-dropdown .cart-btns .web-app-hero .hero-content-wrapper .hero-content .btn-light {
margin-top: 50px;
}
/* -------------------------------------------------- 25.0 Labels
*/
.label {
border-radius: 0;
}
.label-dark {
background-color: #111;
}
.label-red {
background-color: #DB211E;
}
.label-green {
background-color: #0BBE30;
}
.label-yellow {
background-color: #FCD741;
}
.label-gray {
background-color: #7E8C95;
}
.label-outline {
padding: 0.1em 0.5em 0.2em; border: 2px solid #111; background-color: none; color: #111;
}
.label-lg {
padding: 0.55em 0.9em;
}
.label-sm {
padding: 0.1em 0.5em;
}
/* -------------------------------------------------- 26.0 Hover Effects
*/
/* ---- 26.1 Hover Default - Effect ---- */ .hover-default .p-hover, .hover-light .p-hover {
display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.8); overflow: hidden; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;
}
.hover-default .p-hover .p-content, .hover-light .p-hover .p-content {
position: absolute; left: 40px; right: 40px; bottom: 25px; -webkit-transition: bottom 0.5s; transition: bottom 0.5s;
}
.hover-default .p-hover .p-content h2:first-child, .hover-light .p-hover .p-content h2:first-child, .hover-default .p-hover .p-content h3:first-child, .hover-light .p-hover .p-content h3:first-child, .hover-default .p-hover .p-content .page-title .subheading:first-child, .page-title .hover-default .p-hover .p-content .subheading:first-child, .hover-light .p-hover .p-content .page-title .subheading:first-child, .page-title .hover-light .p-hover .p-content .subheading:first-child, .hover-default .p-hover .p-content h4:first-child, .hover-light .p-hover .p-content h4:first-child, .hover-default .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .hover-default .p-hover .p-content .tab-heading:first-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-heading:first-child, .hover-default .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-default .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-light .p-hover .p-content cite:first-child, .hover-default .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .hover-default .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-default .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .hover-default .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-default .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .hover-default .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-default .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .hover-default .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-default .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-default .p-hover .p-content .cards-header:first-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-light .p-hover .p-content .cards-header:first-child, .hover-default .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-default .p-hover .p-content .sc-lead:first-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-light .p-hover .p-content .sc-lead:first-child, .hover-default .p-hover .p-content h5:first-child, .hover-light .p-hover .p-content h5:first-child, .hover-default .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .hover-default .p-hover .p-content .ft-heading:first-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content .ft-heading:first-child, .hover-default .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .hover-default .p-hover .p-content .tab-info:first-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-info:first-child, .hover-default .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .hover-default .p-hover .p-content .widget-comm-title:first-child, .hover-light .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .hover-light .p-hover .p-content .widget-comm-title:first-child, .hover-default .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-default .p-hover .p-content .title-timer:first-child, .hover-light .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-light .p-hover .p-content .title-timer:first-child, .hover-default .p-hover .p-content .-layout-options span:first-child, .-layout-options .hover-default .p-hover .p-content span:first-child, .hover-light .p-hover .p-content .-layout-options span:first-child, .-layout-options .hover-light .p-hover .p-content span:first-child, .hover-default .p-hover .p-content h6:first-child, .hover-light .p-hover .p-content h6:first-child, .hover-default .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .hover-default .p-hover .p-content .progress-title:first-child, .hover-light .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .hover-light .p-hover .p-content .progress-title:first-child, .hover-default .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .hover-default .p-hover .p-content .progress-value:first-child, .hover-light .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .hover-light .p-hover .p-content .progress-value:first-child, .hover-default .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .hover-default .p-hover .p-content .panel-title:first-child, .hover-light .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .hover-light .p-hover .p-content .panel-title:first-child, .hover-default .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .hover-default .p-hover .p-content li:first-child, .hover-light .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .hover-light .p-hover .p-content li:first-child, .hover-default .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .hover-default .p-hover .p-content .show-info-link:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .hover-light .p-hover .p-content .show-info-link:first-child, .hover-default .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .hover-default .p-hover .p-content .adr-heading:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .hover-light .p-hover .p-content .adr-heading:first-child, .hover-default .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .hover-default .p-hover .p-content .show-map:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .hover-light .p-hover .p-content .show-map:first-child, .hover-default .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .hover-default .p-hover .p-content .adr-heading:first-child, .hover-light .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .hover-light .p-hover .p-content .adr-heading:first-child, .hover-default .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .hover-default .p-hover .p-content .link-btn:first-child, .hover-light .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .hover-light .p-hover .p-content .link-btn:first-child, .hover-default .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .hover-default .p-hover .p-content .circle-text:first-child, .hover-light .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .hover-light .p-hover .p-content .circle-text:first-child, .hover-default .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .hover-default .p-hover .p-content .circle-text:first-child, .hover-light .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .hover-light .p-hover .p-content .circle-text:first-child, .hover-default .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .hover-default .p-hover .p-content .count-text:first-child, .hover-light .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:first-child, .hover-default .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .hover-default .p-hover .p-content .count-text:first-child, .hover-light .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:first-child, .hover-default .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .hover-default .p-hover .p-content .desc:first-child, .hover-light .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .hover-light .p-hover .p-content .desc:first-child, .hover-default .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .hover-default .p-hover .p-content .prev-btn:first-child, .hover-light .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .hover-light .p-hover .p-content .prev-btn:first-child, .hover-default .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .hover-default .p-hover .p-content .next-btn:first-child, .hover-light .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .hover-light .p-hover .p-content .next-btn:first-child, .hover-default .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content span:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content span:first-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content p:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content p:first-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .hover-default .p-hover .p-content .cta-btn:first-child, .hover-light .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .hover-light .p-hover .p-content .cta-btn:first-child, .hover-default .p-hover .p-content .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .hover-default .p-hover .p-content label:first-child, .hover-light .p-hover .p-content .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .hover-light .p-hover .p-content label:first-child, .hover-default .p-hover .p-content .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .hover-default .p-hover .p-content label:first-child, .hover-light .p-hover .p-content .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .hover-light .p-hover .p-content label:first-child, .hover-default .p-hover .p-content .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .hover-default .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-default .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .hover-default .p-hover .p-content td:first-child, .hover-light .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .hover-light .p-hover .p-content td:first-child, .hover-default .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .hover-default .p-hover .p-content .tpr-name:first-child, .hover-light .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .hover-light .p-hover .p-content .tpr-name:first-child, .hover-default .p-hover .p-content p:first-child, .hover-light .p-hover .p-content p:first-child, .hover-default .p-hover .p-content span:first-child, .hover-light .p-hover .p-content span:first-child {
margin-top: 0; margin-bottom: 0; color: #ececec;
}
.hover-default .p-hover .p-content h2:last-child, .hover-light .p-hover .p-content h2:last-child, .hover-default .p-hover .p-content h3:last-child, .hover-light .p-hover .p-content h3:last-child, .hover-default .p-hover .p-content .page-title .subheading:last-child, .page-title .hover-default .p-hover .p-content .subheading:last-child, .hover-light .p-hover .p-content .page-title .subheading:last-child, .page-title .hover-light .p-hover .p-content .subheading:last-child, .hover-default .p-hover .p-content h4:last-child, .hover-light .p-hover .p-content h4:last-child, .hover-default .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .hover-default .p-hover .p-content .tab-heading:last-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-heading:last-child, .hover-default .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-default .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-light .p-hover .p-content cite:last-child, .hover-default .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .hover-default .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-default .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .hover-default .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-default .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .hover-default .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-default .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .hover-default .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-default .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-default .p-hover .p-content .cards-header:last-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-light .p-hover .p-content .cards-header:last-child, .hover-default .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-default .p-hover .p-content .sc-lead:last-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-light .p-hover .p-content .sc-lead:last-child, .hover-default .p-hover .p-content h5:last-child, .hover-light .p-hover .p-content h5:last-child, .hover-default .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .hover-default .p-hover .p-content .ft-heading:last-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content .ft-heading:last-child, .hover-default .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .hover-default .p-hover .p-content .tab-info:last-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-info:last-child, .hover-default .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .hover-default .p-hover .p-content .widget-comm-title:last-child, .hover-light .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .hover-light .p-hover .p-content .widget-comm-title:last-child, .hover-default .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-default .p-hover .p-content .title-timer:last-child, .hover-light .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-light .p-hover .p-content .title-timer:last-child, .hover-default .p-hover .p-content .-layout-options span:last-child, .-layout-options .hover-default .p-hover .p-content span:last-child, .hover-light .p-hover .p-content .-layout-options span:last-child, .-layout-options .hover-light .p-hover .p-content span:last-child, .hover-default .p-hover .p-content h6:last-child, .hover-light .p-hover .p-content h6:last-child, .hover-default .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .hover-default .p-hover .p-content .progress-title:last-child, .hover-light .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .hover-light .p-hover .p-content .progress-title:last-child, .hover-default .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .hover-default .p-hover .p-content .progress-value:last-child, .hover-light .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .hover-light .p-hover .p-content .progress-value:last-child, .hover-default .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .hover-default .p-hover .p-content .panel-title:last-child, .hover-light .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .hover-light .p-hover .p-content .panel-title:last-child, .hover-default .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .hover-default .p-hover .p-content li:last-child, .hover-light .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .hover-light .p-hover .p-content li:last-child, .hover-default .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .hover-default .p-hover .p-content .show-info-link:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .hover-light .p-hover .p-content .show-info-link:last-child, .hover-default .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .hover-default .p-hover .p-content .adr-heading:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .hover-light .p-hover .p-content .adr-heading:last-child, .hover-default .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .hover-default .p-hover .p-content .show-map:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .hover-light .p-hover .p-content .show-map:last-child, .hover-default .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .hover-default .p-hover .p-content .adr-heading:last-child, .hover-light .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .hover-light .p-hover .p-content .adr-heading:last-child, .hover-default .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .hover-default .p-hover .p-content .link-btn:last-child, .hover-light .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .hover-light .p-hover .p-content .link-btn:last-child, .hover-default .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .hover-default .p-hover .p-content .circle-text:last-child, .hover-light .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .hover-light .p-hover .p-content .circle-text:last-child, .hover-default .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .hover-default .p-hover .p-content .circle-text:last-child, .hover-light .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .hover-light .p-hover .p-content .circle-text:last-child, .hover-default .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .hover-default .p-hover .p-content .count-text:last-child, .hover-light .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:last-child, .hover-default .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .hover-default .p-hover .p-content .count-text:last-child, .hover-light .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:last-child, .hover-default .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .hover-default .p-hover .p-content .desc:last-child, .hover-light .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .hover-light .p-hover .p-content .desc:last-child, .hover-default .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .hover-default .p-hover .p-content .prev-btn:last-child, .hover-light .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .hover-light .p-hover .p-content .prev-btn:last-child, .hover-default .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .hover-default .p-hover .p-content .next-btn:last-child, .hover-light .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .hover-light .p-hover .p-content .next-btn:last-child, .hover-default .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content span:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content span:last-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-default .p-hover .p-content p:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content p:last-child, .hover-default .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .hover-default .p-hover .p-content .cta-btn:last-child, .hover-light .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .hover-light .p-hover .p-content .cta-btn:last-child, .hover-default .p-hover .p-content .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .hover-default .p-hover .p-content label:last-child, .hover-light .p-hover .p-content .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .hover-light .p-hover .p-content label:last-child, .hover-default .p-hover .p-content .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .hover-default .p-hover .p-content label:last-child, .hover-light .p-hover .p-content .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .hover-light .p-hover .p-content label:last-child, .hover-default .p-hover .p-content .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .hover-default .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-default .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .hover-default .p-hover .p-content td:last-child:first-child, .hover-light .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .hover-light .p-hover .p-content td:last-child:first-child, .hover-default .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .hover-default .p-hover .p-content .tpr-name:last-child, .hover-light .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .hover-light .p-hover .p-content .tpr-name:last-child, .hover-default .p-hover .p-content p:last-child, .hover-light .p-hover .p-content p:last-child, .hover-default .p-hover .p-content span:last-child, .hover-light .p-hover .p-content span:last-child {
margin-top: 10px; margin-bottom: 0; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2.5px; color: #999;
}
.hover-default .p-hover:hover, .hover-light .p-hover:hover {
opacity: 1;
}
.hover-default .p-hover:hover .p-content, .hover-light .p-hover:hover .p-content {
bottom: 45px;
}
.hover-default .p-hover:hover .open-btn, .hover-light .p-hover:hover .open-btn {
top: 0;
}
.hover-default .open-btn, .hover-light .open-btn {
position: absolute; padding-top: 22px; width: 60px; height: 60px; right: 0; top: -60px; font-size: 15px; text-align: center; line-height: 0; color: #111; background: #ececec; -webkit-transition: top .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: #111;
}
.hover-light .p-hover {
background: rgba(236, 236, 236, 0.9);
}
.hover-light .p-hover .p-content h2:first-child, .hover-light .p-hover .p-content h3:first-child, .hover-light .p-hover .p-content .page-title .subheading:first-child, .page-title .hover-light .p-hover .p-content .subheading:first-child, .hover-light .p-hover .p-content h4:first-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:first-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-heading:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:first-child, .testimonials-3col .t-item blockquote footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:first-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:first-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:first-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:first-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-light .p-hover .p-content cite:first-child, .hover-light .p-hover .p-content .team-3col .t-item .t-info .t-role:first-child, .team-3col .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .team-4col .t-item .t-info .t-role:first-child, .team-4col .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .freelancer-about .t-item .t-info .t-role:first-child, .freelancer-about .t-item .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .t-join .t-info .t-role:first-child, .t-join .t-info .hover-light .p-hover .p-content .t-role:first-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:first-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-light .p-hover .p-content .cards-header:first-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:first-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-light .p-hover .p-content .sc-lead:first-child, .hover-light .p-hover .p-content h5:first-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:first-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content .ft-heading:first-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:first-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-info:first-child, .hover-light .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:first-child, .sidebar .comments-widget .widget-item span .hover-light .p-hover .p-content .widget-comm-title:first-child, .hover-light .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:first-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-light .p-hover .p-content .title-timer:first-child, .hover-light .p-hover .p-content .-layout-options span:first-child, .-layout-options .hover-light .p-hover .p-content span:first-child, .hover-light .p-hover .p-content h6:first-child, .hover-light .p-hover .p-content .progress-group .progress-title:first-child, .progress-group .hover-light .p-hover .p-content .progress-title:first-child, .hover-light .p-hover .p-content .progress-group .progress-value:first-child, .progress-group .hover-light .p-hover .p-content .progress-value:first-child, .hover-light .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:first-child, .accordions-1 .panel .panel-heading .hover-light .p-hover .p-content .panel-title:first-child, .hover-light .p-hover .p-content .footer-social-links ul li:first-child, .footer-social-links ul .hover-light .p-hover .p-content li:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info .show-info-link:first-child, .footer-contact .contact-info .hover-light .p-hover .p-content .show-info-link:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:first-child, .footer-contact .contact-info address ul li .hover-light .p-hover .p-content .adr-heading:first-child, .hover-light .p-hover .p-content .footer-contact .contact-info address .show-map:first-child, .footer-contact .contact-info address .hover-light .p-hover .p-content .show-map:first-child, .hover-light .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:first-child, .footer-litle address ul li .adr-group .hover-light .p-hover .p-content .adr-heading:first-child, .hover-light .p-hover .p-content .ft-cards .ft-item a:first-child, .ft-cards .ft-item .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:first-child, .ft-cards-2 .ft-card-item .ft-content .hover-light .p-hover .p-content .link-btn:first-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content a:first-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .circles-counters .circle-item .circle-text:first-child, .circles-counters .circle-item .hover-light .p-hover .p-content .circle-text:first-child, .hover-light .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:first-child, .circles-counters-dark-bg .circle-item .hover-light .p-hover .p-content .circle-text:first-child, .hover-light .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:first-child, .number-counters .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:first-child, .hover-light .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:first-child, .number-counters-dark-bg .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:first-child, .hover-light .p-hover .p-content .project-nav nav .nav-btns li a:first-child, .project-nav nav .nav-btns li .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .pricing-tables .p-table .desc:first-child, .pricing-tables .p-table .hover-light .p-hover .p-content .desc:first-child, .hover-light .p-hover .p-content .blog-post-nav .prev-btn:first-child, .blog-post-nav .hover-light .p-hover .p-content .prev-btn:first-child, .hover-light .p-hover .p-content .blog-post-nav .next-btn:first-child, .blog-post-nav .hover-light .p-hover .p-content .next-btn:first-child, .hover-light .p-hover .p-content .sidebar .tags-widget .tag-list li a:first-child, .sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content span:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content p:first-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:first-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:first-child, .landing-hero .heading-wrapper .hover-light .p-hover .p-content .cta-btn:first-child, .hover-light .p-hover .p-content .-sidebar .filter-widget label:first-child, .-sidebar .filter-widget .hover-light .p-hover .p-content label:first-child, .hover-light .p-hover .p-content .-sidebar-vertical .filter-widget label:first-child, .-sidebar-vertical .filter-widget .hover-light .p-hover .p-content label:first-child, .hover-light .p-hover .p-content .-sidebar .tags-widget .tag-list li a:first-child, .-sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:first-child, .-sidebar-vertical .tags-widget .tag-list li .hover-light .p-hover .p-content a:first-child, .hover-light .p-hover .p-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .hover-light .p-hover .p-content td:first-child, .hover-light .p-hover .p-content .prod-reviews .tp-review .tpr-name:first-child, .prod-reviews .tp-review .hover-light .p-hover .p-content .tpr-name:first-child, .hover-light .p-hover .p-content p:first-child, .hover-light .p-hover .p-content span:first-child {
color: #111;
}
.hover-light .p-hover .p-content h2:last-child, .hover-light .p-hover .p-content h3:last-child, .hover-light .p-hover .p-content .page-title .subheading:last-child, .page-title .hover-light .p-hover .p-content .subheading:last-child, .hover-light .p-hover .p-content h4:last-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-heading:last-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-heading:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item blockquote footer cite:last-child, .testimonials-3col .t-item blockquote footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite:last-child, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite:last-child, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite:last-child, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite:last-child, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .hover-light .p-hover .p-content cite:last-child, .hover-light .p-hover .p-content .team-3col .t-item .t-info .t-role:last-child, .team-3col .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .team-4col .t-item .t-info .t-role:last-child, .team-4col .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .freelancer-about .t-item .t-info .t-role:last-child, .freelancer-about .t-item .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .t-join .t-info .t-role:last-child, .t-join .t-info .hover-light .p-hover .p-content .t-role:last-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .form-content .cards-header:last-child, .login-2 .bg-overlay .form-wrapper .form-content .hover-light .p-hover .p-content .cards-header:last-child, .hover-light .p-hover .p-content .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead:last-child, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .hover-light .p-hover .p-content .sc-lead:last-child, .hover-light .p-hover .p-content h5:last-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content .ft-heading:last-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content .ft-heading:last-child, .hover-light .p-hover .p-content .ft-tabs .tabs-list li a .tab-group .tab-info:last-child, .ft-tabs .tabs-list li a .tab-group .hover-light .p-hover .p-content .tab-info:last-child, .hover-light .p-hover .p-content .sidebar .comments-widget .widget-item span .widget-comm-title:last-child, .sidebar .comments-widget .widget-item span .hover-light .p-hover .p-content .widget-comm-title:last-child, .hover-light .p-hover .p-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer:last-child, .comingsoon .content-wrapper .content-inner .cs-timer .item .hover-light .p-hover .p-content .title-timer:last-child, .hover-light .p-hover .p-content .-layout-options span:last-child, .-layout-options .hover-light .p-hover .p-content span:last-child, .hover-light .p-hover .p-content h6:last-child, .hover-light .p-hover .p-content .progress-group .progress-title:last-child, .progress-group .hover-light .p-hover .p-content .progress-title:last-child, .hover-light .p-hover .p-content .progress-group .progress-value:last-child, .progress-group .hover-light .p-hover .p-content .progress-value:last-child, .hover-light .p-hover .p-content .accordions-1 .panel .panel-heading .panel-title:last-child, .accordions-1 .panel .panel-heading .hover-light .p-hover .p-content .panel-title:last-child, .hover-light .p-hover .p-content .footer-social-links ul li:last-child, .footer-social-links ul .hover-light .p-hover .p-content li:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info .show-info-link:last-child, .footer-contact .contact-info .hover-light .p-hover .p-content .show-info-link:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info address ul li .adr-heading:last-child, .footer-contact .contact-info address ul li .hover-light .p-hover .p-content .adr-heading:last-child, .hover-light .p-hover .p-content .footer-contact .contact-info address .show-map:last-child, .footer-contact .contact-info address .hover-light .p-hover .p-content .show-map:last-child, .hover-light .p-hover .p-content .footer-litle address ul li .adr-group .adr-heading:last-child, .footer-litle address ul li .adr-group .hover-light .p-hover .p-content .adr-heading:last-child, .hover-light .p-hover .p-content .ft-cards .ft-item a:last-child, .ft-cards .ft-item .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .ft-cards-2 .ft-card-item .ft-content .link-btn:last-child, .ft-cards-2 .ft-card-item .ft-content .hover-light .p-hover .p-content .link-btn:last-child, .hover-light .p-hover .p-content .ft-boxed-hover ul li .hover-content a:last-child, .ft-boxed-hover ul li .hover-content .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .circles-counters .circle-item .circle-text:last-child, .circles-counters .circle-item .hover-light .p-hover .p-content .circle-text:last-child, .hover-light .p-hover .p-content .circles-counters-dark-bg .circle-item .circle-text:last-child, .circles-counters-dark-bg .circle-item .hover-light .p-hover .p-content .circle-text:last-child, .hover-light .p-hover .p-content .number-counters .count-wrapper .count-item .count-text:last-child, .number-counters .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:last-child, .hover-light .p-hover .p-content .number-counters-dark-bg .count-wrapper .count-item .count-text:last-child, .number-counters-dark-bg .count-wrapper .count-item .hover-light .p-hover .p-content .count-text:last-child, .hover-light .p-hover .p-content .project-nav nav .nav-btns li a:last-child, .project-nav nav .nav-btns li .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .pricing-tables .p-table .desc:last-child, .pricing-tables .p-table .hover-light .p-hover .p-content .desc:last-child, .hover-light .p-hover .p-content .blog-post-nav .prev-btn:last-child, .blog-post-nav .hover-light .p-hover .p-content .prev-btn:last-child, .hover-light .p-hover .p-content .blog-post-nav .next-btn:last-child, .blog-post-nav .hover-light .p-hover .p-content .next-btn:last-child, .hover-light .p-hover .p-content .sidebar .tags-widget .tag-list li a:last-child, .sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content span:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .hover-light .p-hover .p-content p:last-child, .hover-light .p-hover .p-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:last-child, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .landing-hero .heading-wrapper .cta-btn:last-child, .landing-hero .heading-wrapper .hover-light .p-hover .p-content .cta-btn:last-child, .hover-light .p-hover .p-content .-sidebar .filter-widget label:last-child, .-sidebar .filter-widget .hover-light .p-hover .p-content label:last-child, .hover-light .p-hover .p-content .-sidebar-vertical .filter-widget label:last-child, .-sidebar-vertical .filter-widget .hover-light .p-hover .p-content label:last-child, .hover-light .p-hover .p-content .-sidebar .tags-widget .tag-list li a:last-child, .-sidebar .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .-sidebar-vertical .tags-widget .tag-list li a:last-child, .-sidebar-vertical .tags-widget .tag-list li .hover-light .p-hover .p-content a:last-child, .hover-light .p-hover .p-content .checkout-table tbody tr td:last-child:first-child, .checkout-table tbody tr .hover-light .p-hover .p-content td:last-child:first-child, .hover-light .p-hover .p-content .prod-reviews .tp-review .tpr-name:last-child, .prod-reviews .tp-review .hover-light .p-hover .p-content .tpr-name:last-child, .hover-light .p-hover .p-content p:last-child, .hover-light .p-hover .p-content span:last-child {
color: #999;
}
.hover-light .open-btn {
color: #ececec; background: #111;
}
.hover-light .open-btn:hover {
color: #111; background: #ececec;
}
/* ---- 26.2 Hover Bottom - Effect ---- */ .portfolio-item.hover-bottom figure img {
-webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s;
}
.portfolio-item.hover-bottom figure:hover img, .portfolio-item.hover-bottom figure:active img {
-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px);
}
.portfolio-item.hover-bottom figure:hover figcaption, .portfolio-item.hover-bottom figure:active figcaption {
top: initial; bottom: 0;
}
.portfolio-item.hover-bottom figure figcaption {
height: 60px; top: initial; bottom: -60px; background: #111; opacity: 1; -webkit-transition: bottom 0.4s; transition: bottom 0.4s;
}
.portfolio-item.hover-bottom figure figcaption a:focus {
otline: none;
}
.portfolio-item.hover-bottom figure figcaption .hover-heading {
display: inline-block; padding-left: 40px; line-height: 2.6; letter-spacing: 2.8px; color: #ececec;
}
.portfolio-item.hover-bottom figure figcaption .hover-btns {
display: inline-block; margin: 0; list-style: none; float: right;
}
.portfolio-item.hover-bottom figure figcaption .hover-btns li {
display: inline-block; margin-left: 1px; float: right; background: #2b2b2b; -webkit-transition: background 0.4s; transition: background 0.4s;
}
.portfolio-item.hover-bottom figure figcaption .hover-btns li:hover {
cursor: pointer; background: #ececec;
}
.portfolio-item.hover-bottom figure figcaption .hover-btns li:hover a {
color: #111;
}
.portfolio-item.hover-bottom figure figcaption .hover-btns li a {
display: block; padding: 22px; font-size: 17px; line-height: 0; color: #ececec;
}
.portfolio-item.hover-bottom figure figcaption .hover-btns li a:focus, .portfolio-item.hover-bottom figure figcaption .hover-btns li a:active {
outline: none;
}
.hover-bottom.hover-light figure figcaption {
background: #f4f4f4;
}
.hover-bottom.hover-light figure figcaption .hover-heading {
color: #111;
}
.hover-bottom.hover-light figure figcaption .hover-btns li {
background: #eaeaea;
}
.hover-bottom.hover-light figure figcaption .hover-btns li:hover {
background: #c4c4c4;
}
.hover-bottom.hover-light figure figcaption .hover-btns li a {
color: #111;
}
/* ---- 26.3 Hover Side Panel - Effect ---- */ .portfolio-item.hover-side figure img {
-webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s;
}
.portfolio-item.hover-side figure:hover img, .portfolio-item.hover-side figure:active img {
-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translateX(38.2%); -ms-transform: translateX(38.2%); transform: translateX(38.2%);
}
.portfolio-item.hover-side figure:hover figcaption, .portfolio-item.hover-side figure:active figcaption {
-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);
}
.portfolio-item.hover-side figure:hover figcaption .hover-heading, .portfolio-item.hover-side figure:hover figcaption .hover-text, .portfolio-item.hover-side figure:hover figcaption .hover-more-btn, .portfolio-item.hover-side figure:hover figcaption .hover-btns, .portfolio-item.hover-side figure:active figcaption .hover-heading, .portfolio-item.hover-side figure:active figcaption .hover-text, .portfolio-item.hover-side figure:active figcaption .hover-more-btn, .portfolio-item.hover-side figure:active figcaption .hover-btns {
opacity: 1;
}
.portfolio-item.hover-side figure figcaption {
padding: 40px 30px; width: 38.2%; background: #111; opacity: 1; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s;
}
.portfolio-item.hover-side figure figcaption .hover-heading {
margin: 0; padding-bottom: 20px; font-size: .95em; line-height: 1.7; color: #ececec; opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s;
}
.portfolio-item.hover-side figure figcaption .hover-text {
margin: 0; font-size: .9em; line-height: 1.6; color: #999; opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s;
}
.portfolio-item.hover-side figure figcaption .hover-more-btn {
display: block; padding-top: 5px; font-size: 25px; color: #999; opacity: 0; -webkit-transition: opacity 0.6s, color 0.4s; transition: opacity 0.6s, color 0.4s;
}
.portfolio-item.hover-side figure figcaption .hover-more-btn:hover {
color: #ececec;
}
.portfolio-item.hover-side figure figcaption .hover-btns {
display: inline-block; position: absolute; bottom: 30px; right: 20px; margin: 0; list-style: none; opacity: 0; -webkit-transition: opacity 0.7s; transition: opacity 0.7s;
}
.portfolio-item.hover-side figure figcaption .hover-btns li {
display: inline-block; margin-left: 15px; float: right;
}
.portfolio-item.hover-side figure figcaption .hover-btns li:hover a {
color: #ececec;
}
.portfolio-item.hover-side figure figcaption .hover-btns li a {
display: block; font-size: 24px; line-height: 0; color: #999;
}
.portfolio-item.hover-side figure figcaption .hover-btns li a:focus {
outline: none; text-decoration: none;
}
.hover-side.hover-light figure figcaption {
background: #f4f4f4;
}
.hover-side.hover-light figure figcaption .hover-heading {
color: #111;
}
.hover-side.hover-light figure figcaption .hover-more-btn:hover {
color: #111;
}
.hover-side.hover-light figure figcaption .hover-btns li:hover a {
color: #111;
}
/* -------------------------------------------------- 27.0 (E-Commerce) Layout
*/
/* ---- 27.1 Layout ---- */ .-layout-options span {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; color: #111;
}
.section- {
padding-top: 100px; padding-bottom: 100px;
}
.price-cut {
margin-right: 5px; text-decoration: line-through; color: #999;
}
/* ---- 27.2 Product Card ---- */ .-product-card {
display: block; max-width: 263px; border-top: 1px solid #f8f8f8; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.-product-card:hover {
-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.-product-card:hover .product-image-wrapper .buy-btn {
top: 0;
}
.-product-card:hover .product-image-wrapper .fav-btn {
opacity: 1;
}
.-product-card:hover .product-image-wrapper .-p-slider-nav {
opacity: 1;
}
.-product-card .product-image-wrapper {
position: relative; overflow: hidden;
}
.-product-card .product-image-wrapper .sale-label {
position: absolute; top: 10px; left: 10px; font-size: 13px; font-weight: 600; letter-spacing: 0.8px; background: #D9534F; z-index: 101;
}
.-product-card .product-image-wrapper .buy-btn {
display: inline-block; position: absolute; top: -45px; right: 0; width: 45px; height: 45px; background: #111; text-align: center; vertical-align: middle; color: inherit; -webkit-transition: background 0.5s, top 0.3s; transition: background 0.5s, top 0.3s; z-index: 100;
}
.-product-card .product-image-wrapper .buy-btn:hover {
text-decoration: none; background: #3f3f3f;
}
.-product-card .product-image-wrapper .buy-btn span {
display: inline-block; padding-top: 11px; font-size: 22px; color: #fff;
}
.-product-card .product-image-wrapper .fav-btn {
display: inline-block; position: absolute; bottom: 10px; left: 10px; font-size: 22px; color: #111; opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; z-index: 100;
}
.-product-card .product-image-wrapper .fav-btn:hover {
-webkit-transform: rotate(145deg); -ms-transform: rotate(145deg); transform: rotate(145deg);
}
.-product-card .product-image-wrapper .-p-slider-nav {
position: absolute; top: 50%; width: 45px; height: 45px; border: none; background: #fff; color: #111; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: background 0.35s, color 0.35s, opacity 0.5s; transition: background 0.35s, color 0.35s, opacity 0.5s;
}
.-product-card .product-image-wrapper .-p-slider-nav span {
display: inline-block; padding-top: 9px; font-size: 22px;
}
.-product-card .product-image-wrapper .-p-slider-nav:hover {
background: #111; color: #ececec;
}
.-product-card .product-image-wrapper .-p-slider-nav:focus {
outline: none;
}
.-product-card .product-image-wrapper .-p-slider-nav-right {
right: 0;
}
.-product-card .product-image-wrapper .-p-slider-nav-left {
left: 0;
}
.-product-card .product-meta {
text-align: center; padding-top: 15px; padding-bottom: 20px;
}
.-product-card .product-meta .product-name, .-product-card .product-meta .product-price {
display: block; padding-bottom: 1px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; color: #111;
}
.-product-card .product-meta .product-price {
padding-top: 12px; letter-spacing: 1.5px;
}
.-product-card .product-meta .product-sep {
display: block; margin: 0 auto; width: 50px; height: 1px; background: #ccc;
}
.-product-card a:hover {
text-decoration: none; color: inherit;
}
.-product-card a:focus {
text-decoration: none; color: inherit;
}
/* ---- 27.3 Sidebar - (horizontal) ---- */ .-sidebar, .-sidebar-vertical {
padding-top: 75px;
}
.-sidebar .-widget .header-widget, .-sidebar-vertical .-widget .header-widget {
padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid #ccc;
}
.-sidebar .-widget .cart-item, .-sidebar-vertical .-widget .cart-item {
padding-bottom: 15px;
}
.-sidebar .-widget .cart-item .p-thumb, .-sidebar-vertical .-widget .cart-item .p-thumb {
float: left; margin-right: 15px;
}
.-sidebar .-widget .cart-item p, .-sidebar-vertical .-widget .cart-item p {
line-height: 14px;
}
.-sidebar .-widget .cart-item .cp-name, .-sidebar-vertical .-widget .cart-item .cp-name {
padding-top: 8px; letter-spacing: 1px; color: #777;
}
.-sidebar .-widget .cart-item .cp-name:hover, .-sidebar-vertical .-widget .cart-item .cp-name:hover {
color: #111;
}
.-sidebar .-widget .cart-item .cp-price, .-sidebar-vertical .-widget .cart-item .cp-price {
font-size: 12px; letter-spacing: 1px; color: #999;
}
.-sidebar .-widget .cart-item .cart-remove-btn, .-sidebar-vertical .-widget .cart-item .cart-remove-btn {
float: right; color: #777;
}
.-sidebar .-widget .cart-item .cart-remove-btn:hover, .-sidebar-vertical .-widget .cart-item .cart-remove-btn:hover {
color: #111;
}
.-sidebar .-widget .cart-item .cart-remove-btn:focus, .-sidebar-vertical .-widget .cart-item .cart-remove-btn:focus {
text-decoration: none;
}
.-sidebar .-widget .cw-subtotal h6, .-sidebar-vertical .-widget .cw-subtotal h6, .-sidebar .-widget .cw-subtotal .progress-group .progress-title, .progress-group .-sidebar .-widget .cw-subtotal .progress-title, .-sidebar-vertical .-widget .cw-subtotal .progress-group .progress-title, .progress-group .-sidebar-vertical .-widget .cw-subtotal .progress-title, .-sidebar .-widget .cw-subtotal .progress-group .progress-value, .progress-group .-sidebar .-widget .cw-subtotal .progress-value, .-sidebar-vertical .-widget .cw-subtotal .progress-group .progress-value, .progress-group .-sidebar-vertical .-widget .cw-subtotal .progress-value, .-sidebar .-widget .cw-subtotal .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .-sidebar .-widget .cw-subtotal .panel-title, .-sidebar-vertical .-widget .cw-subtotal .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .-sidebar-vertical .-widget .cw-subtotal .panel-title, .-sidebar .-widget .cw-subtotal .footer-social-links ul li, .footer-social-links ul .-sidebar .-widget .cw-subtotal li, .-sidebar-vertical .-widget .cw-subtotal .footer-social-links ul li, .footer-social-links ul .-sidebar-vertical .-widget .cw-subtotal li, .-sidebar .-widget .cw-subtotal .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .-sidebar .-widget .cw-subtotal .show-info-link, .-sidebar-vertical .-widget .cw-subtotal .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .-sidebar-vertical .-widget .cw-subtotal .show-info-link, .-sidebar .-widget .cw-subtotal .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .-sidebar .-widget .cw-subtotal .adr-heading, .-sidebar-vertical .-widget .cw-subtotal .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .-sidebar-vertical .-widget .cw-subtotal .adr-heading, .-sidebar .-widget .cw-subtotal .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .-sidebar .-widget .cw-subtotal .show-map, .-sidebar-vertical .-widget .cw-subtotal .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .-sidebar-vertical .-widget .cw-subtotal .show-map, .-sidebar .-widget .cw-subtotal .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .-sidebar .-widget .cw-subtotal .adr-heading, .-sidebar-vertical .-widget .cw-subtotal .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .-sidebar-vertical .-widget .cw-subtotal .adr-heading, .-sidebar .-widget .cw-subtotal .ft-cards .ft-item a, .ft-cards .ft-item .-sidebar .-widget .cw-subtotal a, .-sidebar-vertical .-widget .cw-subtotal .ft-cards .ft-item a, .ft-cards .ft-item .-sidebar-vertical .-widget .cw-subtotal a, .-sidebar .-widget .cw-subtotal .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .-sidebar .-widget .cw-subtotal .link-btn, .-sidebar-vertical .-widget .cw-subtotal .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .-sidebar-vertical .-widget .cw-subtotal .link-btn, .-sidebar .-widget .cw-subtotal .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .-sidebar .-widget .cw-subtotal a, .-sidebar-vertical .-widget .cw-subtotal .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .-sidebar-vertical .-widget .cw-subtotal a, .-sidebar .-widget .cw-subtotal .circles-counters .circle-item .circle-text, .circles-counters .circle-item .-sidebar .-widget .cw-subtotal .circle-text, .-sidebar-vertical .-widget .cw-subtotal .circles-counters .circle-item .circle-text, .circles-counters .circle-item .-sidebar-vertical .-widget .cw-subtotal .circle-text, .-sidebar .-widget .cw-subtotal .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .-sidebar .-widget .cw-subtotal .circle-text, .-sidebar-vertical .-widget .cw-subtotal .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .-sidebar-vertical .-widget .cw-subtotal .circle-text, .-sidebar .-widget .cw-subtotal .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .-sidebar .-widget .cw-subtotal .count-text, .-sidebar-vertical .-widget .cw-subtotal .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .-sidebar-vertical .-widget .cw-subtotal .count-text, .-sidebar .-widget .cw-subtotal .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .-sidebar .-widget .cw-subtotal .count-text, .-sidebar-vertical .-widget .cw-subtotal .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .-sidebar-vertical .-widget .cw-subtotal .count-text, .-sidebar .-widget .cw-subtotal .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .-sidebar .-widget .cw-subtotal a, .-sidebar-vertical .-widget .cw-subtotal .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .-sidebar-vertical .-widget .cw-subtotal a, .-sidebar .-widget .cw-subtotal .pricing-tables .p-table .desc, .pricing-tables .p-table .-sidebar .-widget .cw-subtotal .desc, .-sidebar-vertical .-widget .cw-subtotal .pricing-tables .p-table .desc, .pricing-tables .p-table .-sidebar-vertical .-widget .cw-subtotal .desc, .-sidebar .-widget .cw-subtotal .blog-post-nav .prev-btn, .blog-post-nav .-sidebar .-widget .cw-subtotal .prev-btn, .-sidebar-vertical .-widget .cw-subtotal .blog-post-nav .prev-btn, .blog-post-nav .-sidebar-vertical .-widget .cw-subtotal .prev-btn, .-sidebar .-widget .cw-subtotal .blog-post-nav .next-btn, .blog-post-nav .-sidebar .-widget .cw-subtotal .next-btn, .-sidebar-vertical .-widget .cw-subtotal .blog-post-nav .next-btn, .blog-post-nav .-sidebar-vertical .-widget .cw-subtotal .next-btn, .sidebar .tags-widget .tag-list li .-sidebar .-widget .cw-subtotal a, .sidebar .tags-widget .tag-list li .-sidebar-vertical .-widget .cw-subtotal a, .-sidebar .-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .-sidebar .-widget .cw-subtotal span, .-sidebar-vertical .-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .-sidebar-vertical .-widget .cw-subtotal span, .-sidebar .-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .-sidebar .-widget .cw-subtotal a, .-sidebar-vertical .-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .-sidebar-vertical .-widget .cw-subtotal a, .-sidebar .-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .-sidebar .-widget .cw-subtotal p, .-sidebar-vertical .-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .-sidebar-vertical .-widget .cw-subtotal p, .-sidebar .-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .-sidebar .-widget .cw-subtotal a, .-sidebar-vertical .-widget .cw-subtotal .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .-sidebar-vertical .-widget .cw-subtotal a, .-sidebar .-widget .cw-subtotal .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .-sidebar .-widget .cw-subtotal .cta-btn, .-sidebar-vertical .-widget .cw-subtotal .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .-sidebar-vertical .-widget .cw-subtotal .cta-btn, .-sidebar .-widget .cw-subtotal .filter-widget label, .-sidebar .filter-widget .-widget .cw-subtotal label, .-sidebar-vertical .-widget .cw-subtotal .filter-widget label, .-sidebar-vertical .filter-widget .-widget .cw-subtotal label, .-sidebar .-widget .cw-subtotal .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .-widget .cw-subtotal a, .-sidebar-vertical .-widget .cw-subtotal .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .-widget .cw-subtotal a, .-sidebar .-widget .cw-subtotal .checkout-table tbody tr td:first-child, .checkout-table tbody tr .-sidebar .-widget .cw-subtotal td:first-child, .-sidebar-vertical .-widget .cw-subtotal .checkout-table tbody tr td:first-child, .checkout-table tbody tr .-sidebar-vertical .-widget .cw-subtotal td:first-child, .-sidebar .-widget .cw-subtotal .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .-sidebar .-widget .cw-subtotal .tpr-name, .-sidebar-vertical .-widget .cw-subtotal .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .-sidebar-vertical .-widget .cw-subtotal .tpr-name {
padding-bottom: 5px;
}
.-sidebar .filter-widget p, .-sidebar-vertical .filter-widget p {
margin-top: 20px; margin-bottom: 0;
}
.-sidebar .filter-widget label, .-sidebar-vertical .filter-widget label {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300;
}
.-sidebar .filter-widget input[type="text"], .-sidebar-vertical .filter-widget input[type="text"] {
border: none; font-size: 12px; font-weight: 400; letter-spacing: .5px;
}
.-sidebar .filter-widget .ui-slider-handle, .-sidebar-vertical .filter-widget .ui-slider-handle {
border-radius: 0; width: 20px; height: 20px; border: 6px solid #111; background: #fff;
}
.-sidebar .filter-widget .ui-slider-handle:focus, .-sidebar-vertical .filter-widget .ui-slider-handle:focus {
outline: none;
}
.-sidebar .filter-widget .ui-slider, .-sidebar-vertical .filter-widget .ui-slider, .-sidebar .filter-widget .ui-slider-range, .-sidebar-vertical .filter-widget .ui-slider-range {
border: none; border-radius: 0; background: #ececec;
}
.-sidebar .filter-widget .ui-slider, .-sidebar-vertical .filter-widget .ui-slider {
display: block; padding-left: 10px; padding-right: 10px;
}
.-sidebar .categories-widget .header-widget, .-sidebar-vertical .categories-widget .header-widget {
margin-bottom: 20px;
}
.-sidebar .categories-widget .widget-item a, .-sidebar-vertical .categories-widget .widget-item a {
padding-bottom: 5px; margin-bottom: 5px; font-size: .9em; letter-spacing: .3px; color: #777; border-bottom: 1px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s;
}
.-sidebar .categories-widget .widget-item a span, .-sidebar-vertical .categories-widget .widget-item a span {
color: #ccc;
}
.-sidebar .categories-widget .widget-item a:hover, .-sidebar-vertical .categories-widget .widget-item a:hover {
padding-bottom: 3px; border-bottom: 1px solid #111111; color: #111;
}
.-sidebar .search-widget, .-sidebar-vertical .search-widget {
padding-left: 15px; padding-right: 15px;
}
.-sidebar .search-widget .form-group, .-sidebar-vertical .search-widget .form-group {
position: relative;
}
.-sidebar .search-widget .form-group .inside-input-btn, .-sidebar-vertical .search-widget .form-group .inside-input-btn {
display: block; position: absolute; width: 20px; height: 20px; top: 4px; right: 20px; background: none; border: none; font-size: 18px; color: #ccc; -webkit-transition: color 0.5s; transition: color 0.5s;
}
.-sidebar .search-widget .form-group .inside-input-btn:hover, .-sidebar-vertical .search-widget .form-group .inside-input-btn:hover {
color: #111;
}
.-sidebar .search-widget .form-group .inside-input-btn:focus, .-sidebar-vertical .search-widget .form-group .inside-input-btn:focus, .-sidebar .search-widget .form-group .inside-input-btn:visited, .-sidebar-vertical .search-widget .form-group .inside-input-btn:visited {
outline: none;
}
.-sidebar .tags-widget .tag-list, .-sidebar-vertical .tags-widget .tag-list {
padding: 0; margin: 0;
}
.-sidebar .tags-widget .tag-list li, .-sidebar-vertical .tags-widget .tag-list li {
list-style: none; display: inline-block;
}
.-sidebar .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li a {
display: block; padding: 0 10px; margin-bottom: 5px; border: 1px solid #ccc; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; color: #999; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.-sidebar .tags-widget .tag-list li a:hover, .-sidebar-vertical .tags-widget .tag-list li a:hover {
border-color: #777; color: #111;
}
/* ---- 27.4 Sidebar - (vertical) ---- */ .-sidebar-vertical {
margin-top: 90px; padding: 30px 20px; border-top: 1px solid #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); background: #fff;
}
.-sidebar-vertical .-widget {
margin-bottom: 50px;
}
.-sidebar-vertical .search-widget {
padding-left: 0; padding-right: 0;
}
.-sidebar-vertical .tags-widget {
margin-bottom: 10px;
}
/* ---- 27.5 Checkout Page ---- */ .checkout-table {
border: none;
}
.checkout-table thead {
border: none; background: #111;
}
.checkout-table thead tr th {
padding-top: 23px; padding-bottom: 23px; border: none; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 2px; text-transform: uppercase; color: #fff;
}
.checkout-table tbody tr {
border: 1px solid #ececec; height: 86px;
}
.checkout-table tbody tr:nth-child(even) {
background: #f8f8f8;
}
.checkout-table tbody tr td {
vertical-align: middle;
}
.checkout-table tbody tr td:first-child {
padding-left: 15px; padding-right: 15px; text-align: center;
}
.checkout-table tbody tr td:last-child a {
display: block; padding-right: 17px; color: #111; font-size: 20px;
}
.checkout-table tbody tr td:last-child a:focus {
text-decoration: none;
}
.checkout-table tbody tr .td-product-options {
font-size: 12px;
}
.checkout-table tbody tr .td-product-options .strong {
font-weight: 700;
}
.checkout-table tbody tr .td-product-qty input[type="number"] {
width: 60px;
}
.checkout-coupon-form {
display: block; padding-top: 10px;
}
.checkout-coupon-form input[type="text"] {
height: 42px;
}
.calc-shipping {
padding-top: 100px;
}
.calc-shipping form {
margin-top: 30px;
}
.calc-shipping form input[type="submit"] {
margin-top: 30px; text-align: right;
}
.calc-shipping form .btn-totals {
text-align: right;
}
.totals-heading {
width: 100%; background: #111;
}
.totals-heading h6, .totals-heading .progress-group .progress-title, .progress-group .totals-heading .progress-title, .totals-heading .progress-group .progress-value, .progress-group .totals-heading .progress-value, .totals-heading .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .totals-heading .panel-title, .totals-heading .footer-social-links ul li, .footer-social-links ul .totals-heading li, .totals-heading .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .totals-heading .show-info-link, .totals-heading .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .totals-heading .adr-heading, .totals-heading .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .totals-heading .show-map, .totals-heading .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .totals-heading .adr-heading, .totals-heading .ft-cards .ft-item a, .ft-cards .ft-item .totals-heading a, .totals-heading .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .totals-heading .link-btn, .totals-heading .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .totals-heading a, .totals-heading .circles-counters .circle-item .circle-text, .circles-counters .circle-item .totals-heading .circle-text, .totals-heading .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .totals-heading .circle-text, .totals-heading .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .totals-heading .count-text, .totals-heading .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .totals-heading .count-text, .totals-heading .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .totals-heading a, .totals-heading .pricing-tables .p-table .desc, .pricing-tables .p-table .totals-heading .desc, .totals-heading .blog-post-nav .prev-btn, .blog-post-nav .totals-heading .prev-btn, .totals-heading .blog-post-nav .next-btn, .blog-post-nav .totals-heading .next-btn, .totals-heading .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .totals-heading a, .totals-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-heading span, .totals-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-heading a, .totals-heading .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-heading p, .totals-heading .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .totals-heading a, .totals-heading .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .totals-heading .cta-btn, .totals-heading .-sidebar .filter-widget label, .-sidebar .filter-widget .totals-heading label, .totals-heading .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .totals-heading label, .totals-heading .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .totals-heading a, .totals-heading .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .totals-heading a, .totals-heading .checkout-table tbody tr td:first-child, .checkout-table tbody tr .totals-heading td:first-child, .totals-heading .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .totals-heading .tpr-name {
margin: 0; padding: 24px 0 25px 30px; font-size: 11px; font-weight: 400; letter-spacing: 2px; color: #fff;
}
.totals-content {
border: 1px solid #ececec; padding-bottom: 25px;
}
.totals-content h5, .totals-content .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .totals-content .ft-heading, .totals-content .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .totals-content .tab-info, .totals-content .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .totals-content .widget-comm-title, .totals-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .totals-content .title-timer, .totals-content .-layout-options span, .-layout-options .totals-content span, .totals-content h6, .totals-content .progress-group .progress-title, .progress-group .totals-content .progress-title, .totals-content .progress-group .progress-value, .progress-group .totals-content .progress-value, .totals-content .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .totals-content .panel-title, .totals-content .footer-social-links ul li, .footer-social-links ul .totals-content li, .totals-content .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .totals-content .show-info-link, .totals-content .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .totals-content .adr-heading, .totals-content .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .totals-content .show-map, .totals-content .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .totals-content .adr-heading, .totals-content .ft-cards .ft-item a, .ft-cards .ft-item .totals-content a, .totals-content .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .totals-content .link-btn, .totals-content .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .totals-content a, .totals-content .circles-counters .circle-item .circle-text, .circles-counters .circle-item .totals-content .circle-text, .totals-content .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .totals-content .circle-text, .totals-content .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .totals-content .count-text, .totals-content .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .totals-content .count-text, .totals-content .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .totals-content a, .totals-content .pricing-tables .p-table .desc, .pricing-tables .p-table .totals-content .desc, .totals-content .blog-post-nav .prev-btn, .blog-post-nav .totals-content .prev-btn, .totals-content .blog-post-nav .next-btn, .blog-post-nav .totals-content .next-btn, .totals-content .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .totals-content a, .totals-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content span, .totals-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content a, .totals-content .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content p, .totals-content .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .totals-content a, .totals-content .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .totals-content .cta-btn, .totals-content .-sidebar .filter-widget label, .-sidebar .filter-widget .totals-content label, .totals-content .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .totals-content label, .totals-content .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .totals-content a, .totals-content .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .totals-content a, .totals-content .checkout-table tbody tr td:first-child, .checkout-table tbody tr .totals-content td:first-child, .totals-content .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .totals-content .tpr-name {
margin: 0;
}
.totals-content .checkout-btn {
left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
.totals-content .subtotal-group, .totals-content .shipping-group {
padding: 25px 30px;
}
.totals-content .subtotal-group h6, .totals-content .shipping-group h6, .totals-content .subtotal-group .progress-group .progress-title, .progress-group .totals-content .subtotal-group .progress-title, .totals-content .shipping-group .progress-group .progress-title, .progress-group .totals-content .shipping-group .progress-title, .totals-content .subtotal-group .progress-group .progress-value, .progress-group .totals-content .subtotal-group .progress-value, .totals-content .shipping-group .progress-group .progress-value, .progress-group .totals-content .shipping-group .progress-value, .totals-content .subtotal-group .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .totals-content .subtotal-group .panel-title, .totals-content .shipping-group .accordions-1 .panel .panel-heading .panel-title, .accordions-1 .panel .panel-heading .totals-content .shipping-group .panel-title, .totals-content .subtotal-group .footer-social-links ul li, .footer-social-links ul .totals-content .subtotal-group li, .totals-content .shipping-group .footer-social-links ul li, .footer-social-links ul .totals-content .shipping-group li, .totals-content .subtotal-group .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .totals-content .subtotal-group .show-info-link, .totals-content .shipping-group .footer-contact .contact-info .show-info-link, .footer-contact .contact-info .totals-content .shipping-group .show-info-link, .totals-content .subtotal-group .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .totals-content .subtotal-group .adr-heading, .totals-content .shipping-group .footer-contact .contact-info address ul li .adr-heading, .footer-contact .contact-info address ul li .totals-content .shipping-group .adr-heading, .totals-content .subtotal-group .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .totals-content .subtotal-group .show-map, .totals-content .shipping-group .footer-contact .contact-info address .show-map, .footer-contact .contact-info address .totals-content .shipping-group .show-map, .totals-content .subtotal-group .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .totals-content .subtotal-group .adr-heading, .totals-content .shipping-group .footer-litle address ul li .adr-group .adr-heading, .footer-litle address ul li .adr-group .totals-content .shipping-group .adr-heading, .totals-content .subtotal-group .ft-cards .ft-item a, .ft-cards .ft-item .totals-content .subtotal-group a, .totals-content .shipping-group .ft-cards .ft-item a, .ft-cards .ft-item .totals-content .shipping-group a, .totals-content .subtotal-group .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .totals-content .subtotal-group .link-btn, .totals-content .shipping-group .ft-cards-2 .ft-card-item .ft-content .link-btn, .ft-cards-2 .ft-card-item .ft-content .totals-content .shipping-group .link-btn, .totals-content .subtotal-group .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .totals-content .subtotal-group a, .totals-content .shipping-group .ft-boxed-hover ul li .hover-content a, .ft-boxed-hover ul li .hover-content .totals-content .shipping-group a, .totals-content .subtotal-group .circles-counters .circle-item .circle-text, .circles-counters .circle-item .totals-content .subtotal-group .circle-text, .totals-content .shipping-group .circles-counters .circle-item .circle-text, .circles-counters .circle-item .totals-content .shipping-group .circle-text, .totals-content .subtotal-group .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .totals-content .subtotal-group .circle-text, .totals-content .shipping-group .circles-counters-dark-bg .circle-item .circle-text, .circles-counters-dark-bg .circle-item .totals-content .shipping-group .circle-text, .totals-content .subtotal-group .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .totals-content .subtotal-group .count-text, .totals-content .shipping-group .number-counters .count-wrapper .count-item .count-text, .number-counters .count-wrapper .count-item .totals-content .shipping-group .count-text, .totals-content .subtotal-group .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .totals-content .subtotal-group .count-text, .totals-content .shipping-group .number-counters-dark-bg .count-wrapper .count-item .count-text, .number-counters-dark-bg .count-wrapper .count-item .totals-content .shipping-group .count-text, .totals-content .subtotal-group .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .totals-content .subtotal-group a, .totals-content .shipping-group .project-nav nav .nav-btns li a, .project-nav nav .nav-btns li .totals-content .shipping-group a, .totals-content .subtotal-group .pricing-tables .p-table .desc, .pricing-tables .p-table .totals-content .subtotal-group .desc, .totals-content .shipping-group .pricing-tables .p-table .desc, .pricing-tables .p-table .totals-content .shipping-group .desc, .totals-content .subtotal-group .blog-post-nav .prev-btn, .blog-post-nav .totals-content .subtotal-group .prev-btn, .totals-content .shipping-group .blog-post-nav .prev-btn, .blog-post-nav .totals-content .shipping-group .prev-btn, .totals-content .subtotal-group .blog-post-nav .next-btn, .blog-post-nav .totals-content .subtotal-group .next-btn, .totals-content .shipping-group .blog-post-nav .next-btn, .blog-post-nav .totals-content .shipping-group .next-btn, .totals-content .subtotal-group .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .totals-content .subtotal-group a, .totals-content .shipping-group .sidebar .tags-widget .tag-list li a, .sidebar .tags-widget .tag-list li .totals-content .shipping-group a, .totals-content .subtotal-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .subtotal-group span, .totals-content .shipping-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .shipping-group span, .totals-content .subtotal-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .subtotal-group a, .totals-content .shipping-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .shipping-group a, .totals-content .subtotal-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .subtotal-group p, .totals-content .shipping-group .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p, .contact-1 .contact-wrapper .contact-info-wrapper address .address-group .totals-content .shipping-group p, .totals-content .subtotal-group .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .totals-content .subtotal-group a, .totals-content .shipping-group .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link .totals-content .shipping-group a, .totals-content .subtotal-group .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .totals-content .subtotal-group .cta-btn, .totals-content .shipping-group .landing-hero .heading-wrapper .cta-btn, .landing-hero .heading-wrapper .totals-content .shipping-group .cta-btn, .totals-content .subtotal-group .-sidebar .filter-widget label, .-sidebar .filter-widget .totals-content .subtotal-group label, .totals-content .shipping-group .-sidebar .filter-widget label, .-sidebar .filter-widget .totals-content .shipping-group label, .totals-content .subtotal-group .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .totals-content .subtotal-group label, .totals-content .shipping-group .-sidebar-vertical .filter-widget label, .-sidebar-vertical .filter-widget .totals-content .shipping-group label, .totals-content .subtotal-group .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .totals-content .subtotal-group a, .totals-content .shipping-group .-sidebar .tags-widget .tag-list li a, .-sidebar .tags-widget .tag-list li .totals-content .shipping-group a, .totals-content .subtotal-group .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .totals-content .subtotal-group a, .totals-content .shipping-group .-sidebar-vertical .tags-widget .tag-list li a, .-sidebar-vertical .tags-widget .tag-list li .totals-content .shipping-group a, .totals-content .subtotal-group .checkout-table tbody tr td:first-child, .checkout-table tbody tr .totals-content .subtotal-group td:first-child, .totals-content .shipping-group .checkout-table tbody tr td:first-child, .checkout-table tbody tr .totals-content .shipping-group td:first-child, .totals-content .subtotal-group .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .totals-content .subtotal-group .tpr-name, .totals-content .shipping-group .prod-reviews .tp-review .tpr-name, .prod-reviews .tp-review .totals-content .shipping-group .tpr-name {
display: inline-block; text-align: left; font-size: 11px; letter-spacing: 2px;
}
.totals-content .subtotal-group p, .totals-content .shipping-group p {
display: inline-block; text-align: right; float: right; font-size: 12px; letter-spacing: 1px; color: #999;
}
.totals-content .shipping-group {
padding-top: 0;
}
.totals-content .shipping-group a {
text-align: right; float: right; font-size: 12px; letter-spacing: 0.25px; text-decoration: underline; color: #999;
}
.totals-content .shipping-group a:hover {
color: #111;
}
.totals-content .total-group {
margin-left: 30px; margin-right: 30px; padding-top: 10px; padding-bottom: 40px; border-top: 1px solid #ccc;
}
.totals-content .total-group h5, .totals-content .total-group .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .totals-content .total-group .ft-heading, .totals-content .total-group .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .totals-content .total-group .tab-info, .totals-content .total-group .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .totals-content .total-group .widget-comm-title, .totals-content .total-group .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .totals-content .total-group .title-timer, .totals-content .total-group .-layout-options span, .-layout-options .totals-content .total-group span {
display: inline-block; margin: 0; font-size: 13px; letter-spacing: 2px; text-align: left;
}
.totals-content .total-group p {
margin: 0; text-align: right; float: right; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; letter-spacing: 2px;
}
/* ---- 27.6 Product Single ---- */ .product-meta {
list-style: none; margin: 0; padding: 0;
}
.product-meta li {
display: inline-block; padding-right: 10px; font-size: 12px; letter-spacing: 1px;
}
.product-meta li a {
color: #777; text-decoration: underline;
}
.product-meta li a:hover {
color: #111;
}
.prod_single_thumbs_slider {
display: none; list-style: none; margin: 0; padding: 10px 0 0 0;
}
.prod_single_thumbs_slider li {
margin-bottom: 30px;
}
.prod_single_img_slider {
list-style: none; margin: 0; padding: 10px 0 0 0; max-width: 457px;
}
.prod_single_img_slider:hover .-p-slider-nav {
opacity: 1;
}
.prod_single_img_slider .slick-dots {
position: absolute; top: -15px; left: -98px;
}
.prod_single_img_slider .slick-dots li {
display: block; margin: 0 0 106px 0; border: none; background: none;
}
.prod_single_img_slider .-p-slider-nav {
position: absolute; top: 50%; width: 60px; height: 60px; border: none; background: #fff; color: #111; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: background 0.35s, color 0.35s, opacity 0.5s; transition: background 0.35s, color 0.35s, opacity 0.5s;
}
.prod_single_img_slider .-p-slider-nav span {
display: inline-block; padding-top: 9px; font-size: 22px;
}
.prod_single_img_slider .-p-slider-nav:hover {
background: #111; color: #ececec;
}
.prod_single_img_slider .-p-slider-nav:focus {
outline: none;
}
.prod_single_img_slider .-p-slider-nav-right {
right: 0;
}
.prod_single_img_slider .-p-slider-nav-left {
left: 0;
}
.prod-cat {
font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; color: #777;
}
.prod-name {
margin-top: 5px; margin-bottom: 20px;
}
.prod-price {
margin-top: 20px; margin-bottom: 30px;
}
.prod-price .price-cut {
padding-left: 10px; font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; color: #999;
}
.prod-rating {
list-style: none; display: block; margin: 20px 0 0 0; padding: 0;
}
.prod-rating li {
display: inline-block; font-size: 16px;
}
.prod-rating li:last-child {
padding-left: 10px; font-size: 12px; color: #777;
}
.prod-rating li a {
color: #111;
}
.prod-rating li a:focus {
text-decoration: none;
}
.prod-size {
margin-top: 50px; margin-bottom: 50px;
}
.prod-size h5, .prod-size .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .prod-size .ft-heading, .prod-size .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .prod-size .tab-info, .prod-size .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .prod-size .widget-comm-title, .prod-size .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .prod-size .title-timer, .prod-size .-layout-options span, .-layout-options .prod-size span {
margin-top: 0; margin-bottom: 20px;
}
.prod-size .sizes {
display: inline-block; list-style: none; margin: 0; padding: 0;
}
.prod-size .sizes li {
display: inline-block; margin-right: 9px; float: left; font-weight: 400;
}
.prod-size .sizes li a {
display: block; border: 2px solid #111; width: 32px; height: 32px; text-align: center; color: #111;
}
.prod-size .sizes li a:hover {
background: #111; color: #ececec;
}
.prod-size .sizes li a:focus {
text-decoration: none;
}
.prod-size .sizes li .size-btn-active {
background: #111; color: #ececec;
}
.prod-reviews {
margin-top: 30px;
}
.prod-reviews .tp-review {
margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #ececec;
}
.prod-reviews .tp-review .tpr-name {
display: inline-block; margin-right: 25px; margin-bottom: 0;
}
.prod-reviews .tp-review .tpr-date {
margin-right: 25px; display: inline-block; font-size: 12px; color: #999;
}
.prod-reviews .tp-review .tpr-rating {
display: inline-block; list-style: none; margin: 0 0 25px 0; padding: 0;
}
.prod-reviews .tp-review .tpr-rating li {
display: inline-block; color: #111; font-size: 14px;
}
.prod-reviews .tp-review .tpr-rating li i {
font-size: 16px;
}
.prod-reviews .tp-review .tpr-rating li:last-child {
padding-left: 5px; font-size: 12px; color: #999;
}
/* -------------------------------------------------- 28.0 Tables
*/
.table {
border: none;
}
.table thead {
border: none; background: #111;
}
.table thead tr th {
padding: 15px; border: none; font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 2px; text-transform: uppercase; color: #fff;
}
.table tbody tr {
background: #fff;
}
.table tbody tr td {
padding: 15px; border: 1px solid #ececec; vertical-align: middle;
}
.table-hover tbody tr:hover td {
background: #efefef; color: #111;
}
.table-hover tbody tr td {
-webkit-transition: all 0.4s; transition: all 0.4s;
}
.table-light thead {
border: none; background: #ececec;
}
.table-light thead tr th {
color: #111;
}
.table-light tbody tr:nth-child(even) {
background: none;
}
.table-row-highlight tbody tr:nth-child(even) {
background: #f8f8f8;
}