@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,800;1,400;1,600;1,700&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,500&display=swap);

.checkout-area .billing-details .form-group .nice-select .list .option.selected,

.default-btn:hover,

.featured-slider .owl-theme .owl-nav [class*=owl-]:hover,

.form-control:focus,

.hero-slider-area .owl-theme .owl-nav [class*=owl-]:hover,

.product-view-one .owl-theme .owl-nav [class*=owl-]:hover,

.projects-area-three .owl-dots .owl-dot .active span,

.projects-area-three .owl-dots .owl-dot .owl-theme .owl-dots .owl-dot:hover span,

.projects-area-three .owl-theme .owl-dots .owl-dot.active span,

.projects-area-three .owl-theme .owl-dots .owl-dot:hover span,

.testimonials-area .testimonials-slider .owl-theme .owl-nav [class*=owl-]:hover,

.top-header.top-header-style-three {

    background-color: transparent

}



.header-area,

.navbar-area.is-sticky {

    z-index: 999;

    top: 0;

    left: 0;

    width: 100%

}



.banner-area,

.feathers-area,

.hero-slider-item,

.price-area,

.single-services {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover

}



a,

a:focus,

a:hover {

    text-decoration: none

}



:root {

    --body-family: 'Open Sans', sans-serif;

    --heading-family: 'Roboto', sans-serif;

    --main-color: #141b65;

    --body-color: #555555;

    --heading-color: #141b65;

    --white-color: #ffffff;

    --black-color: #000000;

    --font-size: 16px;

    --transition: all ease .5s;

    --border-radius: 4px;

    --box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05)

}



body {

    font-size: var(--font-size);

    font-family: var(--body-family);

    color: var(--body-color)

}



a {

    display: inline-block;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    color: var(--body-color)

}



.default-btn,

.read-more span {

    -webkit-transition: var(--transition)

}



a:hover {

    color: #141b65

}



button {

    outline: 0 !important;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none

}



button:focus {

    -webkit-box-shadow: none;

    box-shadow: none

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: var(--heading-family);

    color: #141b65;

    font-weight: 700

}



.hero-slider-area.hero-slider-two .hero-slider-content p,

.services-details-area .services-faq-title h2,

h3 {

    font-size: 24px

}



.d-table {

    width: 100%;

    height: 100%

}



.d-table-cell {

    vertical-align: middle

}



p {

    font-size: var(--font-size);

    margin-bottom: 15px;

    line-height: 1.8

}



.checkout-area .billing-details .col-lg-12:last-child .form-group,

.faq-accordion .accordion .accordion-item.active,

.faq-accordion .accordion .accordion-item:last-child,

.main-contact-area .contact-info .address li:last-child,

.privacy-policy-wrap .privacy-content ul li:last-child,

.privacy-policy-wrap .privacy-content.six,

.privacy-policy-wrap .privacy-content.six p,

.product-details-area .product-details-desc .product-summery li:last-child,

.product-details-area .product-details-desc p,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child,

.product-view-one .modal-content .product-content .product-info li:last-child,

.project-details-table ul li:last-child,

.projects-details-area .content-two p,

.projects-details-area .content-two ul li:last-child,

.section-title h2:last-child,

.services-details-area .content-two p,

.services-details-area .content-two ul li:last-child,

.sidebar-modal .contact-us ul li:last-child,

.sidebar-widget.tags ul li:last-child,

.single-blog-content .comments-wrap ul li:last-child,

.single-footer-widget .address li:last-child,

.single-footer-widget .import-link li:last-child,

.terms-conditions .conditions-content ul li:last-child,

.terms-conditions .conditions-content.five,

.terms-conditions .conditions-content.five p,

.terms-conditions .conditions-content.six,

.terms-conditions .conditions-content.six p,

.user-area-style .contact-form-action form .login-action .log-rem label,

.user-area-style.recover-password-area .recover .default-btn,

.wishlist-wrap .table-responsive>.table-bordered,

p:last-child {

    margin-bottom: 0

}



img {

    max-width: 100%;

    height: auto

}



ul {

    list-style: none;

    padding: 0;

    margin: 0

}



.form-control {

    height: 40px;

    color: #141b65;

    border: 1px solid #ebebeb;

    background-color: #f7f7f7;

    border-radius: 0;

    font-size: 16px;

    padding: 10px 20px;

    width: 100%

}



.form-control::-webkit-input-placeholder {

    color: #676a6a

}



.form-control:-ms-input-placeholder {

    color: #676a6a

}



.form-control::-ms-input-placeholder {

    color: #676a6a

}



.form-control::placeholder {

    color: #676a6a

}



.form-control:focus {

    color: #97999d;

    outline: 0;

    border: 1px solid #97999d

}



.form-control:focus,

.form-control:hover:focus {

    -webkit-box-shadow: unset;

    box-shadow: unset

}



textarea.form-control {

    height: auto

}



.ptb-100 {

    padding-top: 100px;

    padding-bottom: 100px

}



.ptb-70 {

    padding-top: 70px;

    padding-bottom: 70px

}



.pt-100 {

    padding-top: 100px

}



.pb-100 {

    padding-bottom: 100px

}



.pt-70 {

    padding-top: 70px

}



.pb-70 {

    padding-bottom: 70px

}



.mt-100,

.product-details-area .products-details-tab {

    margin-top: 100px

}



.main-contact-area .contact-info .sidebar-follow-us,

.mt-30,

.product-details-area .product-details-desc .product-summery,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form,

.projects-details-area .content-one,

.projects-details-area .content-two,

.services-details-area .content-one,

.services-details-area .content-two {

    margin-top: 30px

}



.checkout-area .billing-details .form-group,

.faq-contact-area .contact-wrap .form-group,

.main-contact-area .contact-wrap .form-group,

.mb-30,

.privacy-policy-wrap .privacy-content,

.privacy-policy-wrap img,

.projects-details-area .content-two .details-img,

.services-details-area .content-two .details-img,

.sidebar-modal .contact-us,

.sidebar-modal .sidebar-about,

.sidebar-modal .sidebar-gallery-feed,

.single-blog-content .blog-top-content img,

.single-blog-content .leave-reply-wrap p,

.single-footer-widget,

.skills-content p,

.terms-conditions .conditions-content,

.terms-conditions img,

.user-area-style .contact-form-action form .form-group,

.user-area-style .contact-form-action form .login-action,

.user-area-style.recover-password-area p,

.who-we-are-area-style-two .single-who-we-are {

    margin-bottom: 30px

}



.ebeef5-bg-color {

    background-color: #ebeef5

}



.f5f6fa-bg-color {

    background-color: #f5f6fa

}



.default-btn {

    font-size: 16px;

    color: var(--white-color);

    padding: 15px 40px;

    line-height: 1;

    transition: var(--transition);

    text-align: center;

    background-color: #141b65;

    border-radius: #141b65;

    border: 1px solid #141b65;

    text-transform: capitalize

}



.read-more,

