Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
wp-content
/
themes
/
inspiry-builderpress
/
css
:
main.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * Table of Contents * * 1.0 Buttons * 2.0 Header * 2.1 Header Top Section * 2.2 Top Social Nav * 2.3 Header Logo * 2.4 Header Contacts * 2.5 Header Request Quote button * 2.6 Header Main Nav * 2.7 Header Cart Icon * 3.0 Banner * 4.0 Home * 5.0 Testimonials * 6.0 Footer * 6.1 sidebar widgets * 6.2 footer widgets * 7.0 Blog * 8.0 Footer * 9.0 Visual Composer * 10.0 Responsive Styles * 10.1 Large Screen Devices * 10.2 Medium Screen Devices * 10.3 Small Screen Devices * 10.4 Extra Small Screen Devices * 11.0 Page Loader * 12.0 Shortcodes */ .poppins, .poppins-bold, .poppins-semibold, .poppins-medium, .contact-box, .poppins-regular, .poppins-light, .header-top-section, .bp-tag-line, .mini-cart, .banner h1, .banner h2, .section-heading-intro, .slide-content .slider-detail-inner h1, .special-home-var2 .wrapper-special-feature p, .container-special-features .specialty-intro p, .wrapper-portfolio-slider .overlay-slide h3, .wrapper-quote-box h2, .testimonials-slider.variation-2 p, .testimonials-slider.variation-2 .author-designation, .pages-contents-area h2, .pages-contents-area h3, .pages-contents-area h4, .heading-wrapper h2, .heading-wrapper .categories-single, .single-service-box h3, .contact-detail-list, .sidebar .widget ul, .sidebar .widget ol, .sidebar .widget_tag_cloud a, .wrapper-page-contents .post-heading, .wrapper-page-contents .psost-heading-single, .the-content-wrapper h1, .the-content-wrapper h2, .the-content-wrapper h3, .the-content-wrapper h4, .the-content-wrapper h5, .the-content-wrapper h6, .the-content-wrapper th, .the-content-wrapper dt, .bp-page-contents h1, .bp-page-contents h2, .bp-page-contents h3, .bp-page-contents h4, .bp-page-contents h5, .bp-page-contents h6, .bp-page-contents th, .bp-page-contents dt, .author-detail-wrapper h2, .author-detail-wrapper h3, .comments-single .comment-wrapper h1, .comments-single .comment-wrapper h2, .comments-single .comment-wrapper h3, .comments-single .comment-wrapper h4, .comments-single .comment-wrapper h5, .comments-single .comment-wrapper h6, .comments-single .comment-wrapper th, .comments-single .comment-wrapper dt, .comments-single .comment-wrapper .comment-reply-link, .comment-respond h3, .tag-links a, .vc-pages-contents-area h1, .vc-pages-contents-area h2, .vc-pages-contents-area h3, .vc-pages-contents-area h4, .vc-pages-contents-area h5, .vc-pages-contents-area h6, .vc-wrapper-quote-box h2 { font-family: 'Poppins', sans-serif; } .poppins-bold { font-weight: 700; } .poppins-semibold { font-weight: 600; } .poppins-medium, .contact-box { font-weight: 500; } .poppins-regular { font-weight: 400; } .poppins-light { font-weight: 300; } .montserrat, .montserrat-regular, .main-menu ul li, .montserrat-bold, .bp-button, .common-vc-class .bp-button, .wrapper-logo a, .request-quote-btn, .testimonials-section .author-designation, .footer-widgets-area h3, .Shortcode_btn.bp-button, p, .mont-upper-light-gray, .read-more, .mini-cart a.button-mini-cart, .slide-content .slider-detail-inner p, .special-home-section .wrapper-special-feature p, .wrapper-special-feature p, .special-home-var2 .wrapper-special-feature-item p, .services-section .service-single-content P, .services-section .service-box-var2 p, .wrapper-featured-contents .wrapper-location p.featured-location, .featured-section-var2 .wrapper-left-tabs .text-wrapper p, .wrapper-portfolio-slider .overlay-slide p, #customDots .owl-dot, .wrapper-quote-box p, .wrapper-recent-single p, .qualities-box p, .projects-category-lists ul, .single-project-box p, .single-project-box .location, .categories-fall a, .breadcrumbs, .bp-breadcrumbs a, .bp-breadcrumbs span, .page-content-area .post-meta, .side-related-projects .wrapper-location p.featured-location, .single-service-box p, .services-content-wrapper, .side-services-list a, .side-brochures a, .wpcf7-form, .nf-form-cont, .about-into, .sidebar .widget h3, .sidebar .widget label, .sidebar .select2-container, .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above, .footer-widgets-area, .wrapper-page-contents .post-meta span, .wrapper-page-contents .post-meta a, .the-content-wrapper, .bp-page-contents, .comments-single .comment-wrapper, .comments-single .comment-list-heading .comment-date, .name-social-wrapper .comment-date, .pagination, .page-links, .footer-intro-section p, .vc-wrapper-quote-box p, .Shortcode_btn.read-more { font-family: 'Montserrat', sans-serif; } .montserrat-regular, .main-menu ul li { font-weight: 400; } .montserrat-bold, .bp-button, .common-vc-class .bp-button, .wrapper-logo a, .request-quote-btn, .testimonials-section .author-designation, .footer-widgets-area h3, .Shortcode_btn.bp-button { font-weight: 700; } .bg-light-gray { background: #f5f5f5; } .theme-box-shadow, .featured-section-var2 .wrapper-left-tabs li .wrapper-inner-single-feature:hover, .featured-section-var2 .wrapper-left-tabs .ui-tabs-active .wrapper-inner-single-feature { -webkit-box-shadow: 0px 0px 15px 2px #ededed; -moz-box-shadow: 0px 0px 15px 2px #ededed; box-shadow: 0px 0px 15px 2px #ededed; } .theme-box-shadow-hover:hover { -webkit-box-shadow: 0px 0px 15px 2px #b3b3b3; -moz-box-shadow: 0px 0px 15px 2px #b3b3b3; box-shadow: 0px 0px 15px 2px #b3b3b3; } html { background: #1a1a1a; } ::selection { background: #ffd800; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #ffd800; /* Gecko Browsers */ } body { font-size: 14px; -webkit-font-smoothing: antialiased; overflow-x: hidden; } body ul, body ol { padding-left: 20px; } body input { outline: none; } body a, body button { outline: none; } body a:active { outline: 0; } body a:focus { outline: 0; } .transition-200ms, a, .services-section .services-box .single-service, .wrapper-recent-single .wrapper-recent-thumbs { transition: all .2s ease-in-out; } a { text-decoration: none !important; } p { font-size: 15px; color: #808080; line-height: 24px; margin-bottom: 25px; } .container-icon-pulley { position: relative; } .pulley { position: absolute; top: 0; text-align: center; } .pulley-center { left: 0; right: 0; margin: auto; } .pulley-left { left: 0; } .pulley-right { right: 0; } img { height: auto; } .mont-upper-light-gray { text-transform: uppercase; color: #808080; } .mont-upper-light-gray:hover { color: #1a1a1a; } .read-more { text-transform: uppercase; color: #1a1a1a; font-weight: 700; } .read-more:hover { color: #1a1a1a; } .bp-lined { display: inline-block; position: relative; } .bp-lined:after { content: ""; display: block; width: 0; height: 2px; background: #ffd800; position: absolute; bottom: -15px; transition: .2s all ease-in-out; pointer-events: none; } .bp-lined:hover:after { width: 100%; } .bp-lined i { margin-left: 15px; } .bp-active:after { width: 100%; } .bp-li-active { display: inline-block; } .bp-li-active a:after { width: 100%; } .bp-list-lined { list-style: none; padding-left: 0; } .bp-list-lined li { display: inline-block; } .bp-list-lined li a { display: inline-block; position: relative; } .bp-list-lined li a:after { content: ""; display: block; width: 0; height: 2px; background: #ffd800; position: absolute; bottom: -15px; transition: .2s all ease-in-out; pointer-events: none; } .bp-list-lined li a:hover:after { width: 100%; } .bp-list-lined li.active a:after { width: 100%; } .post-thumbnail { margin-bottom: 10px; } .post-thumbnail img { max-width: 100%; } .list-caret-wrapper ul { position: relative; list-style: none; } .list-caret-wrapper ul li:before { font-family: FontAwesome; content: "\f0da"; position: absolute; left: 3px; } .inspiry-page-comments { padding-bottom: 60px; } .prev-next-wrapper { padding-top: 40px; overflow: hidden; } .prev-next-wrapper .nav-previous a:after { right: 0; } .prev-next-wrapper .nav-previous i { margin-right: 15px; } .prev-next-wrapper .nav-next { text-align: right; } .prev-next-wrapper .nav-next i { margin-left: 15px; } .prev-next-wrapper a { font-family: 'Montserrat', sans-serif; margin-bottom: 20px; display: inline-block; position: relative; text-transform: uppercase; color: #808080; } .prev-next-wrapper a:after { content: ""; display: block; width: 0; height: 2px; background: #ffd800; position: absolute; bottom: -15px; transition: .2s all ease-in-out; pointer-events: none; } .prev-next-wrapper a:hover { color: #1a1a1a; } .prev-next-wrapper a:hover:after { width: 100%; } .project-post-nav { width: 100%; } .builderpress-content-fullwidth .col-md-8 { width: 100%; } /*-----------------------------------------------------------------------------------*/ /* 1.0 Buttons /*-----------------------------------------------------------------------------------*/ .bp-button { font-size: 14px; text-transform: uppercase; white-space: nowrap; color: #1a1a1a; display: inline-block; } .bp-button-plain { padding: 14px 30px; } .button-yellow-border { border: 2px solid #ffd800; padding: 12px 28px; } .button-dark { background: #1a1a1a; color: #ffffff; } .button-dark:hover { background: #ffffff; color: #1a1a1a; } .button-dark.hover-to-yellow:hover { background: #ffd800; color: #1a1a1a; } .button-yellow { background: #ffd800; } .button-yellow:hover { color: #ffd800; background: #1a1a1a; } .common-vc-class .bp-button { font-size: 14px; text-transform: uppercase; white-space: nowrap; color: #1a1a1a; display: inline-block; } .common-vc-class .bp-button-plain { padding: 14px 30px; } .common-vc-class .button-yellow-border { border: 2px solid #ffd800; padding: 12px 28px; } .common-vc-class .button-dark { background: #1a1a1a; color: #ffffff; } .common-vc-class .button-dark:hover { background: #ffffff; color: #1a1a1a; } .common-vc-class .button-dark.hover-to-yellow:hover { background: #ffd800; color: #1a1a1a; } .common-vc-class .button-yellow { background: #ffd800; } .common-vc-class .button-yellow:hover { color: #ffd800; background: #1a1a1a; } /*-----------------------------------------------------------------------------------*/ /* 2.0 Header /*-----------------------------------------------------------------------------------*/ /*------------------------------------*/ /* 2.1 Header Top Section /*------------------------------------*/ .header-top-section { clear: both; background: #1a1a1a; font-size: 1em; padding-top: 14px; color: #989898; } .header-top-section span { font-weight: 600; } .header-top-section a { color: #989898; } .header-top-section p { margin-bottom: 14px; } .wrapper-top-right { text-align: right; } .top-section-time { display: inline-block; padding-left: 20px; position: relative; } .top-section-time:before { font-family: FontAwesome; content: "\f017"; font-size: 18px; position: absolute; left: 0; color: #989898; } .top-section-time .sep-timings { display: inline-block; margin-left: 5px; margin-right: 5px; } /*------------------------------------*/ /* 2.2 Top Social Nav /*------------------------------------*/ .top-social-nav { display: inline-block; list-style: none; margin-bottom: 14px; } .top-social-nav li { display: inline-block; margin-left: 10px; } .top-social-nav li a { color: #989898; } .top-social-nav li a:hover { color: #ffd800; } /*------------------------------------*/ /* 2.3 Header Logo /*------------------------------------*/ .header-logo-contact-section { padding-top: 18px; padding-bottom: 18px; background: #ffffff; clear: both; } .header-box { display: flex; align-items: center; width: 100%; } .header-box .header-box-logo { width: 33%; } .header-box .header-box-contact { width: 67%; } .header-box .site-title { margin-top: 0; margin-bottom: 5px; } .header-box h1 { line-height: 24px; } .wrapper-logo a { display: block; font-size: 24px; color: #1a1a1a; } .wrapper-logo a:hover { opacity: .8; } .wrapper-logo img { max-width: 100%; margin-bottom: 5px; } .bp-tag-line { display: inline-block; } /*------------------------------------*/ /* 2.4 Header Contacts /*------------------------------------*/ .wrapper-header-contact { text-align: right; } .contact-box { display: inline-block; text-align: left; padding-left: 35px; position: relative; margin-left: 30px; vertical-align: middle; } .contact-box span { font-size: 12px; color: #8b8b8b; } .contact-box p { font-size: 16px; margin-bottom: 0; color: #1a1a1a; } .contact-box p a { color: #1a1a1a; } .contact-box p a:hover { color: #808080; } .contact-box .icon-contacts { position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; width: 27px; height: 27px; display: inline-block; } .contact-box .icon-contacts svg { width: 27px; height: 27px; fill: #1a1a1a; } .contact-box .icon-contacts img { max-width: 100%; } .contact-box.contact-phone { margin-left: 0; } /*------------------------------------*/ /* 2.5 Header Request Quote button /*------------------------------------*/ .request-quote-btn { margin-left: 30px; display: inline-block; border: 2px solid #ffd800; padding: 16px 22px; text-transform: uppercase; font-size: 13px; color: #1a1a1a; } .request-quote-btn:hover { color: #ffd800; background: #1a1a1a; border-color: #1a1a1a; } .header-nav-section { background: #ffd800; } /*------------------------------------*/ /* 2.6 Header Main Nav /*------------------------------------*/ .main-menu { display: inline-block; } .main-menu ul { list-style: none; display: inline-block; padding-left: 0; margin-bottom: 0; } .main-menu ul > li.current-menu-item > a { color: #1a1a1a; font-weight: 700; } .main-menu ul li { position: relative; display: inline-block; font-size: 13px; text-transform: uppercase; margin-right: 30px; } .main-menu ul li:hover a { color: #1a1a1a; } .main-menu ul li a { color: #515151; display: inline-block; } .main-menu ul li a:after { font-family: FontAwesome; content: "\f107"; margin-left: 5px; } .main-menu ul li a:only-child:after { content: ""; } .main-menu ul li ul { position: absolute; top: 100%; min-width: 230px; background: #ffd800; z-index: 999; transition: all .2s ease-in-out; transform: scaleY(0); transform-origin: top; } .main-menu ul li ul li { margin-right: 0; display: block; } .main-menu ul li ul li a { padding: 15px 20px; display: block; } .main-menu ul li ul li a:after { content: "\f105"; float: right; } .main-menu ul li ul li:hover > a { background: #f5b800; } .main-menu ul li ul li ul { left: 100%; top: 0; } .main-menu ul li > ul { left: -20px; } .main-menu ul li:hover > ul { transform: scaleY(1); } .main-menu > ul > li > a { padding-top: 20px; padding-bottom: 20px; } /*------------------------------------*/ /* 2.7 Header Cart Icon /*------------------------------------*/ .shopping-cart-btn { display: inline-block; float: right; width: 58px; height: 58px; line-height: 58px; text-align: center; background: #efcb01; color: #1a1a1a; } .shopping-cart-btn:hover { color: #ffd800; background: #1a1a1a; } .shopping-cart-btn-var2 { float: left; display: inline-block; padding-top: 20px; padding-bottom: 20px; width: 58px; text-align: center; color: #a2a1a1; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; } .shopping-cart-btn-var2:hover { color: #1a1a1a; } .mean-container .mean-bar { background: #ffd800; padding-bottom: 0; } .mean-container a.meanmenu-reveal { padding: 15px 13px 11px 13px; color: #1a1a1a; } .mean-container a.meanmenu-reveal span { background: #1a1a1a; } .mean-container .mean-nav { margin-top: 48px; border-bottom: 1px solid #ffd800; } .mean-container .mean-nav ul li a.mean-expand { padding: 8px 16px !important; background: #1a1a1a; border-color: #ffd800 !important; } .mean-container .mean-nav ul li a.mean-expand:hover { background: #ffd800; color: #1a1a1a; } .mean-container .mean-nav ul li a { background: #1a1a1a; border-top-color: #efcb01; color: #ffffff; } .mean-container .mean-nav ul li a:hover { background: #ffd800; color: #1a1a1a; } .mean-container .mean-nav ul li ul li a { background: #1a1a1a; border-top-color: #efcb01; opacity: 1; } .mean-container .mean-nav ul li ul li a:hover { background: #ffd800; color: #1a1a1a; } .wrapper-header-var2 { position: relative; } .wrapper-header-var2 .main-menu ul li a { color: #a2a1a1; line-height: 21px; } .wrapper-header-var2 .main-menu ul li a:hover { color: #1a1a1a; } .wrapper-header-var2 .wrapper-right-social { float: right; } .wrapper-header-var2 .wrapper-right-social a { font-size: 15px; } .wrapper-header-var2 .wrapper-right-social .top-social-nav { padding-top: 20px; padding-bottom: 20px; } .wrapper-header-var2 .wrapper-right-social .top-social-nav li { margin-right: 0; margin-left: 15px; } .wrapper-header-var2 .logo-contact-wrapper { padding-top: 20px; position: absolute; width: 100%; top: 100%; left: 0; color: #ffffff; } .wrapper-header-var2 .logo-contact-wrapper p { color: #ffffff; } .mini-cart { display: inline-block; min-width: 58px; height: 59px; line-height: 57px; text-align: center; cursor: pointer; position: relative; transition: .2s all; } .mini-cart svg { fill: #808080; vertical-align: middle; width: 18px !important; transition: .2s all ease-in-out; } .mini-cart:hover .cart-icon i { color: #efcb01; } .mini-cart:hover .nav-dropdown { opacity: 1; visibility: visible; } .mini-cart:hover svg { fill: #efcb01; } .mini-cart .cart-icon i { transition: .2s all; font-size: 18px; color: #1a1a1a; } .mini-cart .cart-icon strong { font-size: 18px; display: none; } .mini-cart .nav-dropdown { transition: .2s all ease-in-out; opacity: 0; visibility: hidden; position: absolute; right: 0; top: 100%; width: 320px; padding: 0 15px 15px; background: #ffffff; z-index: 9999999; border: 1px solid #e8e8e8; } .mini-cart .nav-dropdown .nav-dropdown-inner .empty-cart-message { padding-top: 15px; margin-bottom: 0; } .mini-cart .mini-cart-item { line-height: initial; } .mini-cart .cart_list_product_title { display: block; line-height: 24px; font-size: 16px; color: #1a1a1a; font-weight: 600; } .mini-cart .cart_list_product_title:hover { color: #efcb01; } .mini-cart .cart_list_product_price, .mini-cart .cart_list_product_quantity { display: inline-block; color: #808080; line-height: 24px; } .mini-cart .cart_list_product_img img { width: 100%; } .mini-cart a.remove { margin-top: 12px; } .mini-cart a.remove:hover { background: transparent; } .mini-cart a.remove:hover i { color: #1a1a1a; } .mini-cart a.remove i { color: #808080; font-size: 18px; } .mini-cart .mini-cart-item { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e8e8e8; } .mini-cart .minicart_total_checkout { margin-left: -15px; margin-right: -15px; color: #1a1a1a; font-weight: 700; text-transform: uppercase; background: #e8e8e8; } .mini-cart .minicart_total_checkout > span { margin-left: 10px; color: #808080; } .mini-cart a.button-mini-cart { margin-top: 10px; padding-right: 15px; padding-left: 15px; display: block; font-weight: 700; font-size: 14px; text-transform: uppercase; white-space: nowrap; color: #1a1a1a; background: #FFD800; } .mini-cart a.button-mini-cart:hover { color: #FFD800; background: #1a1a1a; } .mini-cart.cart-fixed { background: #ffd800; color: #1a1a1a; float: right; } .mini-cart.cart-fixed svg { fill: #1a1a1a; vertical-align: middle; transition: .2s all; } .mini-cart.cart-fixed:hover { background: #efcb01; color: #1a1a1a; } .mini-cart.cart-fixed:hover svg { fill: #1a1a1a; } .mini-cart.cart-fixed a.cart-link { padding-top: 2px; display: block; } .main-header.bp-header-2 { background: #1a1a1a; } .main-header.bp-header-2 .wrapper-header-boxed { position: relative; } .main-header.bp-header-2 .header-logo-contact-section { padding-left: 20px; padding-right: 20px; } .main-header.bp-header-2 .header-nav-section { position: absolute; z-index: 999; width: 100%; top: 100%; padding-left: 20px; } .header-nav-top { background: #1a1a1a; position: relative; } .header-nav-top .main-menu { display: inline-block; } .header-nav-top .main-menu ul > li.current-menu-item > a { color: #ffffff; } .header-nav-top .main-menu li a { color: #979797; } .header-nav-top .main-menu li:hover > a { color: #ffffff; } .header-nav-top .main-menu li ul li.current-menu-item a { color: #1a1a1a; } .header-nav-top .main-menu li ul li a { color: #1a1a1a; } .header-nav-top .main-menu li ul li:hover a { color: #1a1a1a; } .header-nav-top .mini-cart { line-height: 58px; z-index: 999999; } .header-nav-top .mini-cart .cart-icon i { color: #979797; } .header-nav-top .mini-cart .cart-inner { border-right: 1px solid #343434; border-left: 1px solid #343434; } .header-nav-top .mini-cart .cart-inner:hover .cart-icon i { color: #ffd800; } .header-nav-top .wrapper-top-bar-menu { display: inline-block; } .header-nav-top .cart-and-social-wrapper { display: inline-block; float: right; } .header-nav-top .top-social-nav { padding-left: 5px; padding-top: 20px; } /*------------------------------------*/ /* Sticky Header /*------------------------------------*/ .bp-sticky-header { position: fixed !important; top: 0 !important; left: 0; right: 0; margin-right: auto; margin-left: auto; z-index: 999; } .admin-bar .bp-sticky-header { top: 32px !important; } .wrapper-nav-section-2 { position: relative; } .wrapper-nav-section-2 .header-nav-section-2 { position: absolute; z-index: 999; width: 100%; top: 100%; } .wrapper-nav-section-2 .main-menu { background: #ffd800; padding-left: 20px; } /*-----------------------------------------------------------------------------------*/ /* header styles ends /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 3.0 Banner /*-----------------------------------------------------------------------------------*/ .banner { background-image: url("../images/banner.jpg"); text-align: center; overflow: hidden; background-size: cover; background-position: center; min-height: 180px; display: flex; justify-content: center; align-items: center; padding-top: 40px; padding-bottom: 40px; width: 100%; } .banner h1, .banner h2 { margin-top: 0; margin-bottom: 0; font-weight: 700; line-height: 48px; max-width: 550px; color: #1a1a1a; font-size: 36px; } .banner.banner-header-2 { padding-top: 80px; min-height: 220px; } .page-template-default .banner { margin-bottom: 35px; } /*-----------------------------------------------------------------------------------*/ /* 4.0 Home /*-----------------------------------------------------------------------------------*/ .section-common { padding-top: 100px; padding-bottom: 100px; } .section-heading-intro { margin-bottom: 30px; overflow: hidden; } .section-heading-intro h2 { font-size: 30px; margin-top: 0; margin-bottom: 20px; color: #1a1a1a; line-height: 46px; } .section-heading-intro .section-text { color: #808080; font-size: 18px; line-height: 27px; margin-bottom: 25px; max-width: 700px; margin-left: auto; margin-right: auto; } .slide-content { position: relative; } .slide-content img { width: 100%; } .slide-content .slider-detail { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; } .slide-content .custom-container-slider { position: relative; padding-bottom: 24px; overflow: hidden; } .slide-content .slider-detail-inner { position: relative; max-width: 460px; background: #ffffff; padding: 50px 30px; } .slide-content .slider-detail-inner.icon-padding { padding-top: 80px; } .slide-content .slider-detail-inner .slide-icon { position: absolute; } .slide-content .slider-detail-inner img { width: auto !important; } .slide-content .slider-detail-inner h1 { margin-top: 0; font-size: 36px; } .slide-content .slider-detail-inner p { line-height: 27px; font-size: 16px; color: #808080; } .slide-content .slider-detail-inner a.button-slider { float: right; position: relative; bottom: -24px; } .slide-content .slider-detail-inner.content-animate { background: rgba(255, 255, 255, 0); transition: .5s background ease-in-out; transition-delay: 1s; } .slide-content .slider-detail-inner.content-animate .slide-icon { top: -100%; transition: .3s all; transition-delay: 1.7s; } .slide-content .slider-detail-inner.content-animate h1 { position: relative; top: -200px; transition: .3s all; transition-delay: 1.5s; } .slide-content .slider-detail-inner.content-animate p { position: relative; left: -500px; transition: .3s all; transition-delay: 1.7s; } .slide-content .slider-detail-inner.content-animate a.button-slider { opacity: 0; transition: opacity .2s ease-in-out 2s, background .2s ease-in-out 0s, color .2s ease-in-out 0s; } .main-slider { position: relative; } .main-slider .owl-dots { position: absolute; bottom: 45px; left: 0; right: 0; margin: auto; } .main-slider .owl-dots .owl-dot span { width: 36px; height: 7px; display: inline-block; background: #ffffff; transition: .2s all ease-in-out; } .main-slider .owl-dots .owl-dot.active span { background: #1a1a1a; } .main-slider .owl-dots .owl-dot:hover span { background: #1a1a1a; } .main-slider .active .slider-detail-inner.content-animate { background: rgba(255, 255, 255, 0.9); } .main-slider .active .slider-detail-inner.content-animate .slide-icon { top: 0; } .main-slider .active .slider-detail-inner.content-animate h1 { top: 0; } .main-slider .active .slider-detail-inner.content-animate p { left: 0; } .main-slider .active .slider-detail-inner.content-animate a.button-slider { opacity: 1; } .feature-icon svg .a { stroke: #f5b800; } .feature-icon .filler-class .a { stroke: none; fill: #f5b800; } .special-home-section .wrapper-special-feature h2 { margin-top: 20px; margin-bottom: 10px; font-size: 16px; } .special-home-section .wrapper-special-feature p { font-size: 14px; color: #808080; line-height: 24px; } .wrapper-special-feature h2 { margin-top: 20px; margin-bottom: 10px; font-size: 16px; } .wrapper-special-feature p { font-size: 14px; color: #808080; line-height: 24px; } .specialties-box { display: flex; margin-right: -15px; margin-left: -15px; } .wrapper-special-feature-item { -webkit-box-shadow: 0px 0px 50px 14px #ededed; -moz-box-shadow: 0px 0px 50px 14px #ededed; box-shadow: 0px 0px 50px 14px #ededed; margin-right: 15px; margin-left: 15px; padding: 30px 25px; text-align: center; width: 50%; } .special-home-var2 .wrapper-special-feature p { font-size: 18px; line-height: 30px; color: #808080; font-weight: 500; margin-bottom: 25px; } .special-home-var2 .wrapper-special-feature-item h3 { font-size: 16px; font-weight: 700; margin-bottom: 20px; line-height: 24px; } .special-home-var2 .wrapper-special-feature-item p { font-size: 14px; color: #808080; line-height: 24px; } .container-special-features { padding-top: 110px; padding-bottom: 90px; } .container-special-features h2 { margin-top: 0; margin-bottom: 30px; } .container-special-features h3 { font-size: 16px; margin-bottom: 20px; line-height: 24px; } .container-special-features p { font-size: 18px; } .container-special-features .wrapper-special-feature { margin-bottom: 30px; background: #ffffff; padding: 40px 30px; } .container-special-features .wrapper-special-feature p { font-size: 14px; } .container-special-features .specialty-intro { margin-bottom: 30px; } .container-special-features .specialty-intro p { font-weight: 500; line-height: 30px; } .services-section .services-box { display: flex; margin-left: -15px; margin-right: -15px; flex-wrap: wrap; } .services-section .services-box img { width: 100%; } .services-section .services-box .image-anchor:hover { opacity: .9; } .services-section .services-box .single-service-wrapper { width: 33.33%; padding-left: 15px; padding-right: 15px; display: flex; } .services-section .services-box .single-service { margin-bottom: 60px; background: #ffffff; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); } .services-section .services-box .single-service:hover { -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.22); } .services-section .service-single-content { padding: 40px 30px 40px; } .services-section .service-single-content h3 { margin-top: 0; font-size: 18px; margin-bottom: 25px; } .services-section .service-single-content h3 a { color: #1a1a1a; } .services-section .service-single-content h3 a:hover { color: #ffd800; } .services-section .service-single-content P { font-size: 14px; line-height: 24px; color: #808080; } .services-section.services-section-var2 { padding-bottom: 120px; } .services-section .service-box-var2 { background: #ffffff; display: flex; margin-bottom: 30px; align-items: center; transition: .2s all ease-in-out; } .services-section .service-box-var2 img { width: 100%; } .services-section .service-box-var2 .image-service { width: 45%; transition: .2s all ease-in-out; } .services-section .service-box-var2 .image-service:hover { opacity: .9; } .services-section .service-box-var2 .detail-service { width: 55%; padding: 15px 35px; } .services-section .service-box-var2 h3 { margin-top: 0; font-size: 18px; font-weight: 700; } .services-section .service-box-var2 h3 a { color: #1a1a1a; } .services-section .service-box-var2 h3 a:hover { color: #ffd800; } .services-section .service-box-var2 p { font-size: 14px; line-height: 24px; color: #808080; margin-bottom: 0; } .services-section .services-button-wrapper { margin-top: 30px; } .wrapper-button-services { margin-bottom: 120px; } .slider-featured { position: relative; } .slider-featured .owl-nav .owl-prev, .slider-featured .owl-nav .owl-next { position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px; display: inline-block; background: #1a1a1a; border-radius: 46px; text-align: center; padding: 0; } .slider-featured .owl-nav .owl-prev i, .slider-featured .owl-nav .owl-next i { line-height: 46px; } .slider-featured .owl-nav .owl-prev { left: 0; margin-left: -23px; } .slider-featured .owl-nav .owl-next { right: 0; margin-right: -23px; } .slider-featured img { width: 100%; } .wrapper-slider-featured { position: relative; } .custom-navigation a { position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px; display: inline-block; background: #1a1a1a; border-radius: 46px; line-height: 46px; text-align: center; } .custom-navigation a.custom-left { left: 0; margin-left: -23px; } .custom-navigation a.custom-right { right: 0; margin-right: -23px; transform: rotate(180deg); } .wrapper-featured-contents { position: relative; } .wrapper-featured-contents h2 { margin-top: 0; margin-bottom: 20px !important; } .wrapper-featured-contents:hover .btn-slider { opacity: 1; visibility: visible; } .wrapper-featured-contents .btn-slider { position: relative; z-index: 999; opacity: 0; visibility: hidden; display: inline-block; } .wrapper-featured-contents .btn-slider i { display: inline-block; margin-left: 30px; vertical-align: middle; } .wrapper-featured-contents .wrapper-button { text-align: center; position: absolute; top: 50%; left: 0; right: 0; margin: -24px auto 0; } .wrapper-featured-contents .wrapper-location { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 15%, black 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 15%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 15%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#a6000000', GradientType=0); /* IE6-9 */ padding: 40px 21px 21px; position: absolute; z-index: 9999; left: 0; bottom: 0; color: #ffffff; width: 100%; text-align: left; } .wrapper-featured-contents .wrapper-location h3 { color: #ffffff; font-size: 18px; margin-top: 0; } .wrapper-featured-contents .wrapper-location p.featured-location { margin-bottom: 0; font-size: 16px; color: #d9d9d9; position: relative; } .wrapper-featured-contents .wrapper-location p.featured-location:before { font-family: FontAwesome; content: "\f041"; margin-right: 10px; } .related-project-single { position: relative; } .related-project-single img { width: 100%; } .featured-section { padding-bottom: 120px; } .featured-section-var2 { overflow: hidden; } .featured-section-var2 img { max-width: 100%; } .featured-section-var2 .wrapper-left-tabs, .featured-section-var2 .wrapper-tabs-large { width: 50%; height: 525px; float: left; } .featured-section-var2 .wrapper-slider-right { padding: 0px 15px; } .featured-section-var2 .wrapper-left-tabs { overflow-y: auto; } .featured-section-var2 .wrapper-left-tabs ul { padding: 0 0 0 15px; margin-bottom: 0; } .featured-section-var2 .wrapper-left-tabs li { text-align: left; list-style: none; outline: none; padding-top: 5px; padding-bottom: 5px; transition: all .2s ease-in-out; } .featured-section-var2 .wrapper-left-tabs li .wrapper-inner-single-feature { padding: 13px 15px; } .featured-section-var2 .wrapper-left-tabs li .wrapper-inner-single-feature:hover { transition: all .2s ease-in-out; } .featured-section-var2 .wrapper-left-tabs a { outline: none; display: flex; align-items: center; } .featured-section-var2 .wrapper-left-tabs .image-wrapper_tabs { width: 36%; } .featured-section-var2 .wrapper-left-tabs .text-wrapper { padding-left: 27px; width: 64%; } .featured-section-var2 .wrapper-left-tabs .text-wrapper h3 { font-weight: 700; font-size: 18px; color: #1a1a1a; margin-top: 0; line-height: 24px; } .featured-section-var2 .wrapper-left-tabs .text-wrapper p { font-size: 16px; line-height: 21px; color: #808080; margin-bottom: 0; } .featured-section-var2 .wrapper-left-tabs .text-wrapper i { margin-right: 10px; } .wrapper-tab-contents { position: relative; overflow: hidden; } .wrapper-tab-contents img { transform: scale(1); transition: all .3s ease-in-out; } .wrapper-tab-contents .image-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background-color: rgba(26, 26, 26, 0); transition: all .2s ease-in-out; } .wrapper-tab-contents:hover .button-wrapper { opacity: 1; } .wrapper-tab-contents:hover .image-overlay { background-color: rgba(26, 26, 26, 0.5); } .wrapper-tab-contents:hover img { transform: scale(1.1); } .wrapper-tab-contents .button-wrapper { transition: all .2s ease-in-out; opacity: 0; display: inline-block; position: absolute; top: 50%; left: 0; right: 0; margin: -24px auto 0; text-align: center; z-index: 999; } .wrapper-left-tabs::-webkit-scrollbar { width: .5em; } .wrapper-left-tabs::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .wrapper-left-tabs::-webkit-scrollbar-thumb { background-color: #1a1a1a; outline: 1px solid slategrey; } .left-arrow-featured, .right-arrow-featured { background: url("../images/icons/arrow.svg") center no-repeat; height: 46px; width: 46px; display: inline-block; transition: .2s all ease-in-out; } .left-arrow-featured:hover, .right-arrow-featured:hover { opacity: .8; } .left-arrow-featured { transform: rotate(180deg); } .portfolio-section { background: #1a1a1a; overflow: hidden; padding-bottom: 120px; } .portfolio-section h2 { color: #ffffff; } .wrapper-portfolio-slider img { width: 100%; } .wrapper-portfolio-slider .item-box a { display: block; position: relative; overflow: hidden; } .wrapper-portfolio-slider .overlay-slide { position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; background: rgba(255, 216, 0, 0.85); padding: 20px; } .wrapper-portfolio-slider .overlay-slide h3 { font-size: 18px; color: #121212; margin-bottom: 5px; line-height: 24px; } .wrapper-portfolio-slider .overlay-slide p { color: #7a6d25; } .inner-detail-slide .item-box:first-of-type { margin-bottom: 30px; } .wrapper-inner-owl { position: relative; } .wrapper-inner-owl .owl-prev, .wrapper-inner-owl .owl-next { width: 50px; height: 50px; padding: 0 !important; line-height: 50px; border-radius: 0 !important; background: #3d3d3d !important; transition: .2s all; opacity: 1 !important; } .wrapper-inner-owl .owl-prev:hover, .wrapper-inner-owl .owl-next:hover { opacity: 1 !important; background: #ffd800 !important; } .wrapper-inner-owl .owl-prev:hover i, .wrapper-inner-owl .owl-next:hover i { color: #1a1a1a; } .wrapper-inner-owl .owl-prev i, .wrapper-inner-owl .owl-next i { line-height: 46px; font-size: 24px; transition: .2s all; } .wrapper-inner-owl .owl-nav { margin-top: 30px; } .wrapper-inner-owl .disabled { opacity: 1 !important; } .wrapper-inner-owl .disabled:hover { background: #3d3d3d !important; } .wrapper-inner-owl .disabled:hover i { color: #7d7a7a !important; } .wrapper-inner-owl .disabled i { color: #7d7a7a; } #customDots { margin-bottom: 30px; } #customDots .owl-dot { font-size: 14px; text-transform: uppercase; color: #ffffff; position: relative; margin-bottom: 40px; margin-right: 15px; margin-left: 15px; } #customDots .owl-dot a { color: #ffffff; } #customDots .owl-dot:after { cursor: default; transition: .2s all ease-in-out; opacity: 0; visibility: hidden; position: absolute; left: 0; bottom: -15px; content: ""; height: 2px; width: 100%; background: #ffd800; } #customDots .owl-dot:hover:after { opacity: 1; visibility: visible; } #customDots .owl-dot.active:after { opacity: 1; visibility: visible; } .quote-bar-home { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; } .quote-bar-home .cta-overlay { position: absolute; content: ""; display: block; width: 100%; height: 100%; background: rgba(255, 216, 0, 0.85); } .wrapper-quote-box { position: relative; z-index: 99; display: flex; justify-content: space-between; align-items: center; padding-top: 60px; padding-bottom: 60px; margin-left: -15px; margin-right: -15px; } .wrapper-quote-box .flex-item { padding-left: 15px; padding-right: 15px; } .wrapper-quote-box h2 { margin-top: 0; font-size: 24px; color: #1a1a1a; line-height: 32px; font-weight: 700; } .wrapper-quote-box p { margin-bottom: 0; font-size: 18px; color: #4b493d; } .wrapper-vc-cta { padding-top: 60px; padding-bottom: 60px; } .wrapper-vc-cta { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; } .vc-cta-overlay { position: absolute; top: 0; content: ""; display: block; width: 100%; height: 100%; opacity: .85; background: #FFD800; } .container-cta { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; width: 100%; max-width: 1170px; } .section-common.recent-blog { padding-bottom: 40px; } .recent-blog { background: #ffffff; padding-bottom: 60px; } .wrapper-recent-single { margin-bottom: 60px; } .wrapper-recent-single .wrapper-recent-thumbs { display: block; } .wrapper-recent-single .wrapper-recent-thumbs:hover { opacity: .9; } .wrapper-recent-single img { width: 100%; } .wrapper-recent-single h3 { margin-top: 25px; margin-bottom: 15px; } .wrapper-recent-single h3 a { font-size: 18px; color: #1a1a1a; } .wrapper-recent-single h3 a:hover { color: #ffd800; } .wrapper-recent-single p { font-size: 14px; line-height: 24px; color: #808080; } /*-----------------------------------------------------------------------------------*/ /* 5.0 Testimonials /*-----------------------------------------------------------------------------------*/ .testimonials-section { padding-bottom: 120px; } .testimonials-section .testimonials-text { padding: 50px 45px 80px; position: relative; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); } .testimonials-section .testimonials-text p { margin-bottom: 0; font-size: 16px; color: #737373; line-height: 32px; } .testimonials-section .testimonials-text p strong { color: #1a1a1a; font-weight: 500; } .testimonials-section .testimonials-text .bg-testimonials { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #ffffff; } .testimonials-section .wrapper-slider-testimonials { padding: 5px; } .testimonials-section .author-image { display: inline-block; width: 65px; height: 65px; border-radius: 65px; overflow: hidden; margin-top: -32px; position: relative; z-index: 999; } .testimonials-section .author-image img { border-radius: 65px; } .testimonials-section h3 { font-size: 18px; color: #1a1a1a; margin-top: 15px; margin-bottom: 5px; } .testimonials-section .author-designation { display: inline-block; text-transform: uppercase; font-size: 12px; letter-spacing: 2.4px; color: #9fa3a7; margin-bottom: 15px; } .testimonials-section .testimonial-short-border { display: block; margin: auto; background: #ffd800; width: 37px; height: 2px; } .testimonials-section .flex-control-nav { position: static; margin-top: 10px; margin-bottom: 0; } .testimonials-slider .owl-dots { padding-top: 30px; } .testimonials-slider .owl-dots .owl-dot span { background: #b4b4b4; transition: .2s all ease-in-out; } .testimonials-slider .owl-dots .owl-dot.active span { background: #1a1a1a; } .testimonials-slider.variation-2 .wrapper-slider-testimonials { padding-left: 7px; } .testimonials-slider.variation-2 .testimonials-text { padding-top: 110px; padding-bottom: 35px; position: relative; } .testimonials-slider.variation-2 h3 { position: absolute; left: -7px; top: 35px; background: #ffd800; padding: 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; margin-top: 0; } .testimonials-slider.variation-2 p { font-size: 16px; font-weight: 600; line-height: 23px; color: #1a1a1a; margin-bottom: 20px; } .testimonials-slider.variation-2 .testimonial-short-border { width: 63px; background: #e3e3e3; margin-bottom: 20px; } .testimonials-slider.variation-2 .author-image { margin: 0; position: absolute; right: 20px; top: 25px; z-index: 999; } .testimonials-slider.variation-2 .author-designation { font-size: 13px; letter-spacing: normal; text-transform: none; font-weight: 400; line-height: 23px; } .partners-section { padding-bottom: 100px; } .slider-partners .owl-stage { display: flex; align-items: center; } .slider-partners.owl-carousel .owl-item img { margin: auto; max-width: 100%; width: auto; } .clients-partners-wrapper { margin-left: -15px; margin-right: -15px; } .clients-partners-wrapper .client-wrapper { display: inline-block; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } .clients-partners-wrapper .client-wrapper img { max-width: 100%; } .qualities-box { display: flex; } .qualities-box .left-items { width: 45%; margin-bottom: 95px; } .qualities-box .right-items { width: 55%; overflow: hidden; min-height: 516px; } .qualities-box h3 { margin-top: 5px; font-size: 18px; font-weight: 700; color: #1a1a1a; } .qualities-box p { line-height: 26px; font-size: 15px; color: #808080; } .quality-inner { padding-left: 108px; padding-right: 20px; position: relative; overflow: hidden; margin-bottom: 30px; } .quality-inner:last-of-type { margin-bottom: 0; } .quality-inner .quality-icon { position: absolute; left: 0; display: inline-block; width: 78px; height: 78px; border-radius: 78px; text-align: center; line-height: 78px; } .quality-inner .quality-icon svg { max-width: 100%; } .quality-inner .quality-icon img { max-width: 100%; } .quality-inner .quality-icon .house-icon .a { fill: #675b19; stroke: #675b19; } .right-items { position: relative; margin-bottom: 120px; } .right-items .image-wrapper { position: absolute; transition: .1s all ease-in-out; margin: auto; } .right-items .image-wrapper img { max-width: 100%; border-radius: 5px; } .pulse { z-index: 99 !important; } .pulse img { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pulse; animation-name: pulse; } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } 20% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); opacity: .8; } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } } .pages-contents-area { padding-top: 100px; padding-bottom: 60px; position: relative; } .pages-contents-area h2, .pages-contents-area h3, .pages-contents-area h4 { color: #1a1a1a; } .wrapper-heading-inner-pages { margin-bottom: 70px; } .wrapper-heading-inner-pages h2 { font-weight: 700; font-size: 30px; margin-top: 10px; margin-bottom: 20px; line-height: 38px; } .wrapper-heading-inner-pages p { font-weight: 500; font-size: 18px; color: #808080; line-height: 27px; margin: 0; } .projects-category-lists { padding-right: 120px; position: relative; margin-bottom: 20px; } .projects-category-lists ul { text-transform: uppercase; margin-left: -35px; } .projects-category-lists ul li { margin-left: 35px; margin-bottom: 40px; } .projects-category-lists ul li a { color: #808080; } .projects-category-lists ul li a:hover { color: #1a1a1a; } .projects-category-lists ul li.active a { color: #1a1a1a; } .page-layout-wrapper { position: absolute; right: 0; } .page-layout-wrapper a { margin-left: 25px; } .page-layout-wrapper .bp-layout { opacity: .6; cursor: pointer; display: inline-block; transition: .2s all ease-in-out; } .page-layout-wrapper .bp-layout:hover { opacity: 1; } .page-layout-wrapper .bp-grid { margin-right: 20px; } .page-layout-wrapper .bp-active { opacity: 1; } .single-project-box { margin-bottom: 55px; clear: both; overflow: hidden; } .single-project-box .image-box { width: 35%; float: left; overflow: hidden; } .single-project-box .image-box:hover { opacity: .9; transition: .2s all ease-in-out; } .single-project-box .image-box img { width: 100%; height: auto; } .single-project-box .detail-box { width: 65%; padding-left: 85px; overflow: hidden; float: right; } .single-project-box h3 { font-weight: 700; line-height: 34px; } .single-project-box h3 a { color: #1a1a1a; } .single-project-box h3 a:hover { color: #808080; } .single-project-box p { line-height: 24px; color: #808080; font-size: 14px; } .single-project-box .location { line-height: 21px; color: #808080; margin-bottom: 20px; display: block; } .single-project-box .view-projects { margin-bottom: 20px; } .single-project-box .view-projects i { margin-left: 15px; } .wrapper-single-box:nth-child(even) .single-project-box .image-box { float: right; } .wrapper-single-box:nth-child(even) .single-project-box .detail-box { float: left; padding-left: 0; padding-right: 85px; } .categories-fall { margin-bottom: 5px; } .categories-fall a { margin-bottom: 15px; color: #1a1a1a; display: inline-block; margin-right: 20px; position: relative; padding-left: 20px; } .categories-fall a:hover { color: #808080; } .categories-fall a:before { content: '/'; color: #e0e1e2; display: inline-block; position: absolute; left: 0; } .heading-wrapper { margin-bottom: 35px; } .heading-wrapper h2 { margin-top: 30px; font-weight: 700; } .heading-wrapper .categories-single { display: block; } .heading-wrapper .categories-single span { text-transform: uppercase; font-weight: 700; color: #1a1a1a; } .heading-wrapper .categories-single a { font-weight: 500; color: #808080; } .heading-wrapper .categories-single a:last-of-type { padding-right: 0; } .heading-wrapper .categories-single a:last-of-type:after { display: none; } .heading-wrapper .categories-single a:hover { color: #1a1a1a; } .heading-wrapper .categories-single span, .heading-wrapper .categories-single a { display: inline-block; padding-right: 20px; font-size: 16px; position: relative; margin-right: 5px; } .heading-wrapper .categories-single span:after, .heading-wrapper .categories-single a:after { content: "/"; display: inline-block; position: absolute; right: 0; top: 0; font-weight: 300; font-size: 16px; color: #e0e1e2; } .breadcrumbs { padding-left: 0; text-transform: uppercase; font-size: 13px; color: #808080; } .breadcrumbs li { display: inline-block; } .breadcrumbs li a { color: #808080; } .breadcrumbs li a:hover { color: #1a1a1a; } .breadcrumbs li strong { font-weight: 400; color: #1a1a1a; } .bp-breadcrumbs { display: block; } .bp-breadcrumbs a, .bp-breadcrumbs span { display: inline-block; font-size: 13px; text-transform: uppercase; color: #808080; padding-right: 20px; position: relative; margin-right: 12px; } .bp-breadcrumbs a:after, .bp-breadcrumbs span:after { font-family: FontAwesome; content: "\f105"; display: inline-block; position: absolute; right: 0; top: 1px; } .bp-breadcrumbs a.current, .bp-breadcrumbs span.current { color: #1a1a1a; margin-right: 0; padding-right: 0; } .bp-breadcrumbs a.current:after, .bp-breadcrumbs span.current:after { display: none; } .contents-project-single { padding-top: 45px; } .contents-project-single .project-title { margin-bottom: 20px; } .portfolio-thumbnail img { max-width: 100%; } .left-arrow-slide, .right-arrow-slide { width: 46px; height: 46px; background: url("../images/icons/arrow.png") center no-repeat; } .right-arrow-slide { transform: rotate(180deg); } .slider-single-project { position: relative; } .slider-single-project .owl-nav .owl-prev, .slider-single-project .owl-nav .owl-next { position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px; display: inline-block; background: #1a1a1a; border-radius: 46px; text-align: center; padding: 0; transition: .2s; } .slider-single-project .owl-nav .owl-prev:hover, .slider-single-project .owl-nav .owl-next:hover { background: #808080; } .slider-single-project .owl-nav .owl-prev i, .slider-single-project .owl-nav .owl-next i { line-height: 46px; } .slider-single-project .owl-nav .owl-prev { left: 0; margin-left: -23px; } .slider-single-project .owl-nav .owl-next { right: 0; margin-right: -23px; } .slider-single-project .owl-dots { position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; text-align: center; } .slider-single-project .owl-dots .owl-dot { width: 8px; height: 8px; display: inline-block; border-radius: 8px; background: #907c76; margin-left: 5px; margin-right: 5px; line-height: 12px; vertical-align: middle; transition: .2s all ease-in-out; } .slider-single-project .owl-dots .owl-dot.active { background: #ffffff; width: 12px; height: 12px; } .slider-single-project img { width: 100%; } .page-content-area { padding-top: 35px; } .page-content-area .post-meta { margin-bottom: 20px; font-size: 15px; line-height: 21px; color: #808080; } .page-content-area .post-meta span { display: inline-block; margin-right: 25px; position: relative; margin-bottom: 10px; } .page-content-area .post-meta i { margin-right: 10px; } .side-related-projects { position: relative; } .side-related-projects h2 { margin-top: 0; margin-bottom: 20px !important; font-size: 18px; font-weight: 700; } .side-related-projects .btn-slider { position: relative; z-index: 999; opacity: 0; visibility: hidden; display: inline-block; } .side-related-projects .btn-slider i { display: inline-block; margin-left: 30px; vertical-align: middle; } .side-related-projects .wrapper-button { text-align: center; position: absolute; top: 50%; left: 0; right: 0; margin: -24px auto 0; } .side-related-projects .wrapper-location { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 15%, black 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 15%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 15%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#a6000000', GradientType=0); /* IE6-9 */ padding: 40px 21px 21px; position: absolute; left: 0; bottom: 0; color: #ffffff; width: 100%; text-align: left; } .side-related-projects .wrapper-location h3 { color: #ffffff; font-size: 18px; font-weight: 700; margin-top: 0; line-height: 22px; margin-bottom: 5px; } .side-related-projects .wrapper-location p.featured-location { margin-bottom: 0; font-size: 16px; color: #d9d9d9; position: relative; } .side-related-projects .wrapper-location p.featured-location:before { font-family: FontAwesome; content: "\f041"; margin-right: 10px; } .side-related-projects .related-project-single { margin-bottom: 40px; } .side-related-projects .related-project-single:hover .btn-slider { opacity: 1; visibility: visible; } .wrapper-projects-grid { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .wrapper-projects-grid .wrapper-single-box { width: 33.33%; } .wrapper-projects-grid .wrapper-single-box .single-project-box { padding-right: 15px; padding-left: 15px; } .wrapper-projects-grid .wrapper-single-box .image-box, .wrapper-projects-grid .wrapper-single-box .detail-box { width: 100%; float: none; padding: 0 !important; } .wrapper-page-icon { position: absolute; top: 0; width: 100%; } .template-pagination .pagination { margin-top: 0; } .project-single-content-box { display: flex; margin-left: -15px; margin-right: -15px; } .project-left-content-box { flex: 1; padding-left: 15px; padding-right: 15px; } .project-right-related-box { width: 34%; padding-left: 15px; padding-right: 15px; } .contents-service-single { padding-top: 45px; } .single-service-box { text-align: center; margin-bottom: 30px; } .single-service-box img { width: 100%; height: auto; } .single-service-box h3 { margin-top: 0; font-size: 18px; font-weight: 700; margin-bottom: 25px; } .single-service-box h3 a { color: #1a1a1a; } .single-service-box h3 a:hover { color: #f5b800; } .single-service-box p { font-size: 14px; color: #808080; margin-bottom: 25px; } .single-service-box figure:hover { opacity: .9; transition: .2s all ease-in-out; } .services-content-wrapper { font-size: 14px; color: #808080; margin-bottom: 25px; line-height: 24px; } .service-excerpt { padding: 40px 30px; } .side-services-list ul { padding-left: 0; margin-bottom: 40px; overflow: hidden; } .side-services-list li { display: block; margin-bottom: 40px; position: relative; } .side-services-list li:after { display: none; position: absolute; bottom: -16px; left: 0; content: ''; width: 100%; height: 2px; border-bottom: 2px #ffd800 dashed; } .side-services-list li.current a { color: #1a1a1a; } .side-services-list li.current:after { display: block; } .side-services-list a { display: inline-block; text-transform: uppercase; color: #808080; } .side-services-list a:hover { color: #1a1a1a; } .side-brochures { margin-bottom: 40px; } .side-brochures a { display: block; max-width: 360px; width: 100%; margin-bottom: 15px; text-align: center; position: relative; background: #1a1a1a; padding-top: 19px; padding-bottom: 19px; text-transform: uppercase; color: #ffffff; } .side-brochures a:hover { background: #ffd800; color: #1a1a1a; } .side-brochures a:before { color: #f82929; position: absolute; top: 50%; left: 20px; margin-top: -17px; font-family: FontAwesome; content: "\f1c1"; font-size: 24px; width: 22px; height: 34px; } .services-sidebar h2 { font-size: 18px; font-weight: 700; margin-bottom: 25px !important; } .side-contact-us { overflow: hidden; } .side-contact-us .contact-box { display: block; margin-left: 0; margin-bottom: 15px; } .services-pagination { clear: both; overflow: hidden; } .services-pagination .pagination { margin-bottom: 20px; } .wpcf7-form { margin-bottom: 100px; } .wpcf7-form p { margin-bottom: 35px; } .wpcf7-form label { text-transform: uppercase; font-size: 13px; color: #1a1a1a; display: block; position: relative; padding-bottom: 15px; border-bottom: 2px solid #e5e5e5; } .wpcf7-form label span.wpcf7-form-control-wrap { display: block; margin-top: 10px; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="number"], .wpcf7-form input[type="password"], .wpcf7-form textarea { border: none; color: #808080; font-size: 15px; width: 100%; outline: none; transition: .2s all ease-in-out; } .wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="number"]:focus, .wpcf7-form input[type="password"]:focus, .wpcf7-form textarea:focus { border-color: #1a1a1a; } .wpcf7-form textarea { height: 150px; resize: vertical; } .wpcf7-form input[type="submit"] { border: none; transition: .2s all ease-in-out; font-size: 14px; text-transform: uppercase; white-space: nowrap; background: #1a1a1a; color: #fafafa; display: inline-block; padding: 14px 30px; } .wpcf7-form input[type="submit"]:hover { background: #ffd800; color: #1a1a1a; } .nf-form-cont { margin-bottom: 100px; } .nf-form-cont .nf-form-fields-required { margin-bottom: 25px; } .nf-form-cont label { text-transform: uppercase; font-size: 13px; color: #1a1a1a; display: block; position: relative; } .nf-form-cont label span.wpcf7-form-control-wrap { display: block; margin-top: 10px; } .nf-form-cont input[type="text"], .nf-form-cont input[type="email"], .nf-form-cont input[type="number"], .nf-form-cont input[type="password"], .nf-form-cont textarea { border: none; border-bottom: 2px solid #e5e5e5; color: #808080; font-size: 15px; width: 100%; outline: none; transition: .2s all ease-in-out; padding-bottom: 15px; } .nf-form-cont input[type="text"]:focus, .nf-form-cont input[type="email"]:focus, .nf-form-cont input[type="number"]:focus, .nf-form-cont input[type="password"]:focus, .nf-form-cont textarea:focus { border-color: #1a1a1a; } .nf-form-cont textarea { height: 150px; } .nf-form-cont .nf-error .ninja-forms-field { border: none; border-bottom: 2px solid #E80000; } .nf-form-cont input[type="button"] { border: none; transition: .2s all ease-in-out; font-size: 14px; text-transform: uppercase; white-space: nowrap; background: #1a1a1a; color: #fafafa; display: inline-block; padding: 14px 30px; } .nf-form-cont input[type="button"]:hover { background: #ffd800; color: #1a1a1a; } .contact-detail-list { margin-bottom: 100px; font-weight: 500; } .contact-detail-list .icon { width: 25px; height: 25px; position: absolute; left: 0; top: 6px; } .contact-detail-list ul { padding-left: 0; list-style: none; } .contact-detail-list li { position: relative; padding-left: 40px; margin-bottom: 35px; } .contact-detail-list .small { font-size: 12px; color: #808080; display: block; } .contact-detail-list .detail { font-size: 16px; line-height: 24px; color: #1a1a1a; display: block; } .contact-detail-list .inner-row span { display: inline-block; } .contact-detail-list .inner-row span:first-of-type { max-width: 180px; width: 100%; } #map { height: 580px; } .info-window { text-transform: uppercase; font-weight: 600; font-size: 16px; } .about-into { margin-bottom: 60px; } .about-into p { font-size: 15px; } .about-into strong { font-weight: 700; color: #1a1a1a; } .about-into iframe { width: 100%; } .wrapper-team { padding-bottom: 60px; } .section-team { background: #1a1a1a; color: #ffffff; padding-bottom: 60px; } .section-team .single-member { margin-bottom: 60px; } .wrapper-member .single-member { margin-bottom: 60px; } .wrapper-member .single-member img { width: 100%; height: auto; } .wrapper-member .single-member h2 { color: #ffffff; } .wrapper-member .single-member h3 { font-size: 24px; font-weight: 700; margin-top: 25px; margin-bottom: 5px; color: #ffffff; } .wrapper-member .single-member p { color: #909090; font-size: 15px; } .wrapper-member .single-member .designation { display: inline-block; font-size: 18px; color: #909090; margin-bottom: 15px; } .wrapper-member .single-member ul { list-style: none; padding-left: 0; margin-bottom: 25px; } .wrapper-member .single-member ul li { display: inline-block; margin-left: 5px; margin-right: 5px; } .wrapper-member .single-member ul li a { color: #989898; } .wrapper-member .single-member ul li a:hover { color: #ffd800; } .section-core-values img { max-width: 100%; } .section-core-values h3 { margin-top: 30px; font-size: 16px; } /*-----------------------------------------------------------------------------------*/ /* 6.0 widget styles /*-----------------------------------------------------------------------------------*/ /*------------------------------------*/ /* 6.1 side widgets styles /*------------------------------------*/ .sidebar section { margin-bottom: 40px; } .sidebar .widget { color: #1a1a1a; } .sidebar .widget ul, .sidebar .widget ol { list-style: none; } .sidebar .widget > ol, .sidebar .widget > ul { padding-left: 0; } .sidebar .widget li { margin-bottom: 17px; font-weight: 600; } .sidebar .widget li ul { margin-top: 17px; } .sidebar .widget h3 { margin-top: 0; margin-bottom: 40px; font-size: 18px; font-weight: 700; color: #1a1a1a; position: relative; display: inline-block; } .sidebar .widget h3:after { content: ""; display: block; width: 100%; height: 2px; background: #ffd800; position: absolute; bottom: -15px; pointer-events: none; } .sidebar .widget a { color: #1a1a1a; } .sidebar .widget a:hover { color: #f5b800; } .sidebar .widget label { display: block; margin-bottom: 10px; } .sidebar img { max-width: 100%; height: auto; } .sidebar .select2-container { margin-top: 10px; width: 100% !important; outline: none; height: 40px; } .sidebar .widget_tag_cloud a { display: inline-block; font-size: 12px !important; background: #f8f8f8; padding: 9px 20px; margin-bottom: 5px; color: #808080; } .sidebar .widget_tag_cloud a:hover { background: #ffd800; color: #1a1a1a !important; } .selection:focus { outline: none; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #ffd800; color: #1a1a1a; } .select2-container--default .select2-search--dropdown .select2-search__field { outline: none; } .select2-container--default .select2-selection--single { border-radius: 0; border: none; background: #f0f0f0; } .select2-container .select2-selection--single { height: 42px; outline: none; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; padding-left: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; width: 50px; height: 42px; background: #ffd800; } .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above { border-radius: 0; border-color: #f0f0f0; } .widget_calendar table { width: 100%; } .widget_calendar caption { font-weight: 700; padding-bottom: 10px; } .widget_calendar th, .widget_calendar td { text-align: center; } .widget_calendar tfoot { padding-top: 10px; } .widget_calendar tfoot td { padding-top: 10px; } /*------------------------------------*/ /* 6.2 footer widgets styles /*------------------------------------*/ .footer-widgets-area { background: #1a1a1a; padding-top: 50px; color: #b8b8b8; } .footer-widgets-area a { color: #b8b8b8; } .footer-widgets-area a:hover { color: #ffffff; } .footer-widgets-area h3 { margin-top: 0; color: #ffffff; font-size: 13px; line-height: 21px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 22px; } .footer-widgets-area ul { list-style: none; padding-left: 0; } .footer-widgets-area .widget { margin-bottom: 50px; } .footer-widgets-area .widget li { margin-bottom: 25px; } .footer-widgets-area .widget li ul { padding-left: 10px; } .footer-widgets-area .widget li li { margin-bottom: 5px; margin-top: 5px; } .footer-widgets-area .widget.inspiry_recent_posts_with_thumbnails ul li:hover { background: #121212; } .footer-widgets-area .select2-container { width: 100% !important; } .widget_search input { height: 43px; border: none; outline: none; } .widget_search input[type="text"], .widget_search input[type="email"], .widget_search input[type="password"], .widget_search input[type="search"] { width: -webkit-calc(100% - 51px); width: calc(100% - 51px); vertical-align: middle; padding-right: 20px; padding-left: 20px; background: #f0f0f0; color: #525252; } .widget_search input[type="submit"] { background-color: #ffd800; transition: .2s all; text-indent: -999999px; width: 50px; background-image: url("../images/search-glass.png"); background-position: center center; background-repeat: no-repeat; vertical-align: middle; margin-left: -4px; } .widget_search input[type="submit"]:hover { background-color: #f5b800; } .widget.inspiry_recent_posts_with_thumbnails ul { margin-left: -10px; } .widget.inspiry_recent_posts_with_thumbnails ul li { margin-bottom: 0; display: flex; padding: 10px; align-items: center; } .widget.inspiry_recent_posts_with_thumbnails ul li:hover { background: #f0f0f0; } .widget.inspiry_recent_posts_with_thumbnails ul li a { display: inline-block; } .widget.inspiry_recent_posts_with_thumbnails ul li a img { max-width: 60px; } .widget.inspiry_recent_posts_with_thumbnails ul li .widget-thumb { padding-right: 20px; } .widget.inspiry_recent_posts_with_thumbnails ul li .widget-thumb:hover { opacity: .8; } .widget.inspiry_recent_posts_with_thumbnails ul li .list-heading { margin-bottom: 0; } .widget.inspiry_contact_list ul li { padding-left: 35px; position: relative; padding-top: 5px; } .widget.inspiry_contact_list ul li:before { font-family: FontAwesome; position: absolute; left: 0; top: 1px; font-size: 20px; } .widget.inspiry_contact_list ul .phone:before { content: "\f095"; } .widget.inspiry_contact_list ul .fax:before { content: "\f1ac"; } .widget.inspiry_contact_list ul .email:before { content: "\f0e0"; } .widget.inspiry_contact_list ul .location:before { content: "\f041"; left: 4px; } .widget.inspiry_builderpress_services li { padding-left: 30px; position: relative; } .widget.inspiry_builderpress_services li:before { content: url("../images/widget-services-bullets.png"); position: absolute; left: 0; top: 1px; } abbr[title] { border-bottom: 0; } /*-----------------------------------------------------------------------------------*/ /* 7.0 Blog /*-----------------------------------------------------------------------------------*/ .wrapper-page-contents { padding-top: 70px; padding-bottom: 70px; } .wrapper-page-contents .post-heading { font-size: 25px; font-weight: 600; word-break: break-all; } .wrapper-page-contents .post-heading a { color: #1a1a1a; } .wrapper-page-contents .post-heading a:hover { color: #f5b800; } .wrapper-page-contents .psost-heading-single { color: #1a1a1a; font-weight: 600; } .wrapper-page-contents .post-meta { margin-bottom: 10px; } .wrapper-page-contents .post-meta span, .wrapper-page-contents .post-meta a { color: #1a1a1a; margin-right: 20px; display: inline-block; margin-bottom: 10px; } .wrapper-page-contents .post-meta a span { color: #f5b800; margin-bottom: 0; } .wrapper-page-contents .post-meta a:hover { color: #f5b800; } .wrapper-page-contents .post-meta .post-count { margin-right: 0; transition: .2s all ease-in-out; color: #1a1a1a; } .wrapper-page-contents .post-meta .post-count:hover { color: #f5b800; } .wrapper-page-contents .post-meta .sticky-icon { display: none; } .wrapper-page-contents .no-sidebar .alignfull { margin: 32px calc(50% - 50vw); max-width: 100vw; width: 100vw; } .the-content-wrapper h1, .the-content-wrapper h2, .the-content-wrapper h3, .the-content-wrapper h4, .the-content-wrapper h5, .the-content-wrapper h6, .the-content-wrapper th, .the-content-wrapper dt, .bp-page-contents h1, .bp-page-contents h2, .bp-page-contents h3, .bp-page-contents h4, .bp-page-contents h5, .bp-page-contents h6, .bp-page-contents th, .bp-page-contents dt { font-weight: 600; color: #1a1a1a; } .the-content-wrapper img, .bp-page-contents img { max-width: 100%; height: auto; margin-bottom: 20px; } .the-content-wrapper figure, .bp-page-contents figure { margin-bottom: 25px; } .the-content-wrapper p, .the-content-wrapper li, .the-content-wrapper td, .the-content-wrapper dd, .the-content-wrapper address, .bp-page-contents p, .bp-page-contents li, .bp-page-contents td, .bp-page-contents dd, .bp-page-contents address { font-size: 14px; line-height: 1.714285714285714; color: #808080; } .the-content-wrapper dd, .bp-page-contents dd { margin-bottom: 25px; } .the-content-wrapper table, .bp-page-contents table { margin-bottom: 25px; } .the-content-wrapper td, .bp-page-contents td { padding-left: 10px; padding-right: 10px; } .the-content-wrapper li, .bp-page-contents li { margin-bottom: 10px; margin-top: 10px; } .the-content-wrapper a, .bp-page-contents a { color: #f5b800; } .the-content-wrapper a:hover, .bp-page-contents a:hover { color: #1a1a1a; } .the-content-wrapper .alignleft, .bp-page-contents .alignleft { float: left; margin-right: 20px; } .the-content-wrapper input[type="password"], .bp-page-contents input[type="password"] { padding-left: 18px; padding-right: 18px; border: 1px solid #e5e8f1; outline: none; height: 48px; vertical-align: middle; transition: .2s all ease-in-out; } .the-content-wrapper input[type="password"]:focus, .bp-page-contents input[type="password"]:focus { border-color: #1a1a1a; } .the-content-wrapper input[type="submit"], .bp-page-contents input[type="submit"] { height: 48px; background: #ffd800; border: none; outline: none; vertical-align: middle; color: #1a1a1a; padding-right: 18px; padding-left: 18px; transition: .2s all ease-in-out; } .the-content-wrapper input[type="submit"]:hover, .bp-page-contents input[type="submit"]:hover { color: #ffd800; background: #1a1a1a; } .the-content-wrapper .wp-caption-text, .bp-page-contents .wp-caption-text { font-size: 12px; text-align: center; } .single-post-bp { margin-bottom: 35px; padding-bottom: 30px; border-bottom: 1px solid #f2f4f9; } .single-post-bp img { max-width: 100%; height: auto; display: block; } .single-post-bp .sticky-pin-icon { display: none; } .single-post-bp.sticky { border-bottom: 2px solid #ffd800; } .single-post-bp.sticky h2 { padding-right: 40px; position: relative; } .single-post-bp.sticky h2 .sticky-pin-icon { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: FontAwesome; content: "\f08d"; background: #ffd800; font-size: 18px; margin-right: 10px; } .single-post-bp.sticky h2 .sticky-pin-icon svg { transform: rotate(-45deg); vertical-align: -2px; } .single-post-bp .the-post-thumbnail a { position: relative; display: block; } .single-post-bp .the-post-thumbnail a:hover { opacity: .9; } .single-post-bp .the-post-thumbnail a:hover:after { font-size: 20px; } .alignright { float: right; margin-left: 20px; } .aligncenter { margin: auto; max-width: 100%; } .alignnone { max-width: 100%; } .author-detail-wrapper { padding-bottom: 60px; border-bottom: 1px solid #e9e9e9; } .author-detail-wrapper img { max-width: 100%; height: auto; } .author-detail-wrapper h2, .author-detail-wrapper h3 { font-weight: 600; } .author-detail-wrapper h2 { margin-top: 40px; font-size: 24px; margin-bottom: 30px; } .author-detail-wrapper h3 { margin-top: 0; font-size: 18px; } .author-detail-wrapper .view-all { color: #1a1a1a; font-weight: 600; } .author-detail-wrapper .author-thumbnail { transition: .2s all ease-in-out; } .author-detail-wrapper .author-thumbnail:hover { opacity: .9; } .author-detail-wrapper h3 { margin-bottom: 20px; } .author-detail-wrapper ul { padding-left: 0; list-style: none; margin-left: -10px; } .author-detail-wrapper li { display: inline-block; margin-left: 10px; } .author-detail-wrapper li a { color: #808080; } .author-detail-wrapper li a:hover { color: #1a1a1a; } .comments-single { overflow: hidden; border-bottom: 1px solid #e9e9e9; } .comments-single .comment-wrapper h1, .comments-single .comment-wrapper h2, .comments-single .comment-wrapper h3, .comments-single .comment-wrapper h4, .comments-single .comment-wrapper h5, .comments-single .comment-wrapper h6, .comments-single .comment-wrapper th, .comments-single .comment-wrapper dt { font-weight: 600; color: #1a1a1a; } .comments-single .comment-wrapper p, .comments-single .comment-wrapper li, .comments-single .comment-wrapper td, .comments-single .comment-wrapper dd, .comments-single .comment-wrapper address { font-size: 14px; line-height: 24px; color: #808080; } .comments-single .comment-wrapper dd { margin-bottom: 25px; } .comments-single .comment-wrapper table { margin-bottom: 25px; } .comments-single .comment-wrapper td { padding-left: 10px; padding-right: 10px; } .comments-single .comment-wrapper li { margin-bottom: 10px; margin-top: 10px; } .comments-single .comment-wrapper a { color: #f5b800; } .comments-single .comment-wrapper a:hover { color: #1a1a1a; } .comments-single .comment-wrapper ul { padding-left: 20px; margin-left: 0; list-style: disc; } .comments-single .comment-wrapper .comment-reply-link { font-size: 11px; font-weight: 600; text-transform: uppercase; color: #1a1a1a; padding: 1px 10px; line-height: 23px; height: 23px; vertical-align: middle; background: #ffd800; display: inline-block; } .comments-single .comment-wrapper .comment-reply-link:hover { color: #ffd800; background: #1a1a1a; } .comments-single .comment-wrapper .avatar img { max-width: 100%; } .comments-single .comment-respond { padding-top: 0; padding-bottom: 70px; } .comments-single .comments-heading { margin-top: 40px; margin-bottom: 30px; font-size: 24px; font-weight: 600; } .comments-single .comment-list-heading { margin-top: 10px; } .comments-single .comment-list-heading h3 { font-size: 18px; font-weight: 600; margin-top: 0; float: left; } .comments-single .comment-list-heading h3 a { color: #1a1a1a; } .comments-single .comment-list-heading h3 a:hover { color: #808080; } .comments-single .comment-list-heading .comment-date { margin-top: 1px; float: right; font-size: 12px; color: #808080; } .comments-single p { margin-bottom: 15px; } .comments-single ul { padding-left: 0; list-style: none; } .comments-single ul li .comment-wrapper { margin-bottom: 70px; } .comments-single ul li ul { margin-left: 65px; } .comments-single .pingback a { color: #f5b800; } .comments-single .pingback a:hover { color: #1a1a1a; } .name-social-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .name-social-wrapper a { color: #1a1a1a; } .name-social-wrapper a:hover { color: #989898; } .name-social-wrapper .comment-date { font-size: 12px; color: #808080; } .comment-respond { padding-top: 50px; } .comment-respond h3 { font-size: 24px; font-weight: 600; color: #1a1a1a; margin-bottom: 40px; } .comment-respond input, .comment-respond textarea { outline: none; color: #808080; transition: .2s all ease-in-out; } .comment-respond input[type="text"], .comment-respond textarea { border: 1px solid #e5e8f1; } .comment-respond input[type="text"]:focus, .comment-respond textarea:focus { border-color: #1a1a1a; } .comment-respond input[type="text"] { height: 50px; width: 100%; max-width: 360px; padding-left: 18px; padding-right: 18px; } .comment-respond textarea { width: 100%; padding: 13px 18px; height: 150px; } .comment-respond .form-submit { margin-bottom: 0; } .comment-respond input[type="submit"] { font-size: 14px; text-transform: uppercase; white-space: nowrap; color: #1a1a1a; display: inline-block; border: none; padding: 12px 28px; background: #ffd800; font-weight: 700; } .comment-respond input[type="submit"]:hover { background: #1a1a1a; color: #ffd800; } .comment-respond #cancel-comment-reply-link { font-size: 11px; font-weight: 600; text-transform: uppercase; color: #1a1a1a; padding: 1px 10px; line-height: 23px; height: 23px; vertical-align: middle; background: #ffd800; display: inline-block; float: right; } .comment-respond #cancel-comment-reply-link:hover { background: #1a1a1a; color: #ffd800; } .comment-form-cookies-consent input { margin: 0; } .comment-form-cookies-consent label { margin: 0 5px; vertical-align: middle; } .logged-in-as a { color: #808080; } .logged-in-as a:hover { color: #1a1a1a; } .pagination { display: block; text-align: center; margin-top: 40px; margin-bottom: 40px; } .pagination span, .pagination a { height: 48px; min-width: 48px; line-height: 44px; border: 2px solid #f0f0f0; color: #808080; display: inline-block; text-align: center; margin-left: 8px; margin-right: 8px; } .pagination a:hover { background: #ffd800; border-color: #ffd800; color: #1a1a1a; } .pagination .current { background: #ffd800; border-color: #ffd800; color: #1a1a1a; } .pagination .prev, .pagination .next { padding-left: 20px; padding-right: 20px; } .page-links { color: #1a1a1a; } .page-links a { color: #f5b800; } .page-links a:hover { color: #1a1a1a; } .pingback { margin-bottom: 10px; } .pingback a { display: block; } /* Text meant only for screen readers. */ .screen-reader-text { pointer-events: none; cursor: not-allowed; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px !important; width: 1px !important; min-width: 0 !important; border: 0 !important; overflow: hidden; } .gallery-caption { position: relative; } .bypostauthor { list-style: none; } .tag-links { display: inline-block; margin-top: 30px; } .tag-links a { display: inline-block; font-size: 12px; background: #ffd800; padding: 9px 20px; font-weight: 500; margin-bottom: 5px; color: #1a1a1a; margin-right: 5px; } .tag-links a:hover { background: #1a1a1a; color: #ffd800; } .searched-text { color: #1a1a1a; } blockquote, blockquote.wp-block-quote { border-left: 4px solid transparent; } .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"], blockquote, blockquote.wp-block-quote { border-color: #ffd800; } .wp-block-gallery { margin-top: 40px; } .the-content-wrapper .wp-block-button__link:active, .the-content-wrapper .wp-block-button__link:focus, .the-content-wrapper .wp-block-button__link:hover, .the-content-wrapper .wp-block-button__link:visited, .bp-page-contents .wp-block-button__link:active, .bp-page-contents .wp-block-button__link:focus, .bp-page-contents .wp-block-button__link:hover, .bp-page-contents .wp-block-button__link:visited { color: inherit; } .wrapper-page-contents .no-sidebar .alignfull { padding-left: 25px; padding-right: 25px; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { bottom: 20px; } embed, iframe, object { max-width: 100%; } .wp-block-archives-dropdown { margin-bottom: 25px; } .wp-block-latest-comments footer { background: transparent; } .psost-heading-single { word-wrap: break-word; } /*-----------------------------------------------------------------------------------*/ /* 8.0 Footer /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* footer /*-----------------------------------------------------------------------------------*/ footer { background: #1a1a1a; } .footer-intro-section { padding-top: 60px; padding-bottom: 50px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #262626; } .footer-intro-section p { margin-bottom: 0; padding-left: 50px; padding-right: 50px; color: #a0a0a0; line-height: 24px; } .footer-intro-section p a { font-weight: 700; color: #f9f9f9; } .footer-intro-section p a:hover { color: #ffd800; } .footer-copyright { background: #121212; padding-top: 25px; padding-bottom: 15px; } .copyright-text { font-size: 13px; color: #818181; margin-bottom: 0; } .copyright-text a { color: #ffffff; } .copyright-text a:hover { color: #ffd800; } .wrapper-footer-social { text-align: right; } .wrapper-footer-social ul { padding-left: 0; } /*-----------------------------------------------------------------------------------*/ /* footer ends /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 9.0 Visual Composer /*-----------------------------------------------------------------------------------*/ .vc-pages-contents-area h1, .vc-pages-contents-area h2, .vc-pages-contents-area h3, .vc-pages-contents-area h4, .vc-pages-contents-area h5, .vc-pages-contents-area h6 { font-weight: 700; } .vc-pages-contents-area .common-vc-class img { margin-bottom: 0; } .inspiry-vc-section-text p { color: #808080; font-size: 18px; line-height: 27px; margin-bottom: 60px; max-width: 700px; margin-left: auto; margin-right: auto; } div.background-position-icon { background-position: 20px 0 !important; } .vc-overlay { background-color: rgba(255, 216, 0, 0.85); } .vc-wrapper-quote-box { position: relative; z-index: 99; display: flex; justify-content: space-between; align-items: center; margin-left: -15px; margin-right: -15px; } .vc-wrapper-quote-box .flex-item { padding-left: 15px; padding-right: 15px; } .vc-wrapper-quote-box h2 { margin-top: 0; font-size: 24px; color: #1a1a1a; line-height: 32px; } .vc-wrapper-quote-box p { margin-bottom: 0; font-size: 18px; color: #4b493d; } .wrapper-vc-carousel { padding-bottom: 90px; } .wrapper-vc-carousel img { max-width: 100% !important; width: auto !important; margin-bottom: 20px; } .wrapper-vc-carousel h3 { margin-top: 0; font-size: 16px; } .wrapper-vc-carousel .value-icon-wrapper { display: inline-block; margin-bottom: 20px; } .section-testimonials-vc { position: relative; } .section-testimonials-vc h2 { font-size: 30px; margin-top: 0; margin-bottom: 20px; color: #1a1a1a; } .section-testimonials-vc .section-text { color: #808080; font-size: 18px; line-height: 27px; margin-bottom: 60px; max-width: 700px; margin-left: auto; margin-right: auto; } .wrapper-404 { padding-top: 100px; padding-bottom: 100px; max-width: 650px; margin: auto; } .wrapper-404 p.page-not-found { font-size: 24px; } .wrapper-404 h1 { font-size: 300px; font-weight: 600; font-family: 'Poppins', sans-serif; line-height: 260px; } .wrapper-404 p.message-404 { font-size: 28px; line-height: 34px; } .wrapper-404 p.message-404 span { color: #1a1a1a; text-transform: uppercase; } /*-----------------------------------------------------------------------------------*/ /* 10.0 Responsive Styles /*-----------------------------------------------------------------------------------*/ /*------------------------------------*/ /* 10.1 Large Screen Devices /*------------------------------------*/ /*------------------------------------*/ /* 10.2 Medium Screen Devices /*------------------------------------*/ @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-menu ul li { margin-right: 25px; } .main-slider ol.flex-control-nav { bottom: 20px; } .slide-content .slider-detail-inner { padding: 40px; } .slide-content .slider-detail-inner h1 { font-size: 26px; } .slide-content .slider-detail-inner a.button-slider { bottom: -15px; } .services-section .service-box-var2 .image-service { width: 50%; } .services-section .service-box-var2 .detail-service { padding: 20px 80px; width: 50%; } .custom-class-services-2:nth-of-type(odd) .image-service { order: 2; } .featured-section-var2 .wrapper-left-tabs, .featured-section-var2 .wrapper-tabs-large { height: 434px; } .featured-section-var2 .wrapper-left-tabs ul li .wrapper-inner-single-feature { padding: 10px 15px; } } /*------------------------------------*/ /* 10.3 Small Screen Devices /*------------------------------------*/ @media only screen and (max-width: 991px) { .custom-container-header-2 { padding-left: 0; padding-right: 0; width: 100%; } .text-center-sm { text-align: center !important; } .text-left-sm { text-align: left !important; } .header-box { flex-direction: column; } .header-box .header-box-logo { width: 100%; } .header-box .header-box-contact { width: 100%; } .wrapper-logo { margin-top: 10px; margin-bottom: 10px; } .wrapper-header-contact { text-align: center; } .contact-box, .request-quote-btn { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px; } .contact-box.contact-phone { margin-left: 15px; } .shopping-cart-btn { position: absolute; right: 0; top: 0; z-index: 999999; width: 52px; height: 52px; } .wrapper-quote-box { flex-direction: column; text-align: center; } .wrapper-quote-box p { margin-bottom: 20px; } .slide-content .slider-detail-inner { padding: 30px 30px; max-width: 400px; } .slide-content .slider-detail-inner h1 { font-size: 24px; } .slide-content .slider-detail-inner p { font-size: 14px; } .slide-content .slider-detail-inner a.button-slider { float: left; bottom: -5px; } .slide-content .slider-detail-inner .slide-icon { display: none; } .main-slider ol.flex-control-nav { bottom: 20px; } .special-home-var2 .wrapper-special-feature { margin-bottom: 60px; } .qualities-box { flex-direction: column; } .qualities-box .left-items, .qualities-box .right-items { width: 100%; } .single-project-box .image-box, .single-project-box .detail-box { width: 100%; float: none; } .single-project-box .detail-box { padding-left: 0; padding-right: 0 !important; } .page-layout-wrapper { position: static; float: right; clear: both; display: block; margin-bottom: 40px; } .projects-category-lists { padding-right: 0; } .projects-category-lists ul { clear: both; } .wrapper-projects-grid .wrapper-single-box { width: 50%; } .mini-cart { position: absolute; right: 0; top: 0; height: 52px; line-height: 52px; } .mini-cart .nav-dropdown { display: none; } .services-section .services-box { flex-direction: column; } .services-section .services-box .single-service-wrapper { width: 100%; } .services-section .services-box .single-service { width: 100%; } .vc-wrapper-quote-box { flex-direction: column; text-align: center; } .vc-wrapper-quote-box .text-cta { margin-bottom: 25px; } .header-nav-top .mini-cart { line-height: 52px; } .header-nav-top .mini-cart .cart-inner { border: none; } .header-nav-top .mini-cart .cart-icon { transition: .2s all; } .header-nav-top .mini-cart .cart-icon i { color: #1a1a1a; } .header-nav-top .mini-cart .cart-icon i svg { fill: #1a1a1a; transition: .2s all; } .header-nav-top .mini-cart .cart-icon:hover { background: #1a1a1a; } .header-nav-top .mini-cart .cart-icon:hover svg { fill: #ffd800; } .header-nav-top .cart-and-social-wrapper { display: block; float: none; text-align: center; } .header-nav-top .cart-and-social-wrapper .top-social-nav { padding-left: 0; padding-top: 0; margin-bottom: 20px; } .header-nav-top .cart-and-social-wrapper .top-social-nav li { margin-left: 8px; margin-right: 8px; } .custom-class-services-2:nth-of-type(odd) .image-service { order: 2; } .featured-section-var2 .wrapper-left-tabs, .featured-section-var2 .wrapper-tabs-large { width: 100%; } .featured-section-var2 .wrapper-left-tabs { overflow-y: visible; height: auto; } .featured-section-var2 .wrapper-left-tabs ul { padding-right: 15px; } .featured-section-var2 .wrapper-tabs-large { height: auto; margin-top: 50px; } .featured-section-var2 .wrapper-tabs-large img { width: 100%; max-width: none; } .wrapper-inner-single-feature.single-inner-sm-class { box-shadow: 0px 0px 15px 2px #ededed !important; } .woocommerce ul.order_details li { display: inline-block; border: none; margin-bottom: 30px; width: 40%; } .main-slider .active .slider-detail-inner.icon-padding { padding-top: 30px; } .woocommerce nav.woocommerce-pagination { margin-bottom: 80px; } .woocommerce div.product .woocommerce-tabs #comments { margin-bottom: 30px; } .woocommerce div.product .woocommerce-tabs #comments, .woocommerce div.product .woocommerce-tabs #review_form_wrapper { width: 100%; } .comment-respond { margin-bottom: 50px; } .header-top-section { padding-top: 20px; padding-bottom: 6px; } .checkout_coupon .form-row-first { width: 100% !important; } .checkout_coupon .form-row { float: none !important; } .project-single-content-box { display: block; } .project-left-content-box { width: 100%; } .project-right-related-box { width: 100%; } .woocommerce.columns-4 .products .product, .woocommerce.columns-3 .products .product { width: 50%; } } /*------------------------------------*/ /* 10.4 Extra Small Screen Devices /*------------------------------------*/ @media only screen and (max-width: 767px) { .slide-content .slider-detail-inner { display: none; } .slide-content .slider-detail { align-items: baseline; } .custom-container-slider { margin-left: 0; margin-top: 15px; } .text-center-xs { text-align: center !important; } .text-left-xs { text-align: left !important; } .top-social-nav { display: block; padding-left: 0; } .footer-intro-section { flex-direction: column; text-align: center; } .footer-intro-section p { margin-bottom: 30px; padding: 0; } .footer-logo { margin-bottom: 30px; } .testimonials-section .flex-control-nav { margin-top: 30px; } .custom-navigation a.custom-left { margin-left: 0; } .custom-navigation a.custom-right { margin-right: 0; } .wrapper-featured-contents .btn-slider { opacity: 1; visibility: visible; transform: rotateX(0deg); } .services-section .services-box { flex-direction: column; align-items: center; } .services-section .services-box .single-service { width: 100%; } .services-section .services-box .single-service:hover { box-shadow: none; transform: scale(1); } .special-home-section { padding-bottom: 40px; } .wrapper-special-feature { margin-bottom: 60px; text-align: center; } .slider-featured .owl-nav .owl-prev, .slider-single-project .owl-nav .owl-prev { margin-left: -14px; } .slider-featured .owl-nav .owl-next, .slider-single-project .owl-nav .owl-next { margin-right: -14px; } .slider-featured .specialties-box, .slider-single-project .specialties-box { flex-direction: column; } .slider-featured .wrapper-special-feature-item, .slider-single-project .wrapper-special-feature-item { width: 100%; margin-bottom: 50px; } .slider-featured .wrapper-special-feature-item:last-of-type, .slider-single-project .wrapper-special-feature-item:last-of-type { margin-bottom: 0; } .name-social-wrapper { margin-top: 30px; } .comments-single .comment-list-heading { margin-top: 20px; margin-bottom: 20px; } .comments-single .comment-list-heading h3 { float: none; } .comments-single .comment-list-heading .comment-date { float: none; } .comments-single ul li ul { margin-left: 50px; } .bp-archive-product-single { margin-bottom: 50px; } .bp-archive-product-single img { width: 100%; max-width: none; } .wrapper-wc-pages .woocommerce-result-count { float: none; text-align: center; } .woocommerce .woocommerce-ordering { float: none; text-align: center; } .woocommerce-ordering .select2-container { width: 100% !important; text-align: left; } .wrapper-empty-cart .empty-cart-message { text-align: center; } .wrapper-empty-cart .empty-cart-message .cart-empty { margin-top: 0; } .qualities-box .right-items { display: none; } .woocommerce ul.order_details li { display: block; width: 100%; } .wrapper-404 p.page-not-found { font-size: 24px; } .wrapper-404 h1 { font-size: 200px; line-height: 200px; } .wrapper-404 p.message-404 { font-size: 28px; } .main-slider .owl-dots { bottom: 20px; } } @media only screen and (max-width: 600px) { .custom-container-slider { display: none; } .services-section .service-box-var2 { flex-direction: column; } .services-section .service-box-var2 .image-service, .services-section .service-box-var2 .detail-service { width: 100%; } .services-section .service-box-var2 .detail-service { padding: 40px 15px; } .custom-class-services-2:nth-of-type(odd) .image-service { order: 0; } } @media only screen and (max-width: 500px) { .testimonials-section .testimonials-text { padding: 50px 20px 80px; } .wrapper-featured-contents .wrapper-location, .related-project-single .wrapper-location { text-align: center; padding: 20px; position: relative; background: #1a1a1a; } .wrapper-featured-contents .wrapper-location p.featured-location, .related-project-single .wrapper-location p.featured-location { color: #bdbdbd; } .wrapper-featured-contents .btn-slider i, .related-project-single .btn-slider i { display: none; } .right-items .image-wrapper { position: static; max-width: none; max-height: none; } .contact-detail-list .inner-row span { max-width: none !important; } .contact-detail-list .inner-row span:last-of-type { margin-bottom: 30px; } .wrapper-projects-grid .wrapper-single-box { width: 100%; } .page-layout-wrapper { display: none; } .featured-section-var2 .wrapper-left-tabs a { display: block; } .featured-section-var2 .wrapper-left-tabs .image-wrapper_tabs, .featured-section-var2 .wrapper-left-tabs .text-wrapper { width: 100%; } .featured-section-var2 .wrapper-left-tabs .text-wrapper { padding-left: 0; } .featured-section-var2 .wrapper-left-tabs .text-wrapper h3 { margin-top: 20px; } .featured-section-var2 .wrapper-left-tabs .text-wrapper p { margin-bottom: 15px; } .wrapper-404 p.page-not-found { font-size: 20px; } .wrapper-404 h1 { font-size: 130px; line-height: 130px; } .wrapper-404 p.message-404 { font-size: 20px; } } @media only screen and (max-width: 400px) { .header-top-section { font-size: .9em; } .section-common h2 { font-size: 24px; } .comments-single ul li ul { margin-left: 20px; } .custom-col-products { width: 100%; text-align: center; } .woocommerce .star-rating { margin: auto !important; } .woocommerce.columns-4 .products .product, .woocommerce.columns-3 .products .product, .woocommerce.columns-2 .products .product { width: 100%; } .woocommerce.columns-4 .products .product img, .woocommerce.columns-3 .products .product img, .woocommerce.columns-2 .products .product img { margin: auto; } .woocommerce.columns-4 .products .product h2, .woocommerce.columns-3 .products .product h2, .woocommerce.columns-2 .products .product h2 { text-align: center; } } /*-----------------------------------------------------------------------------------*/ /* 11.0 Page Loader /*-----------------------------------------------------------------------------------*/ .page-pre-load { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; background: #f8f8f8; } .page-pre-load .uil-flickr-css { position: absolute; left: 50%; top: 50%; margin-top: -100px; margin-left: -100px; transform: scale(0.28); } @-webkit-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-webkit-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-moz-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-ms-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-moz-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-webkit-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-o-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-webkit-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-webkit-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-moz-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-ms-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-moz-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-webkit-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-o-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } .uil-flickr-css { background: none; position: relative; width: 200px; height: 200px; } .uil-flickr-css > div { width: 100px; height: 100px; border-radius: 50px; position: absolute; top: 50px; } .uil-flickr-css > div:nth-of-type(1) { left: 0; background: #1a1a1a; z-index: 5; -ms-animation: uil-flickr-anim1 1s linear infinite; -moz-animation: uil-flickr-anim1 1s linear infinite; -webkit-animation: uil-flickr-anim1 1s linear infinite; -o-animation: uil-flickr-anim1 1s linear infinite; animation: uil-flickr-anim1 1s linear infinite; } .uil-flickr-css > div:nth-of-type(2) { left: 100px; background: #ffd800; -ms-animation: uil-flickr-anim2 1s linear infinite; -moz-animation: uil-flickr-anim2 1s linear infinite; -webkit-animation: uil-flickr-anim2 1s linear infinite; -o-animation: uil-flickr-anim2 1s linear infinite; animation: uil-flickr-anim2 1s linear infinite; } /*-----------------------------------------------------------------------------------*/ /* 12.0 /*-----------------------------------------------------------------------------------*/ p.message { padding: 20px 25px; position: relative; } p.message .close { line-height: 11px; position: absolute; top: 10px; right: 11px; background: transparent; border: none; } p.message .close:focus { outline: none; } .bg-info { border-left: 3px solid #afd9ee; background-color: #d9edf7; } .bg-warning { border-left: 3px solid #f7ecb5; background-color: #fcf8e3; } .bg-success { border-left: 3px solid #c1e2b3; background-color: #dff0d8; } .bg-danger { border-left: 3px solid #e4b9b9; background-color: #f2dede; } .Shortcode_btn.bp-button { font-size: 14px; text-transform: uppercase; white-space: nowrap; color: #1a1a1a; display: inline-block; } .Shortcode_btn.bp-button-plain { padding: 14px 30px; } .Shortcode_btn.button-yellow-border { border: 2px solid #ffd800; padding: 12px 28px; } .Shortcode_btn.button-dark { background: #1a1a1a; color: #ffffff; } .Shortcode_btn.button-dark:hover { background: #ffffff; color: #1a1a1a; } .Shortcode_btn.button-dark.hover-to-yellow:hover { background: #ffd800; color: #1a1a1a; } .Shortcode_btn.button-yellow { background: #ffd800; } .Shortcode_btn.button-yellow:hover { color: #ffd800; background: #1a1a1a; } .Shortcode_btn.read-more { text-transform: uppercase; color: #1a1a1a; font-weight: 700; } .Shortcode_btn.read-more:hover { color: #1a1a1a; } .Shortcode_btn.bp-lined { display: inline-block; position: relative; } .Shortcode_btn.bp-lined:after { content: ""; display: block; width: 0; height: 2px; background: #ffd800; position: absolute; bottom: -15px; transition: .2s all ease-in-out; pointer-events: none; } .Shortcode_btn.bp-lined:hover:after { width: 100%; } .Shortcode_btn.bp-lined i { margin-left: 15px; }