/**
* 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;
}