.read-more span {

    color: #141b65

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea,

.top-header {

    padding-top: 15px

}



.default-btn:hover {

    color: #141b65;

    border-color: #141b65 !important

}



.read-more {

    font-weight: 500;

    font-size: 15px;

    font-family: var(--heading-family)

}



.read-more span {

    font-size: 13px;

    font-weight: 700;

    position: relative;

    margin-left: 5px;

    margin-bottom: 0;

    transition: var(--transition)

}



.banner-area .banner-content h1 span,

.cart-area .cart-table table tbody tr td a:hover,

.checkout-area .faq-accordion .accordion .accordion-title:hover,

.checkout-area .faq-accordion .form-check label a:hover,

.footer-bottom-area .footer-bottom-menu li a:hover,

.footer-bottom-area p a,

.hero-slider-content h1 span,

.main-contact-area .contact-info .address li a:hover,

.navbar-area.navbar-area-style-three .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,

.navbar-area.navbar-area-style-three .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,

.navbar-area.navbar-area-style-three .main-nav nav .navbar-nav .nav-item a.active,

.navbar-area.navbar-area-style-three .main-nav nav .navbar-nav .nav-item a:hover,

.navbar-area.navbar-area-style-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,

.navbar-area.navbar-area-style-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,

.navbar-area.navbar-area-style-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,

.navbar-area.navbar-area-style-two .main-nav nav .navbar-nav .nav-item a.active,

.navbar-area.navbar-area-style-two .main-nav nav .navbar-nav .nav-item a:hover,

.nice-select .option.selected.focus,

.page-title-area .page-title-content ul .active,

.page-title-area .page-title-content ul li a:hover,

.price-area.price-area-style-three .single-price-card.active .price-title h2,

.product-details-area .product-details-desc .product-add-to-cart .input-counter span:hover,

.product-details-area .product-details-desc .social-wrap li a:hover i,

.product-details-area .products-details-tab .tabs li a:hover,

.product-details-area .products-details-tab .tabs li.current a,

.product-view-one .modal-content .product-content .product-review .rating i,

.read-more:hover,

.read-more:hover span,

.section-title span,

.section-title.white-title span,

.shorting-menu button.filter.active,

.sidebar-widget.popular-post .item .info .title a:hover,

.single-blog-post .news-content a:hover h3,

.single-footer-widget .address li a:hover,

.single-shop a:hover h3,

.top-header .header-left-content li a:hover,

.top-header .header-right-content li a:hover,

.top-header .header-right-content li a:hover i,

.user-area-style .contact-form-action form .form-condition .agree-label a,

.user-area-style .contact-form-action p a:hover,

.who-we-are-content h2 span {

    color: #141b65

}



.section-title {

    max-width: 750px;

    margin: -6px auto 50px;

    text-align: center

}



.section-title span {

    font-size: 16px;

    display: block;

    margin-bottom: 5px

}



.section-title h2 {

    font-size: 40px;

    margin-bottom: 15px;

    position: relative

}



.blog-area-style-three .blog-list .admin li,

.blog-area-style-three .blog-list .admin li a,

.blog-area-style-three .blog-list .read-more,

.blog-area-style-three .blog-list .read-more span,

.blog-area-style-three .blog-list h3,

.counter-area.counter-area-style-three .single-counter h2,

.counter-area.counter-area-style-two .single-counter h2,

.featured-slider .featured-item .read-more,

.featured-slider .featured-item .read-more span,

.featured-slider .featured-item p,

.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,

.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,

.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,

.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,

.navbar-area .main-nav nav .navbar-nav .nav-item a.active,

.navbar-area .main-nav nav .navbar-nav .nav-item a:hover,

.navbar-area.navbar-area-style-three .main-nav nav .navbar-nav .nav-item a,

.navbar-area.navbar-area-style-three .others-option .search-box .search-btn:hover,

.section-title.white-title h2,

.single-feathers p,

.single-price-card .price-title h3,

.single-price-card.active h2,

.single-price-card:hover h2,

.single-services:hover .read-more,

.single-services:hover .read-more span,

.single-services:hover h3,

.single-services:hover i,

.single-services:hover p,

.testimonials-area.testimonials-area-style-two .testimonials-content .testimonials-name span,

.testimonials-area.testimonials-area-style-two .testimonials-content p {

    color: var(--white-color)

}



.header-area {

    position: absolute;

    height: auto

}



.top-header {

    background-color: #141b65;

    padding-bottom: 15px

}



.top-header .header-left-content {

    padding-left: 30px

}



.top-header .header-left-content li {

    display: inline-block;

    margin-right: 30px

}



.footer-bottom-area .footer-bottom-menu li:last-child,

.product-details-area .products-details-tab .tabs li:last-child,

.single-blog-content .social-wrap li:last-child a,

.top-header .header-left-content li:last-child,

.top-header .header-right-content li:last-child {

    margin-right: 0

}



.top-header .header-left-content li i {

    color: var(--white-color);

    display: inline-block;

    margin-right: 10px;

    font-size: 15px

}



.counter-area.counter-area-style-three .single-counter h3,

.counter-area.counter-area-style-two .single-counter h3,

.top-header .header-left-content li a,

.top-header .header-right-content li a {

    color: var(--white-color);

    font-size: 15px

}



.top-header .header-right-content {

    padding-right: 30px;

    float: right

}



.footer-bottom-area .footer-bottom-menu li,

.top-header .header-right-content li {

    display: inline-block;

    margin-right: 15px

}



.top-header .header-right-content li a i {

    color: var(--white-color);

    display: inline-block;

    font-size: 18px;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.top-header.top-header-style-two .header-left-content {

    margin-left: 230px

}



.top-header.top-header-style-three .header-left-content {

    padding-right: 30px;

    padding-left: 0;

    float: right

}



.top-header.top-header-style-three .header-right-content {

    padding-left: 30px;

    float: left;

    padding-right: 0

}



.navbar-area .main-nav {

    background-color: var(--white-color);

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    padding-top: 0;

    padding-bottom: 0

}



.navbar-area .main-nav .container-fluid {

    padding-left: 30px;

    padding-right: 30px

}



.navbar-area .main-nav .navbar {

    padding: 0

}



.navbar-area .main-nav .navbar .navbar-brand {

    font-size: 0;

    padding: 0

}



.navbar-area .main-nav nav .navbar-nav .nav-item,

.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li {

    position: relative;

    padding: 0

}



.navbar-area .main-nav nav .navbar-nav .nav-item a {

    font-size: 16px;

    font-weight: 600;

    color: #141b65;

    text-transform: capitalize;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    margin-left: 0;

    margin-right: 0;

    padding: 30px 20px;

    position: relative;

    z-index: 1

}



.navbar-area .main-nav nav .navbar-nav .nav-item a::before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 0;

    height: 100%;

    background-color: #141b65;

    z-index: -1;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.navbar-area .main-nav nav .navbar-nav .nav-item a i {

    font-size: 22px;

    line-height: 0;

    position: relative;

    top: 4px

}



.navbar-area .main-nav nav .navbar-nav .nav-item a.active::before,

.navbar-area .main-nav nav .navbar-nav .nav-item a:hover::before {

    width: 100%;

    right: auto;

    left: 0

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {

    position: absolute;

    top: 98%;

    left: 0;

    padding: 0;

    opacity: 0;

    width: 250px;

    visibility: hidden;

    z-index: 99;

    display: block;

    background-color: var(--white-color);

    border: none;

    border-radius: 0;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    -webkit-transform: scaleX(0);

    transform: scaleX(0)

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {

    font-size: 15px;

    color: var(--body-color);

    position: relative;

    padding: 10px 15px;

    border-bottom: 1px dashed #eee;

    margin-left: 0;

    margin-right: 0;

    text-transform: capitalize;

    display: block;

    font-weight: 600

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {

    float: right;

    top: 12px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    font-size: 20px

}



.go-top:hover,

.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,

.sidebar-modal .sidebar-header .close-btn:hover {

    color: var(--white-color);

    background-color: #141b65

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a {

    border-bottom: none

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

    position: absolute;

    left: -98%;

    top: 0 !important;

    opacity: 0 !important;

    visibility: hidden !important;

    -webkit-transform: scaleX(0);

    transform: scaleX(0)

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {

    position: absolute;

    right: -100%;

    top: 0;

    opacity: 0 !important;

    visibility: hidden !important

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {

    color: var(--body-color);

    text-transform: capitalize;

    font-size: 15px;

    font-weight: 600

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

    opacity: 1 !important;

    visibility: visible !important;

    top: -2px !important;

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {

    opacity: 1 !important;

    visibility: visible !important;

    top: -20px !important

}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu:last-child .dropdown-menu {

    left: auto;

    right: -100%

}



.navbar-area .main-nav nav .navbar-nav .nav-item:hover ul {

    opacity: 1;

    visibility: visible;

    top: 98%;

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.navbar-area.is-sticky {

    position: fixed;

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);

    background-color: var(--white-color);

    -webkit-animation: .5s ease-in-out fadeInDown;

    animation: .5s ease-in-out fadeInDown

}



.navbar-area.is-sticky.navbar-area-style-two .main-nav .navbar .navbar-brand {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 108px

}



.navbar-area.is-sticky.navbar-area-style-two .others-option.others-option-style-two {

    margin-left: 160px

}



.navbar-area.is-sticky.navbar-area-style-two .others-option.others-option-style-two .search-box .form-control {

    width: 300px

}



.footer-top-area,

.navbar-area .others-option .cart-icon a:hover i,

.navbar-area.is-sticky.navbar-area-style-three,

.price-area.price-area-style-three .single-price-card.active,

.sidebar-widget.search .search-form .search-button:hover {

    background-color: #141b65

}



.navbar-area.is-sticky.navbar-area-style-three .main-nav,

.product-view-one .modal-content .product-content .product-color-switch ul li a:focus,

.product-view-one .modal-content .product-content .product-color-switch ul li a:hover,

.product-view-one .modal-content .product-content .product-color-switch ul li.active a {

    border-color: #141b65

}



.navbar-area .others-option {

    margin-left: 30px

}



.navbar-area .others-option .search-box {

    display: inline-block;

    position: relative

}



.navbar-area .others-option .search-box .form-control {

    background-color: #f5f5f5;

    border-color: #f5f5f5;

    height: 50px;

    width: 300px;

    border-radius: 0 50px 50px 0

}



.navbar-area .others-option .search-box .form-control:focus {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    border: 1px solid #141b65

}



.navbar-area .others-option .search-box .search-btn {

    position: absolute;

    top: 0;

    right: 0;

    height: 50px;

    width: 50px;

    line-height: 50px;

    background-color: #141b65;

    border-radius: 0 50px 50px 0;

    color: var(--white-color);

    text-align: center;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    font-size: 20px

}



.checkout-area .faq-accordion .accordion .accordion-title.active::after,

.checkout-area .faq-accordion .accordion .accordion-title.active::before,

.hero-slider-area.owl-theme .owl-dots .owl-dot.active span,

.hero-slider-area.owl-theme .owl-dots .owl-dot:hover span,

.hero-slider-content .hero-slider-btn .default-btn.active:hover,

.navbar-area .others-option .search-box .search-btn:hover,

.others-option-for-responsive .dot-menu:hover .inner .circle,

.single-footer-widget .social-icon li a:hover i,

.single-price-card.active .price-title,

.single-price-card:hover .price-title,

.single-team-member:hover .team-content {

    background-color: #141b65

}



.navbar-area .others-option .cart-icon {

    display: inline-block;

    margin-left: 10px;

    position: relative;

    top: 0

}



.navbar-area .others-option .cart-icon a i {

    font-size: 20px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background-color: #141b65;

    display: inline-block;

    color: var(--white-color);

    border-radius: 50px

}



.navbar-area .others-option .cart-icon a span {

    position: absolute;

    top: 5px;

    right: 7px;

    width: 15px;

    height: 15px;

    line-height: 15px;

    background-color: var(--white-color);

    border-radius: 50%;

    text-align: center;

    color: #141b65;

    font-size: 11px

}



.navbar-area.navbar-area-style-two .main-nav .navbar .navbar-brand {

    position: absolute;

    top: -54px;

    left: 0

}



.counter-area .col-lg-3:first-child .single-counter::before,

.faq-contact-area .hidden,

.feathers-area.feathers-area-style-two .col-lg-4:first-child .single-feathers::before,

.feathers-area.feathers-area-style-two::before,

.main-contact-area .contact-wrap .contact-form .hidden,

.mobile-nav,

.navbar-area.navbar-area-style-three .main-nav nav .navbar-nav .nav-item a::after,

.navbar-area.navbar-area-style-three .main-nav nav .navbar-nav .nav-item a::before,

.navbar-area.navbar-area-style-two .main-nav nav .navbar-nav .nav-item a::before,

.others-option-for-responsive,

.page-title-area .page-title-content ul li:last-child::before,

.price-area.price-area-style-three::before,

.price-area.price-area-style-two::after,

.price-area.price-area-style-two::before,

.product-details-area .tab .tabs_item,

.shorting .mix,

.sidebar-widget.categories ul li:first-child::before,

.sidebar-widget.popular-post .item:first-child::before,

.single-blog-content .comments-wrap ul li h3::before,

.testimonials-area.three::after {

    display: none

}



.navbar-area.navbar-area-style-three .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,

.navbar-area.navbar-area-style-three .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,

.navbar-area.navbar-area-style-two .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {

    color: #141b65;

    background-color: transparent

}



.navbar-area.navbar-area-style-two .others-option.others-option-style-two {

    margin-left: 210px

}



.navbar-area.navbar-area-style-two .others-option.others-option-style-two .search-box .form-control {

    border-radius: 0;

    width: 250px

}



.navbar-area.navbar-area-style-two .others-option.others-option-style-two .search-box .search-btn {

    background-color: transparent;

    color: #141b65;

    line-height: 51px

}



.navbar-area.navbar-area-style-two .others-option.others-option-style-right .sidebar-menu {

    display: inline-block;

    margin-left: 30px

}



.navbar-area.navbar-area-style-two .others-option.others-option-style-right .sidebar-menu a i {

    font-size: 37px;

    background-color: #141b65;

    height: 50px;

    width: 60px;

    line-height: 50px;

    display: inline-block;

    text-align: center;

    color: var(--white-color)

}



.navbar-area.navbar-area-style-two .others-option.others-option-style-right .cart-icon {

    margin-left: 0

}



.navbar-area.navbar-area-style-two .others-option.others-option-style-right .cart-icon a i {

    background-color: transparent;

    color: #141b65;

    width: unset;

    height: unset;

    line-height: unset;

    font-size: 25px

}



.navbar-area.navbar-area-style-two .others-option.others-option-style-right .cart-icon a span {

    background-color: #141b65;

    color: var(--white-color);

    top: -5px;

    right: -6px

}



.navbar-area.navbar-area-style-three .main-nav {

    background-color: transparent;

    border-top: 1px solid #3d4456;

    border-bottom: 1px solid #3d4456

}



.navbar-area.navbar-area-style-three .others-option .search-box {

    position: relative;

    top: -5px

}



.navbar-area.navbar-area-style-three .others-option .search-box .form-control {

    border-radius: 0;

    border: 1px solid #636a79;

    background-color: transparent;

    color: var(--white-color)

}



.navbar-area.navbar-area-style-three .others-option .search-box .search-btn {

    border-radius: 0;

    border-left: 1px solid #636a79;

    color: #141b65;

    background-color: transparent

}



.navbar-area.navbar-area-style-three .others-option .cart-icon {

    margin-left: 30px;

    position: relative;

    top: 0

}



.navbar-area.navbar-area-style-three .others-option .cart-icon a i {

    background-color: transparent;

    color: var(--white-color);

    width: unset;

    height: unset;

    line-height: unset;

    font-size: 25px

}



.navbar-area.navbar-area-style-three .others-option .cart-icon a span {

    background-color: #141b65;

    color: var(--white-color);

    top: -3px;

    right: -6px

}



.navbar-area.navbar-area-style-three .others-option .sidebar-menu {

    display: inline-block;

    margin-left: 30px;

    position: relative;

    top: 3px

}



.navbar-area.navbar-area-style-three .others-option .sidebar-menu a i {

    font-size: 37px;

    display: inline-block;

    text-align: center;

    color: var(--white-color)

}



.others-option-for-responsive .dot-menu {

    padding: 0 10px;

    height: 30px;

    cursor: pointer;

    z-index: 9991;

    position: absolute;

    right: 70px;

    top: 20px

}



.banner-area,

.cart-area .cart-table table tbody tr td.product-quantity .input-counter,

.cart-area .coupon-cart .form-group,

.featured-img-2,

.hero-slider-content,

.hero-slider-item,

.others-option-for-responsive .container,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title,

.single-blog-content .post-next-and-prev-wrap .prev-img,

.skill-bar .progress-title-holder,

.skill-img,

.subscribe-area .newsletter-form,

.testimonials-all-content,

.testimonials-area .testimonials-area-style-three,

.testimonials-area .testimonials-slider,

.who-we-are-img {

    position: relative

}



.others-option-for-responsive .dot-menu .inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 30px

}



.others-option-for-responsive .dot-menu .inner .circle {

    height: 5px;

    width: 5px;

    border-radius: 100%;

    margin: 0 2px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    background-color: var(--black-color)

}



.others-option-for-responsive .container .container {

    position: absolute;

    right: 0;

    left: 0;

    top: 10px;

    max-width: 262px;

    margin: auto;

    opacity: 0;

    visibility: hidden;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    -webkit-transition: var(--transition);

    transition: var(--transition);

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    z-index: 2;

    padding-left: 15px;

    padding-right: 15px

}



.others-option-for-responsive .container .container.active {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.others-option-for-responsive .option-inner {

    padding: 15px;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    background-color: var(--white-color)

}



.others-option-for-responsive .option-inner .others-option {

    background-color: var(--white-color);

    border-radius: 30px;

    padding: 10px;

    position: absolute;

    top: 70px;

    left: 0;

    right: 0;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow)

}



.others-option-for-responsive .option-inner .others-option .option-item {

    margin-left: 15px;

    padding-left: 15px;

    position: relative

}



.others-option-for-responsive .option-inner .others-option .option-item:first-child {

    margin-left: 0;

    padding-left: 0

}



.others-option-for-responsive .sidebar-menu {

    display: inline-block;

    margin-left: 10px

}



.others-option-for-responsive .sidebar-menu a i {

    font-size: 25px;

    background-color: #141b65;

    height: 50px;

    width: 50px;

    line-height: 50px;

    display: inline-block;

    text-align: center;

    color: var(--white-color);

    border-radius: 50px

}



.hero-slider-item {

    height: 100vh

}



 .hero-slider-item.bg-1,
.hero-slider-item.bg-1,

        .hero-slider-item.bg-2 {

            background-image: url('./image/polo-b1.webp');

        }



        .hero-slider-item.bg-3 {

            background-image: url('./image/home-elevator.jpg');

        }



        .hero-slider-item.bg-4 {

            background-image: url('./image/hospital-elevators.jpg');

        }




.hero-slider-item::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    /* background-color: rgba(4, 15, 40, .85) */

}



.hero-slider-item .border-text {

    color: transparent;

    -webkit-text-stroke: 1px rgba(255, 94, 20, 0.2);

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    font-size: 280px;

    position: absolute;

    top: 130px;

    left: 0;

    right: 0;

    text-align: center

}



.hero-slider-content {

    max-width: 870px;

    margin: 130px auto 0;

    text-align: center;

    z-index: 1

}



.hero-slider-content h2 {

    font-size: 80px;

    color: var(--white-color);

    margin-bottom: 10px

}



.hero-slider-content p {

    color: var(--white-color);

    margin-bottom: 45px

}



.hero-slider-content .hero-slider-btn .default-btn.active {

    margin-left: 30px;

    border: 1px solid var(--white-color);

    color: var(--white-color);

    background-color: transparent

}



.hero-slider-area .owl-item.active .hero-slider-item::before {

    -webkit-animation: 3s .3s both fadeInUp;

    animation: 3s .3s both fadeInUp

}



.hero-slider-area .owl-item.active .hero-slider-content,

.sidebar-widget.popular-post .item .info {

    overflow: hidden

}



.hero-slider-area .owl-item.active .hero-slider-content.one h1,

.hero-slider-area .owl-item.active .hero-slider-content.one img {

    -webkit-animation: 2s .2s both fadeInLeft;

    animation: 2s .2s both fadeInLeft

}



.hero-slider-area .owl-item.active .hero-slider-content.one p {

    -webkit-animation: 2s .2s both fadeInRight;

    animation: 2s .2s both fadeInRight

}



.hero-slider-area .owl-item.active .hero-slider-content.one .hero-slider-btn,

.hero-slider-area .owl-item.active .hero-slider-content.two h1,

.hero-slider-area .owl-item.active .hero-slider-content.two img {

    -webkit-animation: 2s .2s both fadeInUpBig;

    animation: 2s .2s both fadeInUpBig

}



.hero-slider-area .owl-item.active .hero-slider-content.two .hero-slider-btn,

.hero-slider-area .owl-item.active .hero-slider-content.two p {

    -webkit-animation: 3s .3s both fadeInUpBig;

    animation: 3s .3s both fadeInUpBig

}



.hero-slider-area .owl-next {

    position: absolute;

    top: 50%;

    right: 30px;

    margin: 0 !important;

    border-radius: 0 !important;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    -webkit-transform: translateY(50px);

    transform: translateY(50px)

}



.hero-slider-area .owl-next i,

.hero-slider-area .owl-prev i {

    border: 1px solid var(--white-color);

    color: var(--white-color);

    width: 60px;

    height: 50px;

    line-height: 50px;

    display: inline-block;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    font-size: 26px

}



.hero-slider-area .owl-next i:hover,

.hero-slider-area .owl-prev i:hover {

    background-color: #141b65 !important;

    border-color: #141b65

}



.hero-slider-area .owl-prev {

    position: absolute;

    top: 50%;

    left: 30px;

    margin: 0 !important;

    border-radius: 0 !important;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    -webkit-transform: translateY(50px);

    transform: translateY(50px)

}



.hero-slider-area .owl-theme .owl-nav,

.hero-slider-area.owl-theme .owl-nav,

.product-view-one .owl-theme .owl-nav {

    margin-top: 0 !important

}



.hero-slider-area.hero-slider-two .hero-slider-item {

    height: 870px

}



.hero-slider-area.hero-slider-two .hero-slider-content {

    max-width: 950px;

    margin-top: 0

}



.hero-slider-area.hero-slider-two .hero-slider-content img {

    width: unset;

    margin: 0 auto 35px

}



.hero-slider-area.owl-theme .owl-dots {

    margin-top: 0 !important;

    line-height: 1;

    position: absolute;

    bottom: 115px;

    left: 0;

    right: 0

}



.hero-slider-area.owl-theme .owl-dots .owl-dot span {

    width: 30px;

    height: 4px;

    margin: 0 10px;

    background: #818998;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    border-radius: 0

}



.banner-area {

    height: 770px;

    background-image: url(../img/banner-bg.jpg)

}



.banner-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #040f28;

    opacity: .85

}



.banner-area .banner-content {

    max-width: 870px;

    margin: 140px auto 0;

    text-align: center;

    position: relative;

    z-index: 1

}



.banner-area .banner-content h1 {

    font-size: 80px;

    color: var(--white-color);

    margin-bottom: 30px

}



.banner-area .banner-content .video-btn {

    background-color: rgba(101, 48, 34, .9)

}



.banner-area .banner-content .video-btn::after,

.banner-area .banner-content .video-btn::before {

    -webkit-animation: 1.6s ease-out infinite ripple;

    animation: 1.6s ease-out infinite ripple;

    background-color: rgba(101, 48, 34, .9)

}



.who-we-are-content .top-title {

    color: #141b65;

    position: relative;

    line-height: 1;

    display: inline-block;

    padding-left: 10px;

    margin-bottom: 10px;

    font-family: var(--heading-family);

    font-size: 16px

}



.featured-content .top-title::before,

.who-we-are-content .top-title::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 1px;

    height: 100%;

    background-color: #141b65

}



.skills-content h2,

.who-we-are-content h2 {

    font-size: 36px;

    margin-bottom: 20px

}



.who-we-are-content .single-who-we-are {

    margin-top: 25px;

    margin-bottom: 30px

}



.who-we-are-content .single-who-we-are i {

    color: #141b65;

    display: inline-block;

    margin-bottom: 25px;

    font-size: 50px;

    line-height: 1

}



.privacy-policy-wrap .privacy-content p,

.privacy-policy-wrap .privacy-content ul li,

.product-view-one .modal-content .product-content .price,

.product-view-one .modal-content .product-content .product-review,

.projects-details-area .content-two ul li,

.services-details-area .content-two ul li,

.single-blog-content .leave-reply-wrap .form-group label,

.single-footer-widget .import-link li,

.terms-conditions .conditions-content p,

.terms-conditions .conditions-content ul li,

.who-we-are-content .single-who-we-are h3 {

    margin-bottom: 10px

}



.blog-area-style-three .style p,

.blog-column-one-area .single-blog-post p,

.blog-column-three-area .single-blog-post p,

.blog-column-two-area .single-blog-post p,

.blog-left-sidebar-area .single-blog-post p,

.checkout-area .billing-details .form-check,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p,

.skill-bar,

.user-area-style .contact-form-action form .form-condition,

.who-we-are-content .single-who-we-are p {

    margin-bottom: 20px

}



.who-we-are-img .who-we-are-img-2 {

    position: absolute;

    bottom: 0;

    right: 35px;

    border-top: 10px solid var(--white-color);

    border-left: 10px solid var(--white-color)

}



.who-we-are-img .video-button {

    background-color: #141b65;

    padding: 13px 46px;

    margin-top: 30px

}



.who-we-are-img .video-button i {

    font-size: 50px;

    color: var(--white-color)

}



.who-we-are-img .video-button p {

    display: inline-block;

    margin-bottom: 0;

    color: var(--white-color);

    font-size: 18px;

    position: relative;

    top: -11px;

    margin-left: 10px

}



.who-we-are-area-style-two {

    position: relative;

    overflow: hidden

}



.projects-area-three .section-title,

.who-we-are-area-style-two .who-we-are-content {

    max-width: 550px

}



.who-we-are-area-style-two .who-we-area-img-3 {

    position: absolute;

    top: 20px;

    right: -200px

}



.feathers-area {

    background-image: url(../img/feathers-bg.jpg);

    height: 100%;

    position: relative

}



.feathers-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #141b65;

    opacity: .8

}



.feathers-area.feathers-area-style-two,

.price-area.price-area-style-three,

.price-area.price-area-style-two {

    background-image: unset

}



.feathers-area.feathers-area-style-two .container {

    background-color: var(--white-color);

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    margin-top: -60px;

    position: relative;

    z-index: 1;

    padding-top: 35px;

    padding-bottom: 20px

}



.feathers-area.feathers-area-style-two .single-feathers {

    text-align: center;

    padding: 30px 30px 0;

    position: relative

}



.feathers-area.feathers-area-style-two .single-feathers::before {

    content: "";

    position: absolute;

    top: 0;

    left: -30px;

    width: 1px;

    height: 100%;

    background-color: #eee

}



.feathers-area.feathers-area-style-two .single-feathers i {

    position: relative;

    display: inline-block;

    z-index: 1;

    width: 70px;

    height: 70px;

    line-height: 70px;

    margin-bottom: 25px

}



.feathers-area.feathers-area-style-two .single-feathers i::after {

    content: "";

    position: absolute;

    top: -15px;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffdfd0), to(#fff));

    background-image: linear-gradient(#ffdfd0, #fff);

    z-index: -1;

    border-radius: 50%

}



.cart-area .cart-table table tbody tr td a,

.checkout-area .faq-accordion .form-check label a,

.feathers-area.feathers-area-style-two .single-feathers h3,

.price-area.price-area-style-three .single-price-card.active .price-title h3,

.price-area.price-area-style-three .single-price-card.active .price-title span,

.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span:hover,

.product-view-one .modal-content .product-content .product-info li a:hover,

.product-view-one .modal-content .product-content .product-info li span,

.product-view-one .modal-content .product-content h3 a,

.product-view-one .modal-content .product-content h3 a:hover,

.user-area-style .contact-form-action p a {

    color: #141b65

}



.checkout-area .billing-details .form-group label .required,

.feathers-area.feathers-area-style-two .single-feathers p {

    color: var(--body-color)

}



.single-feathers {

    position: relative;

    padding-left: 85px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    margin-bottom: 30px

}



.single-feathers i {

    color: #fff;

    font-size: 60px;

    position: absolute;

    top: 0;

    left: 0;

    line-height: 1

}



.single-feathers h3 {

    color: var(--white-color);

    margin-bottom: 15px

}



.single-blog-post:hover,

.single-feathers:hover,

.single-price-card:hover,

.single-services:hover,

.single-team-member:hover {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

}



.single-services {

    background-image: url(../img/services-shape.webp);

    text-align: center;

    padding: 30px;

    position: relative;

    z-index: 1;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    margin-bottom: 30px

}



.single-services::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #f5f5f5;

    opacity: .5;

    z-index: -1;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-services i {

    font-size: 60px;

    line-height: 1;

    color: #141b65;

    margin-bottom: 25px;

    display: inline-block;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-services h3 {

    margin-bottom: 10px;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-services p {

    margin-bottom: 17px;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-services .count {

    position: absolute;

    top: 20px;

    left: 20px;

    font-size: 70px;

    font-weight: 600;

    color: #dcdee0;

    line-height: 1;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.featured-content .top-title,

.single-counter h2,

.single-counter i {

    color: #141b65;

    line-height: 1

}



.single-services:hover::before {

    background-color: #141b65;

    opacity: .9

}



.single-services:hover .count {

    color: #fe7d41

}



.services-area-style-two,

.user-area-style {

    position: relative;

    z-index: 1

}



.services-area-style-two .services-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: -1

}



.blog-area-style-three .blog-bg::before,

.counter-area.counter-area-style-three .counter-bg::before,

.services-area-style-two .services-bg::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #141b65;

    opacity: .9

}



.services-area-style-two .single-services {

    background-color: var(--white-color);

    background-image: unset;

    padding-top: 45px

}



.services-area-style-two .single-services i {

    position: relative;

    z-index: 1;

    width: 70px;

    height: 70px;

    line-height: 70px

}



.services-area-style-two .single-services i::after {

    content: "";

    position: absolute;

    top: -15px;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffdfd0), to(#fff));

    background-image: linear-gradient(#ffdfd0, #fff);

    z-index: -1;

    border-radius: 50px;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.services-area-style-two .single-services .count {

    top: unset;

    left: unset;

    bottom: 10px;

    right: 10px;

    font-size: 40px

}



.services-area-style-two .single-services:hover i::after {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7e43), to(#ff5e14));

    background-image: linear-gradient(#ff7e43, #ff5e14)

}



.services-area-style-three .single-services {

    border: 1px solid #eee

}



.services-area-style-three .single-services::before {

    opacity: 1;

    background-color: var(--white-color)

}



.services-area-style-three .single-services:hover::before {

    opacity: .9;

    background-color: #141b65

}



.counter-area.counter-area-style-three .counter-bg,

.counter-area.counter-area-style-two {

    background-image: url(../img/counter-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1

}



.counter-area.counter-area-style-two::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #141b65;

    opacity: .9

}



.counter-area.counter-area-style-two::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 30px;

    height: 100%;

    background-color: var(--white-color)

}



.counter-area.counter-area-style-three .single-counter,

.counter-area.counter-area-style-two .single-counter {

    margin: 0 30px 30px;

    padding-left: 80px

}



.counter-area.counter-area-style-two .single-counter::before {

    background-color: #ee7e4b;

    left: -45px

}



.counter-area.counter-area-style-three .single-counter i,

.counter-area.counter-area-style-two .single-counter i {

    color: var(--white-color);

    font-size: 60px

}



.counter-area.counter-area-style-three .single-counter::before {

    background-color: #404759;

    left: -45px

}



.single-counter {

    position: relative;

    padding-left: 90px;

    margin-bottom: 30px

}



.single-counter::before {

    content: "";

    position: absolute;

    top: 0;

    left: -20px;

    width: 1px;

    height: 100%;

    background-color: #eee

}



.single-counter i {

    font-size: 70px;

    position: absolute;

    top: 7px;

    left: 0

}



.single-counter h2 {

    font-size: 40px

}



.sidebar-modal .sidebar-about .title h2,

.single-counter h3 {

    margin-bottom: 0;

    font-size: 20px

}



.featured-slider.owl-theme .owl-next i,

.featured-slider.owl-theme .owl-prev i,

.testimonials-area .testimonials-slider.owl-theme .owl-next i,

.testimonials-area .testimonials-slider.owl-theme .owl-prev i {

    width: 60px;

    line-height: 50px;

    font-size: 26px;

    display: inline-block;

    height: 50px

}



.featured-area {

    padding-bottom: 200px;

    position: relative

}



.featured-content {

    margin-left: 15px

}



.featured-content .top-title {

    position: relative;

    display: inline-block;

    padding-left: 10px;

    margin-bottom: 15px;

    font-family: var(--heading-family);

    font-size: 16px

}



.featured-content h2 {

    font-size: 34px;

    margin-bottom: 20px

}



.featured-img-2::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    opacity: .8

}



.featured-slider {

    position: absolute;

    bottom: 100px;

    right: 139px;

    max-width: 525px;

    margin-left: auto;

    background-color: #141b65;

    padding: 30px

}



.price-area.price-area-style-three .single-price-card.active .price-title,

.single-price-card {

    background-color: #f5f5f5

}



.featured-slider .featured-item h3 {

    color: var(--white-color);

    margin-bottom: 18px

}



.featured-slider.owl-theme .owl-next,

.featured-slider.owl-theme .owl-prev,

.testimonials-area .testimonials-slider.owl-theme .owl-next,

.testimonials-area .testimonials-slider.owl-theme .owl-prev {

    margin: 0

}



.featured-slider.owl-theme .owl-next i {

    border: 1px solid #141b65;

    color: #141b65;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    border-left: none

}



.featured-slider.owl-theme .owl-next i:hover,

.featured-slider.owl-theme .owl-prev i:hover,

.testimonials-area .testimonials-slider.owl-theme .owl-next i:hover,

.testimonials-area .testimonials-slider.owl-theme .owl-prev i:hover {

    background-color: #141b65 !important;

    border-color: #141b65;

    color: var(--white-color) !important

}



.featured-slider.owl-theme .owl-prev i {

    border: 1px solid #141b65;

    color: #141b65;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.featured-slider.owl-theme .owl-nav {

    position: absolute;

    bottom: 25px;

    left: -200px;

    margin-top: 0 !important

}



.price-area {

    background-image: url(../img/price-bg.jpg);

    position: relative;

    z-index: 1

}



.main-contact-area .contact-info::before,

.page-title-area::before,

.partner-area::before,

.price-area::before,

.project-details-table::before,

.projects-area-three::before,

.testimonials-area.testimonials-area-style-two::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #141b65;

    opacity: .9;

    z-index: -1

}



.price-area::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 537px;

    background-color: var(--white-color);

    z-index: -1

}



.price-area.price-area-style-three .single-price-card.active ul li {

    color: var(--white-color);

    border-bottom: 1px solid #1f293e

}



.single-price-card {

    text-align: center;

    margin-bottom: 30px;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-price-card .price-title {

    background-color: #141b65;

    padding: 30px;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-price-card .price-title h2 {

    color: #141b65;

    font-size: 70px;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-price-card .price-title h2 sub {

    font-size: 35px;

    position: relative;

    top: 0

}



.single-price-card .price-title span {

    color: var(--white-color);

    font-size: 18px;

    font-weight: 600

}



.single-price-card ul {

    padding: 30px

}



.single-price-card ul li {

    border-bottom: 1px solid #e3e3e3;

    padding-bottom: 15px;

    margin-bottom: 15px;

    color: #555;

    font-size: 16px

}



.single-price-card ul li:last-child {

    border: none;

    margin-bottom: 0;

    padding-bottom: 0

}



.single-price-card .default-btn {

    margin-bottom: 30px;

    background-color: #141b65;

    border-color: #141b65

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn:hover,

.cart-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn:hover,

.nice-select .option:hover,

.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span.minus-btn:hover,

.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span.plus-btn:hover,

.product-view-one .modal-content .product-content .share-this-product ul li a:hover i,

.single-price-card .default-btn:hover,

.single-shop .default-btn:hover,

.single-shop .shop-img ul li a:hover i {

    background-color: #141b65;

    color: var(--white-color)

}



.single-price-card.active .default-btn,

.single-price-card:hover .default-btn {

    background-color: #141b65;

    color: var(--white-color);

    border-color: #141b65

}



.all-skill-bar,

.skills-content {

    margin-right: 30px

}



.skills-content .top-title {

    color: #141b65;

    font-size: 16px;

    display: block;

    margin-bottom: 10px

}



.skill-bar .progress-title {

    font-size: 18px;

    font-weight: 500

}



.skill-bar .progress-number-wrapper {

    width: 100%;

    z-index: 10;

    font-size: 11px;

    line-height: 24px;

    height: 24px;

    letter-spacing: 0;

    font-weight: 600;

    font-style: normal;

    text-transform: none;

    color: var(--white-color)

}



.blog-area-style-three .blog-bg,

.partner-area,

.subscribe-area,

.testimonials-area.testimonials-area-style-two {

    z-index: 1;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat

}



.skill-bar .progress-number-mark {

    margin-bottom: 4px;

    border-radius: 3px;

    color: #141b65;

    padding: 0 8px;

    position: absolute;

    bottom: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    font-size: 16px;

    font-weight: 600

}



.skill-bar .down-arrow {

    border: 1px solid #141b65;

    position: absolute;

    left: 50%;

    top: 88%;

    height: 35px;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.skill-bar .progress-content-outter {

    height: 6px;

    background-color: #f5f5f5

}



.skill-bar .progress-content {

    height: 6px;

    background-color: #141b65;

    width: 0%

}



.skill-img .video-content {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.partner-area {

    background-image: url(../img/partner-bg.jpg);

    position: relative;

    text-align: center

}



.partner-area.partner-area-style-two::after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 30px;

    height: 100%;

    background-color: var(--white-color)

}



.partner-area.partner-area-style-three::before {

    background-color: #f5f5f5;

    opacity: .9

}



.testimonials-area .testimonials-slider .row {

    max-width: 970px;

    margin-left: auto

}



.testimonials-area .testimonials-slider .testimonials-left-img {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1

}



.testimonials-area .testimonials-slider img {

    border: 10px solid var(--white-color)

}



.testimonials-area .testimonials-slider.owl-theme .owl-next i {

    border: 1px solid #fff;

    color: #fff;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    border-left: none

}



.testimonials-area .testimonials-slider.owl-theme .owl-prev i {

    border: 1px solid #fff;

    color: #fff;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.testimonials-area .testimonials-slider.owl-theme .owl-nav {

    position: absolute;

    bottom: -97px;

    left: 0;

    right: 0;

    margin-top: 0 !important

}



.testimonials-area.testimonials-area-style-two {

    background-image: url(../img/testimonials-img/testimonials-img-bg.jpg);

    position: relative;

    overflow: hidden

}



.testimonials-area.testimonials-area-style-two::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 360px;

    height: 100%;

    background-color: var(--white-color);

    z-index: -1

}



.testimonials-area.testimonials-area-style-two .testimonials-content .testimonials-name h3 {

    margin-bottom: 5px;

    color: #fff

}



.testimonials-area.testimonials-area-style-two .testimonials-slider .row {

    max-width: 970px;

    margin-left: auto;

    margin-right: auto

}



.testimonials-area.testimonials-area-style-two .testimonials-slider.owl-theme .owl-nav {

    bottom: 0 !important;

    left: -170px

}



.testimonials-area.testimonials-area-style-two .testimonials-shape {

    position: absolute;

    top: 0;

    left: 30px

}



.testimonials-area.three img {

    border: none

}



.testimonials-area .testimonials-area-style-three::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 70px;

    background-color: var(--white-color)

}



.testimonials-area .testimonials-area-style-three::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 70px;

    background-color: var(--white-color)

}



.testimonials-content .testimonials-name {

    position: relative;

    margin-bottom: 20px;

    padding-left: 70px

}



.testimonials-content .testimonials-name i {

    font-size: 50px;

    color: #fff;

    line-height: 1;

    position: absolute;

    left: 0;

    top: 0

}



.checkout-area .faq-accordion .form-check label,

.testimonials-content .testimonials-name h3 {

    margin-bottom: 5px

}



.testimonials-all-content .testimonials-left-img {

    position: absolute;

    top: -95px;

    left: 0

}



.single-blog-post {

    margin-bottom: 30px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    background-color: var(--white-color)

}



.single-blog-post .news-content {

    position: relative;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    padding: 20px

}



.single-blog-post .news-content a h3 {

    font-size: 24px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    margin-bottom: 20px

}



.single-blog-content .blog-top-content .news-content .admin,

.single-blog-post .news-content .admin {

    padding-bottom: 24px;

    line-height: 1

}



.single-blog-content .blog-top-content .news-content .admin li,

.single-blog-post .news-content .admin li {

    display: inline-block;

    font-size: 16px

}



.single-blog-post .news-content .admin li a img {

    margin-right: 5px;

    border-radius: 50px

}



.single-blog-post .news-content .admin .float {

    float: right;

    position: relative;

    top: 15px

}



.single-blog-post .news-content .admin .float i {

    color: #141b65;

    font-size: 16px

}



.blog-area-style-three .blog-bg {

    background-image: url(../img/blog-img/blog-card-bg.jpg);

    position: relative

}



.blog-area-style-three .blog-list {

    border-bottom: 1px solid #2e303b

}



.blog-area-style-three .blog-list p,

.project-details-table p,

.project-details-table ul li {

    color: var(--white-color);

    margin-bottom: 20px

}



.subscribe-area {

    background-image: url(../img/subscribe-bg.jpg);

    position: relative

}



.subscribe-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #141b65;

    opacity: .9;

    z-index: -1

}



.subscribe-area .container {

    max-width: 960px;

    margin: auto

}



.subscribe-area .subscribe-content span {

    color: var(--white-color);

    font-size: 16px;

    display: block;

    margin-bottom: 10px

}



.subscribe-area .subscribe-content h2 {

    font-size: 30px;

    margin-bottom: 0;

    color: var(--white-color)

}



.subscribe-area .newsletter-form .form-control {

    height: 60px;

    background-color: transparent;

    color: var(--white-color)

}



.subscribe-area .newsletter-form .form-control::-webkit-input-placeholder {

    color: var(--white-color)

}



.subscribe-area .newsletter-form .form-control:-ms-input-placeholder {

    color: var(--white-color)

}



.subscribe-area .newsletter-form .form-control::-ms-input-placeholder {

    color: var(--white-color)

}



.subscribe-area .newsletter-form .form-control::placeholder {

    color: var(--white-color)

}



.subscribe-area .newsletter-form .form-control:focus {

    border-color: var(--white-color)

}



.subscribe-area .newsletter-form .default-btn {

    position: absolute;

    top: 6px;

    right: -100px;

    background-color: #141b65

}



.subscribe-area .newsletter-form #validator-newsletter {

    color: var(--white-color);

    font-size: 14px;

    position: absolute;

    bottom: -30px;

    left: 0

}



.privacy-policy-wrap .privacy-content h3,

.product-details-area .product-details-desc .product-review,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content h3,

.services-details-area .content-one h3,

.services-details-area .content-three h3,

.services-details-area .content-two h3,

.single-footer-widget img,

.terms-conditions .conditions-content h3 {

    margin-bottom: 15px

}



.single-footer-widget p {

    margin-bottom: 15px;

    color: var(--white-color)

}



.main-contact-area .contact-info .sidebar-follow-us .social-wrap,

.sidebar-modal .sidebar-follow-us .social-wrap,

.single-footer-widget .social-icon {

    line-height: 1

}



.single-footer-widget .social-icon li {

    display: inline-block;

    margin-right: 5px

}



.single-footer-widget .social-icon li a i {

    width: 30px;

    height: 30px;

    line-height: 28px;

    border: 1px solid #141b65;

    color: var(--white-color);

    text-align: center;

    border-radius: 50px

}



.main-contact-area .contact-info .sidebar-follow-us .social-wrap li a:hover,

.sidebar-modal .sidebar-follow-us .social-wrap li a:hover,

.single-blog-content .social-wrap li a:hover,

.single-footer-widget .social-icon li a:hover {

    -webkit-transform: translateY(-2px);

    transform: translateY(-2px)

}



.single-footer-widget h3 {

    color: var(--white-color);

    font-size: 24px;

    margin-bottom: 40px

}



.footer-bottom-area .footer-bottom-menu li a,

.footer-bottom-area p,

.go-top:focus,

.page-title-area .page-title-content ul li a,

.single-footer-widget .import-link li a {

    color: var(--white-color)

}



.single-footer-widget .import-link li a:hover {

    color: #fff

}



.single-footer-widget .address .location {

    position: relative;

    color: var(--white-color)

}



.single-footer-widget .address .location i,

.single-footer-widget .address li i {

    position: absolute;

    color: #141b65;

    left: 0;

    top: 5px;

    font-size: 25px

}



.single-footer-widget .address li {

    position: relative;

    margin-bottom: 16px

}



.single-footer-widget .address li a {

    color: var(--white-color);

    display: block

}



.single-footer-widget .time li {

    color: var(--white-color);

    margin-bottom: 12px

}



.footer-bottom-area .footer-bottom-menu,

.single-footer-widget .time li span,

.user-area-style.recover-password-area .now-register {

    float: right

}



.footer-bottom-area {

    background-color: #141b65;

    border-top: 1px solid #1e273e;

    padding-top: 20px;

    padding-bottom: 20px

}



.checkout-area .billing-details .form-check label,

.footer-bottom-area p i {

    position: relative;

    top: 1px

}



.sidebar-modal {

    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: var(--box-shadow);

    z-index: 9999;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    overflow: hidden

}



.sidebar-modal .sidebar-modal-inner {

    position: absolute;

    right: -100%;

    top: 0;

    max-width: 400px;

    overflow-y: scroll;

    height: 100%;

    background-color: var(--white-color);

    -webkit-transition: var(--transition);

    transition: var(--transition);

    z-index: 1;

    padding: 40px

}



.sidebar-modal .sidebar-header {

    margin-bottom: 30px;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 30px

}



.coming-soon-area .coming-soon-content .logo,

.error-area .error-content-wrap h1 .a,

.error-area .error-content-wrap h1 .b,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating,

.sidebar-modal .sidebar-header .sidebar-logo,

.single-blog-content .social-wrap li,

.user-area-style .contact-form-action form .login-action .log-rem {

    display: inline-block

}



.sidebar-modal .sidebar-header .close-btn {

    display: inline-block;

    font-size: 20px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    cursor: pointer;

    width: 30px;

    height: 30px;

    line-height: 33px;

    background-color: #141b65;

    color: var(--white-color);

    border-radius: 0;

    float: right;

    text-align: center;

    position: relative;

    top: 13px

}



.sidebar-modal .sidebar-about .title p {

    margin-bottom: 0;

    font-size: 15px

}



.sidebar-modal .contact-us h2,

.sidebar-modal .sidebar-follow-us h2 {

    font-size: 20px;

    margin-bottom: 25px;

    line-height: 1;

    position: relative;

    padding-left: 10px

}



.sidebar-modal .contact-us h2::before,

.sidebar-modal .sidebar-follow-us h2::before,

.sidebar-modal .sidebar-gallery-feed h2::before,

.sidebar-widget.sidebar-gallery-feed h2::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 3px;

    height: 100%;

    background-color: #141b65

}



.sidebar-modal .contact-us ul li {

    position: relative;

    padding-left: 30px;

    margin-bottom: 20px

}



.sidebar-modal .contact-us ul li i {

    position: absolute;

    top: 1px;

    left: 0;

    font-size: 16px;

    color: #141b65

}



.cart-area .cart-totals .default-btn,

.faq-accordion .accordion .accordion-content.show,

.product-details-area .tab .tabs_item:first-child,

.sidebar-modal .contact-us ul li a,

.sidebar-widget.popular-post .item .info .title .rating {

    display: block

}



.sidebar-modal .sidebar-gallery-feed h2,

.sidebar-widget.sidebar-gallery-feed h2 {

    margin-bottom: 25px;

    font-size: 20px;

    position: relative;

    padding-left: 10px;

    line-height: 1

}



.sidebar-modal .sidebar-gallery-feed ul,

.sidebar-widget.sidebar-gallery-feed ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 0;

    list-style-type: none;

    margin: -10px -5px 0

}



.sidebar-modal .sidebar-gallery-feed ul li,

.sidebar-widget.sidebar-gallery-feed ul li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33%;

    flex: 0 0 33%;

    max-width: 33%;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 10px

}



.sidebar-modal .sidebar-gallery-feed ul li a,

.sidebar-widget.sidebar-gallery-feed ul li a {

    display: block;

    position: relative

}



.sidebar-modal .sidebar-gallery-feed ul li a::before,

.sidebar-widget.sidebar-gallery-feed ul li a::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: var(--black-color);

    -webkit-transition: var(--transition);

    transition: var(--transition);

    opacity: 0;

    visibility: hidden

}



.sidebar-modal .sidebar-gallery-feed ul li a:hover::before,

.sidebar-widget.sidebar-gallery-feed ul li a:hover::before {

    opacity: .5;

    visibility: visible

}



.main-contact-area .contact-info .sidebar-follow-us .social-wrap li,

.sidebar-modal .sidebar-follow-us .social-wrap li {

    display: inline-block;

    padding-right: 10px

}



.sidebar-modal .sidebar-follow-us .social-wrap li a i {

    font-size: 20px

}



.sidebar-modal.active {

    opacity: 1;

    visibility: visible;

    background-color: rgba(0, 0, 0, .9)

}



.sidebar-modal.active .sidebar-modal-inner {

    right: 0

}



.single-team-member {

    -webkit-transition: var(--transition);

    transition: var(--transition);

    margin-bottom: 30px

}



.single-team-member .team-content {

    background-color: #141b65;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    padding: 30px;

    margin-left: 30px;

    position: relative;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    margin-top: -30px

}



.single-team-member .team-content span {

    display: block;

    color: var(--white-color);

    font-size: 14px

}



.single-team-member .team-content h3 {

    margin-bottom: 0;

    color: var(--white-color);

    font-size: 22px

}



.single-team-member .team-content .team-social .control {

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    background-color: var(--white-color);

    font-size: 20px;

    text-align: center;

    position: absolute;

    top: 30px;

    right: 30px;

    color: #141b65

}



.nn {

    color: #000 !important;

    padding: 10px;

    font-weight: 700

}



.single-team-member .team-content .team-social ul {

    position: absolute;

    top: -130px;

    right: 30px;

    opacity: 0;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-team-member .team-content .team-social ul li a i {

    width: 40px;

    height: 40px;

    line-height: 40px;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    background-color: var(--white-color);

    font-size: 20px;

    text-align: center;

    border-bottom: 1px solid #eee;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-team-member .team-content .team-social ul li:nth-child(4) a i {

    -webkit-transform: translateY(40px);

    transform: translateY(40px)

}



.single-team-member .team-content .team-social ul li:nth-child(3) a i {

    -webkit-transform: translateY(80px);

    transform: translateY(80px)

}



.single-team-member .team-content .team-social ul li:nth-child(2) a i {

    -webkit-transform: translateY(120px);

    transform: translateY(120px)

}



.single-team-member .team-content .team-social ul li:first-child a i {

    -webkit-transform: translateY(160px);

    transform: translateY(160px);

    border-radius: 50px 50px 0 0

}



.single-team-member .team-content .team-social:hover ul {

    opacity: 1

}



.single-team-member .team-content .team-social:hover ul li:first-child a i,

.single-team-member .team-content .team-social:hover ul li:nth-child(2) a i,

.single-team-member .team-content .team-social:hover ul li:nth-child(3) a i,

.single-team-member .team-content .team-social:hover ul li:nth-child(4) a i {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.projects-area .section-title {

    max-width: 650px

}



.projects {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    margin-bottom: 30px;

    position: relative

}



.projects.bg-1 {

    background-image: url(../img/projects-img/projects-img-1.jpg);

    height: 100%;

    position: relative

}



.projects.bg-1::before {

    content: "";

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 30px;

    background-color: var(--white-color);

    z-index: 999

}



.projects.bg-2 {

    background-image: url(../img/projects-img/projects-img-2.jpg);

    height: 250px

}



.projects.bg-3 {

    background-image: url(../img/projects-img/projects-img-3.jpg);

    height: 250px

}



.projects.bg-4 {

    background-image: url(../img/projects-img/projects-img-4.jpg);

    height: 250px

}



.projects.bg-5 {

    background-image: url(../img/projects-img/projects-img-5.jpg);

    height: 250px

}



.projects .view-projects {

    background-color: rgba(255, 94, 20, .9);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    color: var(--white-color);

    font-weight: 600;

    font-size: 18px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    -webkit-transform: scale(0);

    transform: scale(0)

}



.projects:hover .view-projects {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.shorting-menu,

.single-shop {

    text-align: center;

    margin-bottom: 30px

}



.shorting-menu button.filter {

    background-color: transparent;

    font-weight: 600;

    font-size: 18px;

    color: #141b65

}



.projects-area-three {

    background-image: url(../img/projects-img/projects-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1

}



.projects-area-three .owl-dots {

    margin-top: 20px !important;

    line-height: 1

}



.projects-area-three .owl-dots .owl-dot span {

    width: 16px;

    height: 16px;

    margin: 0 10px;

    background: 0 0;

    border: 1px solid var(--white-color);

    border-radius: 50%;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    position: relative

}



.projects-area-three .owl-dots .owl-dot span::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: var(--white-color);

    -webkit-transition: var(--transition);

    transition: var(--transition);

    border-radius: 50%;

    margin: 8px

}



.cart-area .coupon-cart .form-group .form-control:focus,

.projects-area-three .owl-dots .owl-dot:hover span {

    border-color: #141b65

}



.projects-area-three .owl-dots .owl-dot.active span::before,

.projects-area-three .owl-dots .owl-dot:hover span::before {

    background-color: #141b65;

    margin: 2px

}



.projects-area-three .owl-dots .owl-dot.active span {

    border-color: #141b65;

    position: relative

}



.page-title-area {

    position: relative;

    overflow: hidden;

    padding-top: 180px;

    padding-bottom: 40px;

    text-align: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 1

}



.page-title-area.bg-1 {

    background-image: url(../img/page-bg/page-bg-1.jpg)

}



.page-title-area.bg-2 {

    background-image: url(../img/page-bg/page-bg-2.jpg)

}



.page-title-area.bg-3 {

    background-image: url(../img/page-bg/page-bg-3.jpg)

}



.page-title-area.bg-4 {

    background-image: url(../img/page-bg/page-bg-4.jpg)

}



.page-title-area.bg-5 {

    background-image: url(../img/page-bg/page-bg-5.jpg)

}



.page-title-area.bg-6 {

    background-image: url(../img/page-bg/page-bg-6.jpg)

}



.page-title-area.bg-7 {

    background-image: url(../img/page-bg/page-bg-7.jpg)

}



.page-title-area.bg-8 {

    background-image: url(../img/page-bg/page-bg-8.jpg)

}



.page-title-area.bg-9 {

    background-image: url(../img/page-bg/page-bg-9.jpg)

}



.page-title-area.bg-10 {

    background-image: url(../img/page-bg/page-bg-10.jpg)

}



.page-title-area.bg-11 {

    background-image: url(../img/page-bg/page-bg-11.jpg)

}



.page-title-area.bg-12 {

    background-image: url(../img/page-bg/page-bg-12.jpg)

}



.page-title-area.bg-13 {

    background-image: url(../img/page-bg/page-bg-13.jpg)

}



.page-title-area.bg-14 {

    background-image: url(../img/page-bg/page-bg-14.jpg)

}



.page-title-area.bg-15 {

    background-image: url(../img/page-bg/page-bg-15.jpg)

}



.page-title-area.bg-16 {

    background-image: url(../img/page-bg/page-bg-16.jpg)

}



.page-title-area.bg-17 {

    background-image: url(../img/page-bg/page-bg-17.jpg)

}



.page-title-area.bg-18 {

    background-image: url(../img/page-bg/page-bg-18.jpg)

}



.page-title-area.bg-19 {

    background-image: url(../img/page-bg/page-bg-19.jpg)

}



.page-title-area.bg-20 {

    background-image: url(../img/page-bg/page-bg-20.jpg)

}



.page-title-area.bg-21 {

    background-image: url(../img/page-bg/page-bg-21.jpg)

}



.page-title-area.bg-22 {

    background-image: url(../img/page-bg/page-bg-22.jpg)

}



.page-title-area.bg-23 {

    background-image: url(../img/page-bg/page-bg-23.jpg)

}



.page-title-area.bg-24 {

    background-image: url(../img/page-bg/page-bg-24.jpg)

}



.page-title-area.bg-25 {

    background-image: url(../img/page-bg/page-bg-25.jpg)

}



.page-title-area.bg-26 {

    background-image: url(../img/page-bg/page-bg-26.jpg)

}



.page-title-area.bg-27 {

    background-image: url(../img/page-bg/page-bg-27.jpg)

}



.page-title-area.bg-28 {

    background-image: url(../img/page-bg/page-bg-28.jpg)

}



.page-title-area.bg-29 {

    background-image: url(../img/page-bg/page-bg-29.jpg)

}



.page-title-area.bg-30 {

    background-image: url(../img/page-bg/page-bg-30.jpg)

}



.page-title-area .page-title-content {

    position: relative;

    margin-top: -10px

}



.page-title-area .page-title-content h2 {

    margin-bottom: 15px;

    color: var(--white-color);

    font-size: 50px;

    font-weight: 500

}



.page-title-area .page-title-content ul {

    padding-left: 0;

    list-style-type: none;

    margin-top: 10px;

    margin-bottom: -5px

}



.page-title-area .page-title-content ul li {

    display: inline-block;

    position: relative;

    font-size: 16px;

    padding-right: 15px;

    margin-left: 15px;

    color: var(--white-color)

}



.page-title-area .page-title-content ul li::before {

    content: "";

    position: absolute;

    top: 5px;

    right: -3px;

    background-color: var(--white-color);

    width: 1px;

    height: 15px;

    -webkit-transform: rotate(25deg);

    transform: rotate(25deg)

}



.project-details-table {

    background-image: url(../img/project-details-img/project-details-table-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 30px;

    position: relative;

    z-index: 1

}



.project-details-table h3 {

    color: #141b65;

    font-size: 24px;

    margin-bottom: 20px

}



.project-details-table ul li span {

    float: right;

    text-align: left

}



.project-details-table ul li span i,

.sidebar-widget.popular-post .item .info .title .rating i,

.single-shop .rating li i {

    color: #ffb607

}



.projects-details-area .content-one h3,

.projects-details-area .content-three h3,

.projects-details-area .content-two h3 {

    font-size: 24px;

    margin-bottom: 15px

}



.product-details-area .product-details-desc .product-add-to-cart,

.projects-details-area .content-two ul,

.services-details-area .content-two ul {

    margin-bottom: 30px;

    margin-top: 20px

}



.projects-details-area .content-two ul li i,

.services-details-area .content-two ul li i {

    color: #141b65;

    position: relative;

    top: 2px;

    margin-right: 5px

}



.projects-details-area .top-details-img {

    background-image: url(../img/project-details-img/projects-details-img-1.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%

}



.user-area-style .section-title {

    margin-bottom: 0;

    margin-top: 0;

    padding: 30px 30px 25px;

    text-align: left;

    max-width: unset;

    border: 1px solid #ebebeb;

    border-bottom: none

}



.user-area-style .section-title h2 {

    font-size: 30px;

    position: relative;

    line-height: 1;

    padding-left: 15px

}



.sidebar-widget h3::before,

.single-blog-content .comments-wrap h3::before,

.single-blog-content .leave-reply-wrap h3::before,

.user-area-style .section-title h2::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 2px;

    height: 100%;

    background-color: #141b65

}



.user-area-style .contact-form-action {

    border: 1px solid #ebebeb;

    border-top: none;

    padding: 0 30px 30px

}



.user-area-style .contact-form-action .section-title {

    margin-bottom: 40px

}



.user-area-style .contact-form-action form .form-condition .agree-label {

    font-weight: 600

}



.cart-area .cart-totals h3,

.single-blog-content .leave-reply-wrap .form-group,

.user-area-style .contact-form-action form .default-btn {

    margin-bottom: 25px

}



.user-area-style .contact-form-action form .default-btn.register {

    background-color: #141b65;

    border: 1px solid #141b65;

    color: var(--white-color)

}



.user-area-style .contact-form-action form .default-btn.register:hover {

    background-color: transparent;

    color: #141b65;

    border: 1px solid #141b65 !important

}



.user-area-style .contact-form-action form .login-action .forgot-login {

    display: inline-block;

    float: right

}



.user-area-style .log-in-content,

.user-area-style .registration-content {

    max-width: 600px;

    margin: auto

}



.user-area-style.recover-password-area .recover {

    max-width: 600px;

    margin: auto;

    border-top: 1px solid #ebebeb;

    padding-top: 30px

}



.user-area-style.recover-password-area h3 {

    font-size: 40px;

    margin-top: -11px

}



.showing-result .showing-top-bar-ordering,

.user-area-style .text-right {

    text-align: right

}



.faq-area .section-title {

    text-align: left;

    max-width: unset;

    margin-bottom: 30px

}



.faq-accordion .accordion {

    list-style-type: none;

    padding-left: 0;

    margin-bottom: 0

}



.faq-accordion .accordion .accordion-item {

    display: block;

    margin-bottom: 10px

}



.faq-accordion .accordion .accordion-title {

    padding: 15px 30px;

    color: #141b65;

    text-decoration: none;

    position: relative;

    display: block;

    border-bottom: 1px solid #e7e7e7;

    font-size: 18px;

    font-weight: 500;

    font-family: var(--heading-family)

}



.faq-accordion .accordion .accordion-title i {

    position: absolute;

    left: 0;

    top: 17px;

    font-size: 25px;

    -webkit-transition: var(--transition-color);

    transition: var(--transition-color)

}



.faq-accordion .accordion .accordion-title.active i::before {

    content: "\eaf8"

}



.faq-accordion .accordion .accordion-content {

    display: none;

    position: relative;

    margin-top: -5px;

    padding: 30px 30px 10px

}



.faq-accordion .accordion .accordion-content p {

    line-height: 1.8

}



.faq-img {

    background-image: url(../img/faq-img.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%

}



.faq-contact-area .contact-title {

    text-align: center;

    margin-bottom: 30px;

    margin-top: -6px

}



.faq-contact-area .contact-title h2,

.privacy-policy-wrap .title h2,

.terms-conditions .title h2 {

    font-size: 36px

}



.faq-contact-area .contact-wrap,

.privacy-policy-wrap,

.terms-conditions {

    max-width: 800px;

    margin: auto

}



.faq-contact-area .contact-wrap .default-btn {

    display: table;

    margin: 20px auto 0

}



.faq-contact-area #msgSubmit {

    margin-top: 20px;

    text-align: center

}



label {

    margin-bottom: 12px

}



.main-contact-area .contact-wrap {

    max-width: unset

}



.checkout-area .billing-details h3,

.main-contact-area .contact-wrap .contact-title h2 {

    margin-bottom: 20px;

    font-size: 30px

}



.main-contact-area .contact-wrap .default-btn {

    margin: auto;

    display: table;

    cursor: pointer

}



.main-contact-area .contact-wrap .contact-form #msgSubmit {

    position: unset;

    text-align: center;

    margin-top: 20px

}



.main-contact-area .contact-info {

    background-image: url(../img/contact-info-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding-left: 30px;

    padding-right: 30px;

    position: relative;

    z-index: 1;

    height: 100%

}



.main-contact-area .contact-info h3 {

    color: var(--white-color);

    font-size: 24px

}



.main-contact-area .contact-info p {

    color: #e6e6e6;

    margin-bottom: 25px

}



.main-contact-area .contact-info .address .location {

    padding-left: 60px;

    position: relative;

    color: #e6e6e6

}



.main-contact-area .contact-info .address .location i {

    position: absolute;

    color: #141b65;

    left: 0;

    top: 5px;

    font-size: 45px

}



.main-contact-area .contact-info .address .location span {

    display: block;

    font-size: 20px;

    font-weight: 500;

    color: #e6e6e6;

    font-family: var(--heading-family);

    margin-bottom: 10px

}



.main-contact-area .contact-info .address li {

    padding-left: 60px;

    position: relative;

    margin-bottom: 20px

}



.main-contact-area .contact-info .address li a {

    color: #e6e6e6;

    display: block

}



.main-contact-area .contact-info .address li i {

    position: absolute;

    color: #141b65;

    left: 0;

    top: 0;

    font-size: 45px

}



.main-contact-area .contact-info .address li span {

    display: block;

    font-size: 20px;

    font-weight: 500;

    color: var(--white-color);

    font-family: var(--heading-family);

    margin-bottom: 10px

}



.main-contact-area .contact-info .sidebar-follow-us h3 {

    font-size: 20px;

    margin-bottom: 25px;

    line-height: 1;

    padding-left: 10px;

    color: var(--white-color)

}



.main-contact-area .contact-info .sidebar-follow-us .social-wrap li a i {

    font-size: 15px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    border: 1px solid var(--white-color);

    border-radius: 50px;

    text-align: center;

    color: var(--white-color);

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.main-contact-area .contact-info .sidebar-follow-us .social-wrap li a:hover i {

    border-color: #141b65;

    background-color: #141b65

}



.list-unstyled {

    color: red;

    margin-top: 10px;

    font-size: 14px

}



.map-area iframe {

    height: 480px;

    width: 100%;

    border: none !important;

    display: block

}



.privacy-policy-wrap .title,

.terms-conditions .title {

    margin-bottom: 30px;

    text-align: center

}



.privacy-policy-wrap .title span,

.terms-conditions .title span {

    color: #141b65;

    display: block;

    margin-bottom: 10px

}



.privacy-policy-wrap .privacy-content ul,

.terms-conditions .conditions-content ul {

    margin-left: 20px;

    margin-bottom: 15px;

    list-style-type: disc;

    margin-top: 15px

}



.coming-soon-area {

    height: 100vh;

    position: relative;

    z-index: 1;

    background: #f6f7fb

}



.coming-soon-area .coming-soon-content {

    max-width: 700px;

    background: var(--white-color);

    border-radius: 5px;

    overflow: hidden;

    text-align: center;

    padding: 40px 60px;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    margin-left: auto;

    margin-right: auto

}



.coming-soon-area .coming-soon-content h2 {

    font-size: 48px;

    margin-top: 30px;

    margin-bottom: 0

}



.coming-soon-area .coming-soon-content #timer {

    margin-top: 40px

}



.coming-soon-area .coming-soon-content #timer div {

    background-color: #141b65;

    color: var(--white-color);

    width: 100px;

    height: 105px;

    border-radius: 5px;

    font-size: 40px;

    font-weight: 800;

    margin-left: 10px;

    margin-right: 10px

}



.coming-soon-area .coming-soon-content #timer div span {

    display: block;

    margin-top: -2px;

    font-size: 17px;

    font-weight: 600

}



.coming-soon-area .coming-soon-content form {

    position: relative;

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 50px

}



.coming-soon-area .coming-soon-content form .form-group {

    margin-bottom: 25px;

    width: 100%;

    position: relative

}



.coming-soon-area .coming-soon-content form .form-group .label-title {

    margin-bottom: 0;

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    pointer-events: none;

    width: 100%;

    height: 100%;

    color: #141b65

}



.coming-soon-area .coming-soon-content form .form-group .label-title i {

    position: absolute;

    left: 0;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    top: 9px;

    font-size: 22px

}



.coming-soon-area .coming-soon-content form .form-group .label-title::before {

    content: "";

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 2px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    background: #141b65

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter {

    border-radius: 0;

    border: none;

    border-bottom: 1px solid #eee;

    padding: 0 0 0 32px;

    color: #141b65;

    height: 45px;

    display: block;

    width: 100%;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    font-size: 16px;

    font-weight: 400

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter::-webkit-input-placeholder {

    color: var(--body-color);

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter:-ms-input-placeholder {

    color: var(--body-color);

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter::-ms-input-placeholder {

    color: var(--body-color);

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter::placeholder {

    color: var(--body-color);

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus {

    border-color: #141b65;

    outline: 0 !important

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus::-webkit-input-placeholder {

    color: transparent

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus:-ms-input-placeholder {

    color: transparent

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus::-ms-input-placeholder {

    color: transparent

}



.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus::placeholder {

    color: transparent

}



.coming-soon-area .coming-soon-content form .default-btn,

.coming-soon-area .coming-soon-content form .default-btn::before {

    border-radius: 0

}



.coming-soon-area .coming-soon-content form .validation-danger {

    margin-top: 15px;

    color: red

}



.coming-soon-area .coming-soon-content form .validation-success {

    margin-top: 15px

}



.coming-soon-area .coming-soon-content form p {

    margin-bottom: 0;

    margin-top: 20px

}



.error-area {

    text-align: center;

    position: relative;

    z-index: 1

}



.error-area .error-content-wrap {

    z-index: 1;

    position: relative

}



.error-area .error-content-wrap h1 {

    font-size: 300px;

    line-height: 1;

    font-weight: 700;

    color: #141b65

}



.error-area .error-content-wrap h1 .red {

    color: red;

    display: inline-block

}



.error-area .error-content-wrap h3 {

    margin: 30px 0 0;

    position: relative;

    color: red

}



.error-area .error-content-wrap p {

    margin: 20px 0;

    font-size: 19px;

    color: #141b65

}



.sidebar-widget.sidebar-gallery-feed,

.sidebar-widget.tags,

.single-blog-content .blog-top-content,

.single-blog-content .leave-reply-wrap {

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    padding: 20px

}



.single-blog-content .blog-top-content .news-content h3 {

    -webkit-transition: var(--transition);

    transition: var(--transition);

    margin-bottom: 20px

}



.single-blog-content .blog-top-content .news-content .admin li a img {

    margin-right: 5px;

    border-radius: 50px;

    margin-bottom: 0

}



.single-blog-content .blog-top-content .news-content .admin .float {

    float: right;

    position: relative;

    top: 15px;

    margin-left: 20px

}



.single-blog-content .blog-top-content .news-content .admin .float i {

    color: #141b65;

    font-size: 18px;

    position: relative;

    top: 1px

}



.single-blog-content .blog-top-content blockquote {

    position: relative;

    margin-bottom: 0

}



.single-blog-content .blog-top-content blockquote i {

    position: absolute;

    top: 41px;

    left: 0;

    font-size: 30px;

    background-color: #141b65;

    color: var(--white-color);

    padding: 5px

}



.single-blog-content .blog-top-content blockquote p {

    padding: 30px 60px;

    font-weight: 500;

    font-size: 18px;

    color: #141b65

}



.single-blog-content .social-wrap {

    background-color: #141b65;

    padding: 20px 30px;

    margin-top: 30px;

    margin-bottom: 50px

}



.single-blog-content .social-wrap li span {

    color: var(--white-color);

    margin-right: 10px;

    font-weight: 500

}



.single-blog-content .social-wrap li a {

    font-size: 16px;

    margin-right: 10px;

    color: var(--white-color)

}



.single-blog-content .post-next-and-prev-wrap {

    margin-bottom: 50px

}



.single-blog-content .post-next-and-prev-wrap .prev-img h3 {

    font-size: 16px;

    position: absolute;

    top: 20px;

    left: 115px

}



.single-blog-content .post-next-and-prev-wrap .next-img {

    position: relative;

    text-align: right

}



.single-blog-content .post-next-and-prev-wrap .next-img h3 {

    font-size: 16px;

    position: absolute;

    top: 20px;

    right: 115px

}



.single-blog-content .comments-wrap {

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    padding: 20px;

    margin-bottom: 50px

}



.single-blog-content .comments-wrap h3 {

    margin-bottom: 30px;

    font-size: 24px;

    position: relative;

    padding-left: 10px

}



.single-blog-content .comments-wrap ul li {

    position: relative;

    padding-left: 100px;

    margin-bottom: 30px

}



.single-blog-content .comments-wrap ul li img {

    margin-bottom: 20px;

    position: absolute;

    left: 0;

    top: 0

}



.single-blog-content .comments-wrap ul li h3 {

    margin-bottom: 10px;

    font-size: 16px;

    padding-left: 0

}



.single-blog-content .comments-wrap ul li span {

    display: block;

    margin-bottom: 15px

}



.single-blog-content .comments-wrap ul li a {

    font-size: 14px;

    font-weight: 600

}



.single-blog-content .comments-wrap ul li a:hover {

    letter-spacing: 1px

}



.single-blog-content .comments-wrap ul li a i,

.single-blog-content .leave-reply-wrap .form-group #chb1 {

    margin-right: 5px

}



.single-blog-content .leave-reply-wrap h3 {

    margin-bottom: 20px;

    font-size: 24px;

    position: relative;

    padding-left: 10px

}



.single-blog-content .leave-reply-wrap input[type=checkbox],

.single-blog-content .leave-reply-wrap input[type=radio] {

    margin-right: 5px;

    position: relative;

    top: 1px

}



.sidebar-widget {

    margin-bottom: 35px

}



.sidebar-widget h3 {

    font-size: 20px;

    margin-bottom: 20px;

    position: relative;

    margin-top: -5px;

    padding-left: 10px

}



.sidebar-widget.search .search-form {

    position: relative;

    padding: 20px;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow)

}



.sidebar-widget.search .search-form .search-button {

    position: absolute;

    width: 50px;

    height: 50px;

    line-height: 50px;

    background-color: #141b65;

    top: 20px;

    right: 20px;

    font-size: 20px;

    color: var(--white-color);

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.sidebar-widget.popular-post {

    position: relative;

    overflow: hidden;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    padding: 20px

}



.sidebar-widget.popular-post .item {

    position: relative;

    margin-bottom: 15px;

    border-bottom: 1px solid #eee;

    padding-bottom: 20px;

    height: 100px

}



.sidebar-widget.popular-post .item:last-child {

    margin-bottom: 0;

    border-bottom: none;

    padding-bottom: 0

}



.sidebar-widget.popular-post .item .thumb {

    float: left;

    height: 80px;

    overflow: hidden;

    position: relative;

    width: 80px;

    margin-right: 15px

}



.sidebar-widget.popular-post .item .thumb .fullimage {

    width: 80px;

    height: 80px;

    display: inline-block;

    background-size: cover !important;

    background-repeat: no-repeat;

    background-position: center center !important;

    position: relative

}



.sidebar-widget.popular-post .item .thumb .fullimage.bg1 {

    background-image: url(../img/single-blog/popular-img-1.jpg)

}



.sidebar-widget.popular-post .item .thumb .fullimage.bg2 {

    background-image: url(../img/single-blog/popular-img-2.jpg)

}



.sidebar-widget.popular-post .item .thumb .fullimage.bg3 {

    background-image: url(../img/single-blog/popular-img-3.jpg)

}



.sidebar-widget.popular-post .item .thumb .fullimage.bg4 {

    background-image: url(../img/shop-img/best-product-1.jpg)

}



.sidebar-widget.popular-post .item .thumb .fullimage.bg5 {

    background-image: url(../img/shop-img/best-product-2.jpg)

}



.sidebar-widget.popular-post .item .thumb .fullimage.bg6 {

    background-image: url(../img/shop-img/best-product-3.jpg)

}



.sidebar-widget.popular-post .item .info .title {

    margin-bottom: 10px;

    line-height: 1.5;

    font-size: 16px;

    font-weight: 500

}



.sidebar-widget.popular-post .item .info .title a {

    display: inline-block;

    color: #141b65

}



.sidebar-widget.popular-post .item .info .date {

    font-size: 13px;

    color: var(--body-color);

    display: block

}



.sidebar-widget.categories {

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    padding: 20px;

    overflow: hidden

}



.sidebar-widget.categories ul li {

    position: relative;

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #eee

}



.sidebar-widget.categories ul li span {

    float: right;

    display: inline-block

}



.cart-area .cart-totals ul li:last-child,

.sidebar-widget.categories ul li:last-child {

    padding-bottom: 0;

    border-bottom: none;

    margin-bottom: 0

}



.sidebar-widget.tags ul li {

    display: inline-block;

    margin-bottom: 10px;

    margin-right: 10px

}



.sidebar-widget.tags ul li a {

    border: 1px solid #eee;

    padding: 8px 12px

}



.sidebar-widget.tags ul li a:hover {

    -webkit-transform: translateY(-2px);

    transform: translateY(-2px);

    background-color: #141b65;

    color: var(--white-color);

    border-color: #141b65

}



.showing-result {

    margin-bottom: 30px;

    margin-right: 15px

}



.showing-result .showing-top-bar-ordering .nice-select {

    color: #141b65;

    border-radius: 0;

    border: none;

    float: unset;

    height: unset;

    line-height: initial;

    padding: 15px 35px 15px 15px;

    font-size: 16px;

    background-color: var(--white-color);

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow)

}



.showing-result .showing-top-bar-ordering .nice-select .list {

    background-color: var(--white-color);

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    border-radius: 0;

    margin-top: 0;

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px;

    height: 250px;

    overflow-y: scroll

}



.showing-result .showing-top-bar-ordering .nice-select .list .option {

    -webkit-transition: var(--transition);

    transition: var(--transition);

    font-size: 16px;

    padding-left: 20px;

    padding-right: 20px

}



.checkout-area .billing-details .form-group .nice-select .list .option:hover,

.showing-result .showing-top-bar-ordering .nice-select .list .option:hover {

    background-color: #141b65 !important;

    color: var(--white-color)

}



.showing-result .showing-top-bar-ordering .nice-select .list .option.selected {

    font-weight: 500;

    color: var(--body-color)

}



.checkout-area .billing-details .form-group .nice-select:after,

.showing-result .showing-top-bar-ordering .nice-select:after {

    right: 20px

}



.showing-result .search-form .search-btn {

    position: absolute;

    top: 0;

    right: 0;

    height: 50px;

    width: 50px;

    line-height: 50px;

    background-color: #141b65;

    color: var(--white-color);

    font-size: 20px

}



.showing-result .search-form .form-control {

    border: 1px solid #d7d7d7;

    background-color: #f5f6fa;

    font-size: 16px

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {

    font-size: 14px;

    color: #ffba0a

}



.showing-result .search-form .form-control::-webkit-input-placeholder {

    color: #616161

}



.showing-result .search-form .form-control:-ms-input-placeholder {

    color: #616161

}



.showing-result .search-form .form-control::-ms-input-placeholder {

    color: #616161

}



.showing-result .search-form .form-control::placeholder {

    color: #616161

}



.single-shop .shop-img {

    position: relative;

    margin-bottom: 20px;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow)

}



.single-shop .shop-img ul {

    position: absolute;

    bottom: 10px;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-shop .shop-img ul li {

    display: inline-block;

    margin: 0 5px

}



.single-shop .shop-img ul li a i {

    font-size: 20px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    background-color: var(--white-color);

    color: #141b65;

    border-radius: #141b65;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-shop .shop-img .default-btn {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin-right: 30px;

    margin-left: 30px;

    margin-bottom: 30px;

    -webkit-transform: scaleX(0);

    transform: scaleX(0)

}



.single-shop .shop-img::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #141b65;

    opacity: .5;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-shop a h3 {

    margin-bottom: 5px;

    font-size: 20px;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.single-shop .rating li {

    display: inline-block;

    margin: 0 1px

}



.single-shop span {

    font-size: 16px;

    display: block;

    margin-bottom: 10px

}



.single-shop span del {

    margin-right: 10px

}



.single-shop .default-btn {

    padding: 12px 45px;

    font-size: 15px;

    background-color: transparent;

    border-color: #141b65;

    color: #141b65

}



.single-shop:hover .shop-img ul,

.single-shop:hover .shop-img::before {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)

}



.single-shop:hover .shop-img .default-btn {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    background-color: #141b65;

    border-color: #141b65;

    color: var(--white-color)

}



.cart-area .product-thumbnail {

    width: 130px

}



.cart-area .cart-table {

    text-align: center

}



.cart-area .cart-table table thead tr th {

    border-bottom: 1px solid #dedede;

    border: none;

    color: #141b65;

    padding-top: 0;

    font-size: 16px;

    font-weight: 600

}



.cart-area .cart-table table tbody tr td {

    vertical-align: middle;

    border: none;

    border-bottom: 1px solid #dedede

}



.cart-area .cart-table table tbody tr td.product-subtotal {

    font-size: 15px

}



.cart-area .cart-table table tbody tr td.product-subtotal .remove {

    margin-left: 50px;

    width: 30px;

    height: 30px;

    line-height: 34px;

    display: inline-block;

    background-color: var(--white-color);

    border-radius: 50%;

    font-size: 20px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    color: var(--body-color);

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow);

    float: right

}



.cart-area .cart-table table tbody tr td.product-subtotal .remove:hover,

.product-view-one .modal-content button.close:hover {

    background-color: red;

    color: var(--white-color)

}



.cart-area .cart-table table tbody tr td.product-quantity {

    width: 145px

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter input {

    height: 59px;

    color: var(--body-color);

    outline: 0;

    display: block;

    border: 1px solid #dedede;

    text-align: center;

    width: 75%

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn {

    position: absolute;

    top: 29px;

    right: 2px;

    border: 1px solid #dedede;

    cursor: pointer;

    color: var(--body-color);

    width: 30px;

    height: 30px;

    line-height: 31px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    font-size: 20px

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn {

    position: absolute;

    top: 0;

    right: 2px;

    border: 1px solid #dedede;

    cursor: pointer;

    color: var(--body-color);

    width: 30px;

    height: 30px;

    line-height: 30px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    font-size: 20px

}



.cart-area .coupon-cart,

.product-details-area .product-details-desc .social-wrap {

    margin-top: 20px

}



.cart-area .coupon-cart .form-group .form-control {

    border: 1px solid #dedede

}



.cart-area .coupon-cart .form-group .default-btn {

    position: absolute;

    top: 0;

    right: 0;

    height: 50px

}



.cart-area .coupon-cart .default-btn.update {

    background-color: transparent;

    border-color: #141b65;

    color: #141b65

}



.cart-area .coupon-cart .default-btn.update:hover {

    background-color: #141b65;

    border-color: #141b65;

    color: var(--white-color)

}



.cart-area .cart-checkout-title,

.checkout-area .cart-totals h3,

.checkout-area .faq-accordion h3 {

    margin-bottom: 0;

    padding: 30px 30px 0 40px;

    border-top: 1px solid #dedede;

    border-left: 1px solid #dedede;

    border-right: 1px solid #dedede;

    position: relative

}



.cart-area .cart-checkout-title::before,

.checkout-area .cart-totals h3::before,

.checkout-area .faq-accordion h3::before {

    content: "";

    position: absolute;

    top: 30px;

    left: 30px;

    width: 2px;

    height: 50%;

    background-color: #141b65

}



.cart-area .cart-totals {

    padding: 20px 30px 30px;

    border-radius: 0;

    border: 1px solid #dedede;

    border-top: none;

    overflow: hidden

}



.cart-area .cart-totals ul {

    padding: 0;

    margin: 0 0 25px;

    list-style-type: none

}



.cart-area .cart-totals ul li,

.checkout-area .cart-totals ul li {

    color: var(--body-color);

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px solid #dedede

}



.cart-area .cart-totals ul li span,

.checkout-area .cart-totals ul li span {

    float: right;

    color: #666;

    font-weight: 400

}



.cart-area tbody,

.cart-area td,

.cart-area tfoot,

.cart-area th,

.cart-area thead,

.cart-area tr,

.wishlist-wrap tbody,

.wishlist-wrap td,

.wishlist-wrap tfoot,

.wishlist-wrap th,

.wishlist-wrap thead,

.wishlist-wrap tr {

    border-top: none

}



.checkout-area .billing-details .form-group label {

    display: block;

    color: var(--body-color);

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 15px

}



.checkout-area .billing-details .form-group .nice-select {

    float: unset;

    line-height: 45px;

    color: var(--body-color);

    padding-top: 0;

    padding-bottom: 0

}



.checkout-area .billing-details .form-group .nice-select .list {

    background-color: var(--white-color);

    -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);

    box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);

    border-radius: 0;

    margin-top: 0;

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px

}



.checkout-area .billing-details .form-group .nice-select .list .option {

    -webkit-transition: .5s;

    transition: .5s;

    padding-left: 20px;

    padding-right: 20px

}



.checkout-area .billing-details .form-group .nice-select .option.focus,

.checkout-area .billing-details .form-group .nice-select .option.selected.focus,

.checkout-area .billing-details .form-group .nice-select .option:hover {

    background-color: #141b65 !important;

    color: var(--white-color) !important

}



.checkout-area .billing-details .form-group textarea {

    padding-top: 13px

}



.checkout-area .billing-details .form-check .form-check-label {

    color: var(--body-color);

    font-weight: 600;

    font-size: 15px

}



.checkout-area .cart-totals {

    border-radius: 0;

    margin-bottom: 30px

}



.checkout-area .cart-totals ul {

    padding: 15px 30px;

    border: 1px solid #dedede;

    border-top: none

}



.checkout-area .cart-totals ul li:last-child {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0

}



.checkout-area .faq-accordion .accordion {

    border: 1px solid #dedede;

    padding: 30px;

    border-top: none

}



.checkout-area .faq-accordion .accordion .accordion-content {

    border-top: none;

    padding: 0

}



.checkout-area .faq-accordion .accordion .accordion-title {

    padding: 0 0 0 25px;

    position: relative;

    background-color: transparent;

    border: none;

    margin-bottom: 10px;

    color: #141b65

}



.checkout-area .faq-accordion .accordion .accordion-title::before {

    content: "";

    position: absolute;

    top: 4px;

    left: 0;

    width: 15px;

    height: 15px;

    background-color: #141b65;

    border-radius: 50%

}



.checkout-area .faq-accordion .accordion .accordion-title::after {

    content: "";

    position: absolute;

    top: 7px;

    left: 3px;

    width: 9px;

    height: 9px;

    background-color: var(--white-color);

    border-radius: 50%

}



.checkout-area .faq-accordion .accordion .accordion-item {

    background-color: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

    margin-bottom: 15px

}



.checkout-area .faq-accordion .form-check,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {

    font-size: 14px

}



.wishlist-wrap {

    max-width: 1080px;

    margin: auto

}



.wishlist-wrap .default-btn {

    float: right;

    margin-top: -11px;

    color: var(--white-color) !important

}



.wishlist-wrap .default-btn:hover {

    color: #141b65 !important

}



.product-details-area .product-details-desc h3 {

    margin-bottom: 15px;

    font-size: 25px

}



.product-details-area .product-details-desc .price {

    margin-bottom: 10px;

    color: #333;

    font-size: 20px;

    font-weight: 500

}



.go-top i,

.video-btn i {

    color: var(--white-color)

}



.product-details-area .product-details-desc .price span {

    padding: 0 5px

}



.product-details-area .product-details-desc .price .old-price {

    text-decoration: line-through;

    color: #828893;

    font-size: 24px

}



.product-details-area .product-details-desc .product-review .rating {

    display: inline-block;

    padding-right: 5px;

    font-size: 20px

}



.product-details-area .product-details-desc .product-review .rating i,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star,

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {

    color: #ffba0a

}



.product-details-area .product-details-desc .product-review .rating-count {

    display: inline-block;

    color: #333;

    border-bottom: 1px solid #333;

    line-height: initial;

    position: relative;

    top: -5px

}



.product-details-area .product-details-desc .product-review .rating-count:hover {

    color: #141b65;

    border-color: #141b65

}



.product-details-area .product-details-desc .product-summery li {

    margin-bottom: 10px;

    color: #141b65;

    font-size: 17px;

    font-weight: 600;

    position: relative

}



.product-details-area .product-details-desc .product-summery li span {

    font-size: 16px;

    font-weight: 400;

    position: absolute;

    left: 115px;

    top: 3px

}



.product-details-area .product-details-desc .social-wrap li {

    display: inline-block;

    padding-right: 10px;

    font-size: 17px;

    font-weight: 600;

    color: #141b65

}



.product-details-area .product-details-desc .social-wrap li span {

    display: inline-block;

    margin-right: 45px

}



.product-details-area .product-details-desc .social-wrap li a i {

    font-size: 20px;

    line-height: 1;

    color: #141b65;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.product-details-area .product-details-desc .product-add-to-cart h3 {

    display: inline-block;

    margin-right: 10px;

    font-size: 17px

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter {

    max-width: 130px;

    min-width: 130px;

    margin-right: 10px;

    text-align: center;

    display: inline-block;

    position: relative;

    border: 1px solid #cfcfcf

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span {

    position: absolute;

    top: 0;

    background-color: transparent;

    cursor: pointer;

    color: #d0d0d0;

    width: 40px;

    height: 100%;

    line-height: 34px;

    -webkit-transition: .5s;

    transition: .5s

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span.minus-btn {

    left: 0;

    border-right: 1px solid #cfcfcf

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span.plus-btn {

    right: 0;

    border-left: 1px solid #cfcfcf

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input {

    height: 30px;

    color: #333;

    outline: 0;

    display: block;

    border: none;

    background-color: #f8f8f8;

    text-align: center;

    width: 100%

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {

    color: #333

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {

    color: #333

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {

    color: #333

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input::placeholder {

    color: #333

}



.product-details-area .product-details-desc .default-btn {

    margin-bottom: 0 !important

}



.product-details-area .product-details-desc .default-btn i {

    position: relative;

    top: -1px;

    margin-right: 5px

}



.product-details-area .product-details-image {

    text-align: center;

    background-color: #f7f7f7;

    -webkit-box-shadow: var(--box-shadow);

    box-shadow: var(--box-shadow)

}



.product-details-area .products-details-tab .tabs {

    list-style-type: none;

    padding-left: 0;

    text-align: center;

    border-bottom: 1px solid #eaedff

}



.product-details-area .products-details-tab .tabs li {

    display: inline-block;

    line-height: initial;

    margin-right: 15px;

    margin-left: 15px;

    margin-bottom: 20px

}



.product-details-area .products-details-tab .tabs li a {

    display: inline-block;

    position: relative;

    color: #333;

    border-bottom: none;

    line-height: 1;

    font-size: 16px;

    font-weight: 500

}



.product-details-area .products-details-tab .tab_content {

    padding: 30px 30px 0

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {

    padding-left: 0;

    margin-bottom: 0;

    list-style-type: none;

    text-align: left

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {

    border: 1px solid #eaedff;

    border-bottom: none;

    padding: 10px 15px;

    color: #57647c

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {

    border-bottom: 1px solid #eaedff

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {

    display: inline-block;

    width: 30%;

    color: #141b65

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {

    margin-bottom: 0;

    display: inline-block;

    padding-left: 5px;

    line-height: initial

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {

    position: absolute;

    right: 0;

    bottom: 10px;

    padding: 10px 11px;

    font-size: 11px

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn:focus {

    border: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    background-color: #141b65

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {

    margin-top: 35px

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {

    margin-top: 30px;

    position: relative;

    padding-right: 200px;

    border-top: 1px dashed #eaedff;

    padding-top: 30px

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3,

.product-view-one .modal-content .product-content .product-color-switch {

    margin-top: 10px;

    margin-bottom: 10px

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {

    margin-bottom: 10px;

    font-size: 13px;

    display: block

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {

    position: absolute;

    right: 0;

    color: #57647c;

    top: 40px;

    text-decoration: underline

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {

    color: #ff4800

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {

    color: #444

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none;

    border-radius: 0

}



.related-product-area .section-title {

    text-align: center;

    margin: -15px auto 50px

}



.loader-wrapper {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    z-index: 9999;

    background-color: var(--white-color)

}



.loader {

    display: block;

    position: relative;

    left: 50%;

    top: 50%;

    width: 150px;

    height: 150px;

    margin: -75px 0 0 -75px;

    border-radius: 50%;

    -webkit-animation: 1.7s linear infinite spin;

    animation: 1.7s linear infinite spin;

    z-index: 11

}



.loaded .loader-wrapper {

    visibility: hidden;

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    -webkit-transition: .3s ease-out 1s;

    transition: .3s ease-out 1s

}



.loaded .loader-wrapper .loader-section.section-left {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    -webkit-transition: .7s cubic-bezier(.645, .045, .355, 1) .3s;

    transition: .7s cubic-bezier(.645, .045, .355, 1) .3s

}



.loaded .loader-wrapper .loader-section.section-right {

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    -webkit-transition: .7s cubic-bezier(.645, .045, .355, 1) .3s;

    transition: .7s cubic-bezier(.645, .045, .355, 1) .3s

}



.loaded .loader {

    opacity: 0;

    -webkit-transition: .3s ease-out;

    transition: .3s ease-out

}



.dot-wrap {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.dot-wrap .dot {

    position: absolute;

    width: 20px;

    height: 20px;

    background: #262626;

    -webkit-animation: 4s ease-in-out infinite forwards animate;

    animation: 4s ease-in-out infinite forwards animate

}



.go-top::before,

.video-btn i {

    position: absolute;

    height: 100%

}



.go-top,

.go-top::before {

    background-color: #141b65;

    opacity: 0;

    visibility: hidden

}



.dot-wrap .dot:first-child {

    background: #ffb607;

    left: -24px;

    top: -24px;

    -webkit-animation-delay: .5s;

    animation-delay: .5s

}



.dot-wrap .dot:nth-child(2) {

    background: #141b65;

    left: 0;

    top: -24px;

    -webkit-animation-delay: 1s;

    animation-delay: 1s

}



.dot-wrap .dot:nth-child(4) {

    background: #ffb607;

    left: -24px;

    top: 0;

    -webkit-animation-delay: 1.5s;

    animation-delay: 1.5s

}



.dot-wrap .dot:nth-child(3) {

    background: #141b65;

    left: 0;

    top: 0;

    -webkit-animation-delay: 2s;

    animation-delay: 2s

}



@-webkit-keyframes animate {

    0% {

        -webkit-transform: rotateY(0);

        transform: rotateY(0)

    }

    20% {

        -webkit-transform: rotateY(360deg);

        transform: rotateY(360deg)

    }

    40% {

        -webkit-transform: rotateX(180deg);

        transform: rotateX(180deg)

    }

    60% {

        -webkit-transform: rotateX(0);

        transform: rotateX(0)

    }

    80% {

        -webkit-transform: rotateX(360deg);

        transform: rotateX(360deg)

    }

    100% {

        -webkit-transform: rotateY(180deg);

        transform: rotateY(180deg)

    }

}



@keyframes animate {

    0% {

        -webkit-transform: rotateY(0);

        transform: rotateY(0)

    }

    20% {

        -webkit-transform: rotateY(360deg);

        transform: rotateY(360deg)

    }

    40% {

        -webkit-transform: rotateX(180deg);

        transform: rotateX(180deg)

    }

    60% {

        -webkit-transform: rotateX(0);

        transform: rotateX(0)

    }

    80% {

        -webkit-transform: rotateX(360deg);

        transform: rotateX(360deg)

    }

    100% {

        -webkit-transform: rotateY(180deg);

        transform: rotateY(180deg)

    }

}



.go-top {

    position: fixed;

    cursor: pointer;

    top: 88%;

    right: -10%;

    z-index: 4;

    width: 40px;

    text-align: center;

    height: 42px;

    line-height: 42px;

    -webkit-transition: .9s;

    transition: .9s

}



.go-top i {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    right: 0;

    margin: 0 auto;

    -webkit-transition: .5s;

    transition: .5s;

    font-size: 20px

}



.go-top i:last-child {

    opacity: 0;

    visibility: hidden;

    top: 60%

}



.go-top::before {

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    z-index: -1;

    -webkit-transition: .5s;

    transition: .5s

}



.video-btn,

.video-btn:hover::after,

.video-btn:hover::before {

    background-color: rgba(255, 94, 20, .9)

}



.go-top:focus::before,

.go-top:hover::before {

    opacity: 1;

    visibility: visible

}



.go-top:focus i:first-child,

.go-top:hover i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden

}



.go-top:focus i:last-child,

.go-top:hover i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%

}



.go-top.active {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

    right: 3%;

    top: 86%

}



.video-btn {

    display: inline-block;

    width: 100px;

    height: 100px;

    line-height: 100px;

    text-align: center;

    border-radius: 50%;

    color: #141b65;

    position: relative;

    top: 3px;

    z-index: 1;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.video-btn i {

    font-size: 80px;

    top: 0;

    left: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%

}



.video-btn::after,

.video-btn::before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    bottom: 0;

    left: 0;

    border-radius: 50%;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    -webkit-animation: 1.6s ease-out infinite ripple;

    animation: 1.6s ease-out infinite ripple;

    background-color: rgba(255, 94, 20, .9)

}



@-webkit-keyframes ripple {

    0%,

    35% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 1

    }

    50% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5);

        opacity: .8

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(2);

        transform: scale(2)

    }

}



@keyframes ripple {

    0%,

    35% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 1

    }

    50% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5);

        opacity: .8

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(2);

        transform: scale(2)

    }

}



.nice-select .list {

    width: 100%

}



.pagination-area {

    margin-top: 10px;

    text-align: center

}



.pagination-area .page-numbers {

    width: 40px;

    height: 40px;

    line-height: 40px;

    color: #141b65;

    text-align: center;

    display: inline-block;

    position: relative;

    margin-left: 3px;

    margin-right: 3px;

    font-size: 17px;

    background-color: #f5f6fa;

    border: 1px solid #d7d7d7

}



.pagination-area .page-numbers.current,

.pagination-area .page-numbers:hover {

    color: var(--white-color);

    border-color: #141b65;

    background-color: #141b65

}



.pagination-area .page-numbers i {

    position: relative;

    font-size: 25px;

    top: 5px

}



.product-view-one {

    padding-right: 0 !important

}



.product-view-one.modal.show .modal-dialog {

    margin-top: 25px

}



.product-view-one .product-view-one-image {

    background-color: #eee;

    padding: 30px

}



.product-view-one .modal-dialog {

    max-width: 900px;

    margin: 0 auto

}



.product-view-one .modal-content {

    border: none;

    padding: 40px;

    border-radius: 0

}



.product-view-one .modal-content button.close {

    position: absolute;

    right: 0;

    top: 0;

    outline: 0;

    opacity: 1;

    color: #141b65;

    -webkit-transition: .5s;

    transition: .5s;

    line-height: 35px;

    padding: 0;

    margin: 0;

    font-size: 20px;

    width: 35px;

    text-shadow: unset;

    height: 35px

}



.product-view-one .modal-content .product-content h3 {

    font-size: 22px;

    margin-bottom: 14px

}



.product-view-one .modal-content .product-content .price span {

    display: inline-block;

    font-size: 18px;

    color: #141b65

}



.product-view-one .modal-content .product-content .price del {

    display: inline-block;

    font-size: 18px;

    color: #c1c1c1;

    margin-left: 5px

}



.product-view-one .modal-content .product-content .product-review .rating {

    display: inline-block;

    padding-right: 5px

}



.product-view-one .modal-content .product-content .product-review .rating-count {

    display: inline-block;

    color: #141b65;

    border-bottom: 1px solid #141b65;

    line-height: initial

}



.product-view-one .modal-content .product-content .product-info {

    list-style-type: none;

    padding: 0;

    margin-top: 0;

    margin-bottom: 0

}



.product-view-one .modal-content .product-content .product-info li {

    font-size: 16px;

    color: #141b65;

    margin-bottom: 10px

}



.product-view-one .modal-content .product-content .product-info li a {

    display: inline-block;

    font-weight: 500;

    color: #141b65

}



.product-view-one .modal-content .product-content .product-color-switch h4 {

    font-size: 16px;

    color: #141b65;

    margin-bottom: 6px

}



.product-view-one .modal-content .product-content .product-color-switch ul {

    list-style-type: none;

    margin-bottom: 0;

    margin-top: -4px;

    margin-left: -4px;

    padding-left: 0

}



.product-view-one .modal-content .product-content .product-color-switch ul li {

    display: inline-block;

    margin-left: 4px;

    margin-top: 4px

}



.product-view-one .modal-content .product-content .product-color-switch ul li a {

    display: inline-block;

    position: relative;

    border: 1px solid transparent;

    width: 25px;

    height: 25px

}



.product-view-one .modal-content .product-content .product-color-switch ul li a::before {

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #eee;

    margin: 2px;

    -webkit-transition: .5s;

    transition: .5s

}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-white::before {

    background: #00f

}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-black::before {

    background: #222

}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-green::before {

    background: green

}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-yellowgreen::before {

    background: #9acd32

}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-teal::before {

    background: teal

}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter {

    max-width: 130px;

    min-width: 130px;

    margin-right: 10px;

    text-align: center;

    display: inline-block;

    position: relative

}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span {

    position: absolute;

    top: 0;

    background-color: transparent;

    cursor: pointer;

    color: var(--body-color);

    width: 40px;

    height: 100%;

    line-height: 50px;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span.minus-btn {

    left: 0;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span.plus-btn {

    right: 0;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter input {

    height: 48px;

    color: #141b65;

    outline: 0;

    display: block;

    border: none;

    background-color: #f8f8f8;

    text-align: center;

    width: 100%;

    font-size: 17px;

    font-weight: 600

}



.product-view-one .owl-next,

.product-view-one .owl-prev {

    position: absolute;

    top: 50%;

    margin: 0 !important;

    border-radius: 0 !important;

    opacity: 0

}



.product-view-one .owl-next i,

.product-view-one .owl-prev i {

    color: var(--white-color);

    width: 30px;

    height: 30px;

    line-height: 30px;

    display: inline-block;

    font-size: 15px;

    border-radius: 4px

}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter input::-webkit-input-placeholder {

    color: #141b65

}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter input:-ms-input-placeholder {

    color: #141b65

}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter input::-ms-input-placeholder {

    color: #141b65

}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter input::placeholder {

    color: #141b65

}



.product-view-one .modal-content .product-content .share-this-product h3 {

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 8px;

    margin-top: 10px

}



.product-view-one .modal-content .product-content .share-this-product ul li {

    display: inline-block;

    margin-right: 3px

}



.product-view-one .modal-content .product-content .share-this-product ul li a i {

    display: inline-block;

    width: 25px;

    height: 25px;

    line-height: 25px;

    background-color: #eee;

    border-radius: #141b65;

    text-align: center;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.product-view-one .owl-carousel .owl-item img {

    width: unset;

    margin: auto

}



.product-view-one #big .item {

    padding: 30px;

    background-color: var(--white-color);

    margin-bottom: 30px

}



.product-view-one .owl-item.active.current {

    background-color: var(--white-color);

    padding: 5px

}



.product-view-one.fade {

    -webkit-animation: 1s linear zoomIn;

    animation: 1s linear zoomIn

}



.product-view-one .owl-next {

    right: 50px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    -webkit-transform: translateY(-25px);

    transform: translateY(-25px)

}



.product-view-one .owl-next i {

    background-color: #141b65;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.product-view-one .owl-prev {

    left: 50px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

    -webkit-transform: translateY(-25px);

    transform: translateY(-25px)

}



.product-view-one .owl-prev i {

    background-color: #141b65 !important;

    -webkit-transition: var(--transition);

    transition: var(--transition)

}



.product-view-one:hover .owl-prev {

    opacity: 1;

    left: 0

}



.product-view-one:hover .owl-next {

    opacity: 1;

    right: 0

}



.clr-white {

    color: #fff !important

}



.w-100px {

    width: 100px !important;

    border: 1px solid #ededed;

    padding: 9px;

    height: 70px;

    width: 100% !important;

}



.jaadu {

    text-align: center;

    margin-top: 20px;

    margin-bottom: 20px;

    background: #141b65;

    color: white;

    padding: 10px;

    border-top-right-radius: 15px;

    border-bottom-left-radius: 15px;

}



element.style {}



.get-in-touch>h3,

.contact-address>h3,

.contact-form-titile.text-left>h3 {

    color: #39393c;

    font-weight: 600;

    margin-bottom: 26px;

    text-transform: uppercase;

}



.single-contact-list {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 20px;

}



.contact-icon i {

    color: #1a60ab;

    display: block;

    font-size: 20px;

    position: relative;

    top: 0;

    border: 1px solid;

    padding: 6px 10px;

    border-radius: 4px;

}



.conatct-desc>p {

    color: #151320;

    letter-spacing: .1px;

    margin: 0;

    text-transform: capitalize;

    font-size: 16px;

}



.mr-2 {

    margin-right: 15px;

}



.contact-social {

    padding-bottom: 30px;

    padding-top: 20px;

}



.contact-us-desc .contact-social>a {

    color: #606060;

    font-size: 24px;

    margin-right: 15px;

    margin-left: 0px;

}



.c {

    color: #464646;

    border: 1px solid #333;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

    font-size: 22px;

}



.contact-social>a:hover {

    color: #f6563c;

}



.inquery_right_side {

    background: #0778f0;

    color: #fff;

    border: none;

    padding: 10px 0 10px 15px;

    position: fixed;

    top: 250px;

    right: 0px;

    z-index: 1;

    font-size: 18px;

    border-radius: 20px 0 0 20px;

    font-weight: 550;

}



.inquery_right_side i.fa.fa-phone,

.inquery_right_side1 i.fa.fa-whatsapp,

.inquery_right_side2 i.fa.fa-send {

    margin-right: 12px;

    width: 21px;

    font-size: 20px;

    line-height: 20px;

}



.thess {

    color: #ffffff;

    font-weight: 600;

    background: #1a60ab;

    padding: 8px 20px;

    width: 340px;

    margin-bottom: 10px;

    display: block;

}



#counter {

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 40px 0px;

    width: 100%;

}



#counter .item {

    background: #fff;

    padding: 35px 10px;

    margin: 10px;

    text-align: center;

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);

    -moz-box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);

    box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.34);

}



#counter .item .count {

    color: #1a60aa;

    margin-bottom: 5px;

    font-size: 40px;

}



#counter .item h3 {

    color: #4f4e28;

    text-transform: capitalize;

}



.breadcrumb-area {

    margin: 0 0px;

    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%);

    margin-top: 0px;

    background: #000;

    padding: 10px 20px;

}



.breadcrumb-area .container {

    max-width: 100%;

}



.breadcrumb-content {

    display: grid;

    grid-template-columns: auto auto;

    justify-content: space-between;

    align-items: center;

}



.hone {

    font-size: 14px;

    margin: 0;

    color: #fff;

}



.hone span {

    color: #000;

}



.breadcrumb-content ul {

    margin: 0;

    padding: 10px 0;

}



.breadcrumb-content ul li.has-child {

    position: relative;

    color: #fff;

}



.breadcrumb-content ul li {

    display: inline-block;

    margin-right: 20px;

    font-weight: 400;

    line-height: 25px;

}



.breadcrumb-content ul li a {

    font-size: 14px;

    color: #fff;

    font-weight: 400;

    line-height: 25px;

}



.enq_quick {

    padding: 0;

    margin: 0px 0 0px 0;

    background: #f9f9f9;

}



.enq_quick_area {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    padding: 30px 0 30px 0;

}



.enq_quick_area input,

.frm_drp {

    max-width: 180px;

    margin: 0 !important;

    color: #999 !important;

    height: 40px !important;

    border: 1px solid #999 !important;

    border-radius: 4px;

    font-size: 14px;

    padding: 0 0px 0 15px;

}



.enq_quick_area button {

    max-width: 120px;

}



.btn_style {

    color: #fff;

    background: linear-gradient(120deg, #235eab 0%, #538cd7 100%) !important;

    border-color: #fba832;

    width: 100%;

    box-shadow: none;

    margin: 0 5px 0 5px;

    display: inline-block;

    padding: 10px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}



.frm_drp {

    padding-top: 0px

}



.qck_contact {

    font-size: 20px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 600;

    padding: 7px 10px;

    border-radius: 0;

    color: #000;

}



.flex_area {

    display: flex;

    gap: 5px;

}



.in_captcha {

    text-align: center;

    font-size: 15px;

    color: #fff;

    margin: 20px 0 10px 0;

}



@media only screen and (max-width: 767px) {

    .enq_quick_area {

        flex-direction: column;

    }

    .enq_quick_area input,

    .frm_drp {

        max-width: 80%;

    }

    .breadcrumb-content {

        grid-template-columns: auto;

        justify-content: center;

        align-items: center;

    }

    .hone {

        text-align: center;

    }

    .breadcrumb-content ul {

        text-align: center;

    }

    .breadcrumb-area {

        padding: 20px 20px 10px 20px;

    }

    .hero-slider-content h2 {

        font-size: 32px;

    }

    .who-we-are-img {

        margin: 0 0 30px 0;

    }

    p {

        text-align: justify;

    }

    .mainp .container .row .col-lg-2 {

        width: 30%;

    }

}

/* ---- Funfacts Section Base ---- */
.funfacts.white_bg {
    position: relative;
    /*padding: 80px 0;*/
    background: #fdfdfd;
    overflow: hidden;
}

/* Background Shapes */
.funfacts .shapes {
    position: absolute;
    top: 5%;
    left: 2%;
    opacity: 0.1;
    z-index: 1;
    animation: floatAnim 6s ease-in-out infinite;
}

@keyframes floatAnim {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* ---- Section Header ---- */
.section_header {
    margin-bottom: 50px;
}

.section_sub_title {
    color: #235eab; /* Safety Alert Orange */
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.section_title {
    color: #235eab; /* Trust Deep Blue */
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
}

.section_title span {
    color: #235eab;
    position: relative;
}

/* ---- Safety Cards (Funbox1) ---- */
.fun_bottom.multi_layered .col-lg-6 {
    margin-bottom: 30px;
}

.funbox1 {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 12px;
    padding: 30px 25px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    position: relative;
    z-index: 2;
}

/* Hover Effect */
.funbox1:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(15, 41, 66, 0.08);
    border-color: rgba(250, 107, 0, 0.2);
}

/* ---- Numbers Design ---- */
.fun-number {
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    color: #235eab;
    background: rgba(255, 107, 0, 0.08);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.funbox1:hover .fun-number {
    background: #235eab;
    color: #ffffff;
}

/* Card Content */
.fun_content p {
    font-size: 18px;
    font-weight: 700;
    color: #235eab;
    margin-bottom: 10px;
    line-height: 1.4;
}

.fun_content small {
    font-size: 14px;
    color: #6c757d;
    line-height: 1.6;
    display: block;
}

/* ---- Right Side Image ---- */
.man_img {
    position: relative;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.man_img img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .funfacts.white_bg {
        padding: 60px 0;
    }
    .man_img {
        margin-top: 50px;
    }
    .section_title {
        font-size: 30px;
    }
}

/* ---- Counter Styling ---- */
.counter-item {
    background: #ffffff;
    padding: 30px 20px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    border: 1px solid #f0f4f8;
    transition: transform 0.3s ease;
}

.counter-item:hover {
    transform: translateY(-5px);
    border-color: #235eab;
}

/* नंबरों का स्टाइल */
.counter-item .count {
    font-size: 42px;
    font-weight: 800;
    color: #235eab; /* गहरा नीला रंग */
    margin: 0;
    line-height: 1;
}

/* + और Sq.Ft का स्टाइल */
.counter-suffix {
    font-size: 24px;
    font-weight: 700;
    color: #235eab; /* आकर्षक ऑरेंज रंग */
    margin-left: 5px;
}

/* नीचे लिखे टेक्स्ट का स्टाइल */
.counter-item .text {
    font-size: 16px;
    color: #6c757d;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 0;
}

a{
    text-decoration: none !important;
}


/* Mobile */
@media (max-width: 767px){
    .slider-img{
        margin-top:200px !important;
    }
}