body,html {
overflow-x:hidden;
font-family:var(--body-font);
font-size: 14px;
}
h1,h3 {
line-height:1.0833333333333333
}
body,p {
color: var(--paragraph-color)
}
.navbar.navbar-area.white .navbar-toggler-icon {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
width: 35px;
height: 35px;
}
.navbar.navbar-area .navbar-toggler-icon {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
width: 35px;
height: 35px;
}
.breadcrumb-area .page-list li:first-child a,.check-list li:after,.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a,.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item:before,.title-area .page-list li:first-child a,.widget ul li a:hover,.widget.footer-widget ul li a:hover, p a {
color: var(--main-color-one)
}
.breadcrumb-area .page-list li:first-child,.filter-valve .col-sm-6:first-child,.padding-left-0,.padding-right-0,.title-area .page-list li:first-child,ol {
padding-left:0
}
.breadcrumb-area,.check-list li,.title-area {
position:relative;
z-index:0
}
.widget ul li,pre {
word-break:break-word
}
.ajax-loading-wrap.show,.case-study-gallery-carousel:hover .owl-nav div,.dizzcox_admin_bar .right-content-part .author-details-wrap:hover .author-link,.language_dropdown ul.show,.latest-news-carousel:hover .owl-nav div,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper,.nx-popup-backdrop.show,.nx-popup-wrapper.show,.our-work-carousel:hover .owl-nav div,.payment-gateway-wrapper ul li.selected:after,.payment-gateway-wrapper ul li.selected:before,.price-carousel:hover .owl-nav div,.related-news-carousel:hover .owl-nav div,.search-popup.active .search-form,.single-gig-details .gallery-wrap .thumbnail-gallery-carousel:hover .next-arrow,.single-gig-details .gallery-wrap .thumbnail-gallery-carousel:hover .prev-arrow,.single-gig-details .gallery-wrap .thumbnail-navigator:hover .next-arrow,.single-gig-details .gallery-wrap .thumbnail-navigator:hover .prev-arrow,.single-image-gallery-item .thumb:hover .hover,.single-product-item:hover .thumb .hover,.single-work-item-03:hover .thumb .hover,.widget ul li ul.sub-menu {
visibility:visible;
opacity:1
}
* {
user-select:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
outline:0;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased
}
::selection {
background:0 0
}
::-moz-selection {
background:0 0
}
input[type=text]::selection {
background:#3297fd!important
}
:root {
--main-color-one:#2685f9;
--job-home-color:#2685f9;
--secondary-color:#111d5c;
--heading-color:#0a1121;
--paragraph-color:#878a95;
--heading-font:'Montserrat',sans-serif;
--body-font:'Poppins',sans-serif
}
html {
scroll-behavior:smooth;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
body {
margin:0
}
h1 {
font-size:48px
}
h2 {
font-size:36px;
line-height:1.4444444444444444
}
h3 {
font-size:24px
}
h4 {
font-size:20px;
line-height:1.2380952380952381
}
h1,h2,h3,h4,h5,h6 {
color:var(--heading-color);
font-family:var(--heading-font)
}
p {
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
margin-bottom:10px
}
a {
color:inherit;
color:var(--paragraph-color)
}
a,a:active,a:focus,a:hover {
text-decoration:none;
outline:0;
color:inherit
}
a i {
padding:0 2px
}
img {
max-width:100%;
height: auto;
}
ol {
counter-reset:counter
}
ol li {
list-style:none;
margin-bottom:1rem
}
ol li:before {
counter-increment:counter;
content:counter(counter);
font-weight:500;
margin-right:10px
}
input[type=button]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=submit]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus {
outline:0;
-webkit-box-shadow:none;
box-shadow:none;
border:1px solid #ddd
}
code {
color:#faa603
}
.desktop-center,.error-404,.login-form-wrapper,.meet-the-team-area .team-grid .thumb,.notice-modal .nx-modal-content,.order-cancel-area,.order-confirm-area .btn-wrapper,.order-success-area,.post-pagination-wrapper nav,.single-testimonial-item,.uf-application,.widget_author_meta,table.align-center-ex-first tbody tr,table.align-center-ex-first tbody tr:first-child {
text-align:center
}
.dark-bg,.footer-top {
background-color:#111d5c
}
.section-bg-1,.single-team-member-one.gray-bg .content,.single-work-item-02.gray-bg .content {
background-color:#efefef
}
.about_us_widget .social-icons,.billing-and-shipping-details ul,.blog-details-footer .left .tags,.blog-details-footer .right .social-share,.blog-pagination ul,.buy-now-wrap ul,.check-list,.contact-info-list,.contact_info_list,.info-menu,.job-information-list,.job-meta-list,.job-meta-list li .single-job-meta-block ul,.product-rating-list,.project-info-item .share-area .share-icon,.project-info-item ul,.ratings_list,.single-product-item .thumb .hover ul,.social-icon,.teastimonial-item-09 .bottom-content .ratings,.widget .recent_post_item,.widget ul,.widget.widget_nav_menu ul {
margin:0;
padding:0;
list-style:none
}
.check-list li {
display:block;
padding-left:20px
}
.check-list li:after {
position:absolute;
left:0;
top:0;
font-family:fontawesome;
content:"\f105"
}
.padding-top-10 {
padding-top:10px
}
.padding-top-20 {
padding-top:20px
}
.padding-top-30 {
padding-top:30px
}
.padding-top-40 {
padding-top:40px
}
.padding-top-50 {
padding-top:50px
}
.padding-top-60 {
padding-top:60px
}
.padding-top-70 {
padding-top:70px
}
.padding-top-80 {
padding-top:80px
}
.padding-top-90 {
padding-top:90px
}
.padding-top-95 {
padding-top:95px
}
.padding-top-100 {
padding-top:100px
}
.padding-top-105 {
padding-top:105px
}
.padding-top-110 {
padding-top:110px
}
.padding-top-115 {
padding-top:115px
}
.padding-120,.padding-top-120 {
padding-top:120px
}
.padding-bottom-10 {
padding-bottom:10px
}
.padding-bottom-20,.xg_mega_menu_wrapper.donation_mega_menu .xg-mega-menu-container,.xg_mega_menu_wrapper.product_mega_menu .xg-mega-menu-container {
padding-bottom:20px
}
.padding-bottom-30 {
padding-bottom:30px
}
.padding-bottom-40 {
padding-bottom:40px
}
.padding-bottom-50 {
padding-bottom:50px
}
.padding-bottom-60 {
padding-bottom:60px
}
.padding-bottom-65 {
padding-bottom:65px
}
.padding-bottom-70 {
padding-bottom:70px
}
.padding-bottom-80 {
padding-bottom:80px
}
.padding-bottom-85 {
padding-bottom:85px
}
.padding-bottom-90 {
padding-bottom:90px
}
.padding-bottom-95 {
padding-bottom:95px
}
.padding-bottom-100 {
padding-bottom:100px
}
.padding-bottom-110 {
padding-bottom:110px
}
.padding-bottom-105 {
padding-bottom:105px
}
.padding-bottom-115 {
padding-bottom:115px
}
.padding-bottom-120 {
padding-bottom:120px
}
.padding-bottom-130 {
padding-bottom:130px
}
.padding-bottom-135 {
padding-bottom:135px
}
.padding-120 {
padding-bottom:120px
}
.padding-110 {
padding-top:110px;
padding-bottom:110px
}
.padding-100 {
padding-top:100px;
padding-bottom:100px
}
.padding-20 {
padding-top:20px;
padding-bottom:20px
}
.padding-30 {
padding-top:30px;
padding-bottom:30px
}
.padding-40 {
padding-top:40px;
padding-bottom:40px
}
.padding-50 {
padding-top:50px;
padding-bottom:50px
}
.padding-60 {
padding-top:60px;
padding-bottom:60px
}
.padding-70 {
padding-top:70px;
padding-bottom:70px
}
.padding-80 {
padding-top:80px;
padding-bottom:80px
}
.padding-90 {
padding-top:90px;
padding-bottom:90px
}
.padding-10 {
padding-top:10px;
padding-bottom:10px
}
.margin-top-50 {
margin-top:50px
}
.margin-top-55 {
margin-top:55px
}
.margin-top-70 {
margin-top:70px
}
.margin-top-80 {
margin-top:80px
}
.margin-top-90 {
margin-top:90px
}
.margin-bottom-0 {
margin-bottom:0!important
}
.margin-bottom-15 {
margin-bottom:15px
}
.breadcrumb-area p, .single-product-details .top-content .single-add-to-card-wrapper {
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.margin-bottom-25 {
margin-bottom:25px
}
.margin-bottom-55 {
margin-bottom:55px
}
.margin-bottom-60 {
margin-bottom:60px
}
.margin-bottom-70 {
margin-bottom:70px
}
.margin-bottom-80 {
margin-bottom:80px
}
.margin-bottom-90 {
margin-bottom:90px
}
.margin-top-100 {
margin-top:100px;
margin-bottom:100px
}
.margin-top-120 {
margin-top:120px
}
.min-height-600 {
min-height:600px
}
.info-bar-area {
padding: 5px;
background: var(--secondary-color);
}
.info-bar-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.info-items-two {
margin: 0;
}
.info-items-two li {
display: inline-block;
}
.info-items-two li.menu-item-has-children {
position: relative;
}
.info-items-two li > a {
/* color: #fff; */
}
.info-items-two li.menu-item-has-children ul.sub-menu {
padding-left: 10px;
position: absolute;
z-index: 1;
display: none;
transition: ease-in 1s;
background: #333;
width: 200px;
padding-right: 10px;
background: var(--secondary-color);
}
.info-items-two ul.sub-menu li {
padding-top: 5px;
padding-bottom: 5px;
display: block;
border-bottom: 1px solid #ccc;
}
.info-items-two ul.sub-menu li:last-child {
border: none;
}
.info-items-two li.menu-item-has-children:hover ul.sub-menu {
display: block;
transition: ease-in 1s;
}
.blog-pagination ul li+li {
margin:0 5px
}
.blog-pagination,.single-message-item .thumb i {
display:block;
width:100%
}
.blog-pagination ul li a,.blog-pagination ul li span {
display:block;
width:40px;
height:40px;
border:1px solid #e2e2e2;
line-height:40px;
text-align:center;
font-weight:600;
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
padding:0
}
.blog-pagination ul li a:hover,.blog-pagination ul li span.current,.case-study-gallery-carousel .owl-nav div:hover,.info-bar-inner .right-content .request-quote .rq-btn.blank:hover,.latest-news-carousel .owl-nav div:hover,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover,.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover,.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover,.order-service-page-content-area .nav-tabs .nav-item.active,.our-work-carousel .owl-nav div:hover,.price-carousel .owl-nav div:hover,.product-archive-top-content-area .search-form button:hover,.related-news-carousel .owl-nav div:hover,.single-product-details .extra-content-wrap .nav-tabs .nav-item.active,.single-team-member-two .thumb .hover .social-icon li a:hover,.submit-btn.dash-btn:hover,.widget_author_meta .content ul li a:hover,.widget_tag_cloud .tagcloud a:hover {
background-color:var(--main-color-one);
color:#fff
}
.breadcrumb-area .page-list li a {
font-size:16px
}
.breadcrumb-area {
padding:140px 0 142px;
background-size:cover;
background-position:center
}
.title-area {
padding:30px 0
}
.breadcrumb-area:before,.title-area::before {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
content:'';
background-color:rgba(0,0,0,.05);
z-index:-1
}
.breadcrumb-area.no-bg::before {
background:#fafafa
}
.breadcrumb-area.extra {
padding-bottom:138px
}
.breadcrumb-area .page-title {
font-size:48px;
line-height:58px;
font-weight:700;
color:#fff;
text-transform:capitalize;
margin-bottom:15px;
width:700px
}
.title-area .page-title {
font-size:22px;
line-height:30px;
font-weight:700;
text-transform:uppercase;
margin-bottom:15px;
width:650px
}
.breadcrumb-area p {
font-size:16px;
line-height:26px;
max-width:600px;
color:rgba(255,255,255,.7)
}
.breadcrumb-area .page-list,.event-info .icon-with-title-description,.pricing-table-15 .price-body ul,.recently-donated-list,.title-area .page-list,.xg-mega-menu-single-column-wrap ul {
margin:0;
padding:0
}
.product-widget-area .widget .product-widget-area-content,.widget {
padding:15px 25px 20px
}
.breadcrumb-area .page-list li,.title-area .page-list li {
display:inline-block;
position:relative;
padding-left:30px;
font-size:18px;
font-weight:400;
color:rgba(255,255,255,.7)
}
.breadcrumb-area.no-bg .page-list li,.breadcrumb-area.no-bg .page-list li a,.breadcrumb-area.no-bg .page-list li a:hover,.cart-wrapper table,.footer-area.home-page-06 .footer-widget.widget_tag_cloud .tagcloud a,.footer-area.home-page-06 .widget.footer-widget p,.footer-area.home-page-06 .widget.footer-widget ul li,.footer-area.home-page-06 .widget.footer-widget ul li a,.footer-area.home-page-06 .widget.footer-widget.widget_calendar caption,.footer-area.home-page-06 .widget.footer-widget.widget_calendar td,.footer-area.home-page-06 .widget.footer-widget.widget_calendar th,.footer-area.home-page-08 .footer-widget.widget_tag_cloud .tagcloud a,.footer-area.home-page-08 .widget.footer-widget.widget_calendar caption,.footer-area.home-page-08 .widget.footer-widget.widget_calendar td,.footer-area.home-page-08 .widget.footer-widget.widget_calendar th,.header-area.style-02 p,.header-charity-area .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before,.newsletter-area p,.rating-wrap .ratings span.hide-rating:after,.single-product-details .top-content .price-wrap .del-price,.title-area .page-list li,.title-area .page-list li a,.title-area .page-list li a:hover {
color:var(--paragraph-color)
}
.breadcrumb-area .page-list li:after,.title-area .page-list li:after {
position:absolute;
left:10px;
top:0;
content:"\f105";
font-family:fontawesome;
font-weight:900
}
.breadcrumb-area .page-list li:first-child:after, .title-area .page-list li:first-child:after {
display: none;
}
.breadcrumb-area .page-list li a,.title-area .page-list li a {
color:rgba(255,255,255,.7);
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.breadcrumb-area .page-list li a:hover,.btn-boxed:focus,.icon-box-one.white .content .title,.info-bar-inner .right-content .request-quote .rq-btn.blank:hover i,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before,.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before,.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before,.request-call-form .form-group label,.section-title.white .title,.single-testimonial-item.white .author-meta .name,.singler-counterup-item-01.white .content .count-wrap,.widget .social_share li a:hover {
color:#fff
}
.aboutus-content-block-02 .thumb,.header-area-wrapper,.single-team-member-two .thumb,.single-work-item .content .cats a+a,.single-work-item-03 .thumb {
position:relative;
z-index:0
}
.header-area-wrapper {
position: relative;
max-width: 1920px;
width: 100%;
height: 462px;
}
.single-work-item .content .cats a+a:before {
position:static;
content:",";
padding-right:5px
}
.post-pagination-wrapper {
margin-top:13px;
text-align:center
}
.post-pagination-wrapper ul {
margin:0;
padding:0;
list-style:none;
display:block
}
.post-pagination-wrapper ul li .current,.post-pagination-wrapper ul li a:hover,.post-pagination-wrapper ul li span:hover,.project-info-item .share-area .share-icon li a:hover,.single-product-item .thumb .hover ul li a:hover {
background-color:var(--main-color-one);
color:#fff;
border-color:var(--main-color-one)
}
.post-pagination-wrapper ul li a,.post-pagination-wrapper ul li span {
display:block;
text-align:center;
font-weight:500;
padding:5px 20px;
border-radius:3px;
border:1px solid #e2e2e2;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
color:var(--paragraph-color)
}
.widget ul li a,.widget_search .search-form .submit-btn {
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in
}
.widget {
background-color:#f4f7fc;
margin-bottom:30px
}
.product-widget-area .widget {
padding:0;
box-shadow:0 1px 1px rgba(0,0,0,.1)
}
.product-widget-area .widget .widget-title {
padding:15px 25px 20px;
border-bottom:1px solid #ccc
}
.add-cart-btn:hover,.btn-wrapper .boxed-btn.reverse-color,.btn-wrapper .boxed-btn:hover,.donation-btn:hover,.info-bar-inner .right-content .request-quote .rq-btn:hover,.navbar-area.nav-style-01,.preloader-inner .cancel-preloader:hover,.request-call-form .submit-btn:hover,.review-form .submit-btn:hover,.search-popup .search-form .submit-btn:hover,.single-product-details .top-content .single-add-to-card-wrapper .addtocart:hover,.single-team-member-one .thumb .hover .social-icon li a:hover,.submit-btn.dash-btn,.submit-btn:hover,.user-dashboard-card.style-01,.widget.Dizzcox_testimonial_widget {
background-color:var(--secondary-color)
}
.widget select {
width:100%;
height:50px;
padding:10px 20px
}
.widget .widget-title {
font-size: 18px;
font-weight: 700;
line-height: 20px;
margin-bottom: 20px;
position: relative;
}
.widget.widget_calendar {
padding-right:24px;
padding-left:24px
}
.contact_info_list li.single-info-item .details .widget-title,.event-info .icon-with-title-description li span,.icon-box-one .content p,.icon-box-three .content p,.icon-box-two .content p,.order-confirm-area .form-group,.product-information .tab-content .description-tab-content p:last-child,.single-blog-grid-01 .content p,.single-blog-grid-02 .content p,.single-gig-item .content p,.single-news-grid-01 .content p,.single-news-grid-02 .content p,.single-product-rating-item p,.widget ul li:last-child,.widget.footer-widget.widget_calendar table,.widget.widget_nav_menu ul li:last-child,.widget:last-child,.widget_search .search-form .form-group {
margin-bottom:0
}
.widget.footer-widget .subscribe-form .form-group .form-control {
background-color:#515457;
color:#fff
}
.widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder {
color:rgba(255,255,255,.6)
}
.widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder {
color:rgba(255,255,255,.6)
}
.widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder {
color:rgba(255,255,255,.6)
}
.widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder {
color:rgba(255,255,255,.6)
}
.btn-wrapper .boxed-btn.white:hover,.request-call-form .submit-btn.white:hover,.widget.footer-widget .subscribe-form .submit-btn:hover {
background-color:#fff;
color:var(--main-color-one)
}
.widget.footer-widget {
background-color:transparent!important;
padding:0;
margin-bottom:30px
}
.address-item.box {
border:1px solid #ccc;
padding:15px;
margin-bottom:15px;
border-radius:15px
}
.cart-table-footer-wrap .coupon-wrap .boxed-btn,.dizzcox_admin_bar .left-content-part ul li+li,.dynamic-page-content-wrap img.note-float-right,.gallery-masonry-nav li+li,.info-bar-inner .language_dropdown,.navbar-area .nav-container .navbar-collapse .navbar-nav li+li,.portfolio-menu li+li,.single-job-list-item .jobs-meta li+li,.single-testimonial-item-10 .top-part .author,.widget ul li ul {
margin-left:20px
}
.widget ul li {
display:block;
margin:8px 0;
-ms-word-wrap:break-word
}
.pricing-table-15 .price-body ul li:first-child,.product-thumbnail-wrapper .product-thumbnail-carousel .single-thumbnail-item:first-child,.widget ul li:first-child,.widget.widget_nav_menu ul li:first-child {
margin-top:0
}
.widget ul li a {
color:inherit;
-moz-transition:.3s ease-in;
transition:.3s ease-in
}
.footer-widget.widget_nav_menu ul li a {
position:relative;
padding-left:15px
}
.footer-widget.widget_nav_menu ul li a:after {
position:absolute;
left:0;
top:-2px;
content:"";
font-family:fontawesome;
font-weight:900;
color:var(--main-color-one)
}
.dizzcox_admin_bar .right-content-part .author-details-wrap,.header-style-04,.img-block-width-counterup,.single-experience-item .thumb,.single-gig-details .gallery-wrap .thumbnail,.single-gig-details .gallery-wrap .thumbnail-gallery-carousel,.single-gig-item .thumb,.single-image-gallery-item .thumb,.single-product-item .thumb,.widget_search .search-form {
position:relative
}
.widget_search .search-form .form-group .form-control {
height:50px;
border:1px solid rgba(0,0,0,.2);
padding:0 70px 0 15px
}
.widget_search .search-form .submit-btn {
position:absolute;
right:0;
top:0;
width:60px;
height:50px;
line-height:50px;
padding:0;
font-size:18px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
background-color:var(--main-color-one);
color:#fff;
transition:.3s ease-in;
border:none;
cursor:pointer
}
.header-style-04 .navbar-area .nav-container,.widget ul li ul.sub-menu,.widget ul li ul.sub-menu li a:hover {
background-color:transparent
}
.widget_author_meta .content ul li a,.widget_tag_cloud .tagcloud a {
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in
}
.apply-btn:hover,.boxed-btn:hover,.product-information .nav-tabs .nav-item .nav-link.active,.widget_search .search-form .submit-btn:hover {
background-color:var(--secondary-color);
color:#fff
}
.widget_author_meta .thumb {
width:80px;
height:80px;
margin:0 auto 20px
}
.widget_author_meta .thumb img {
border-radius:50%
}
.widget_author_meta .content .name {
font-size:21px;
font-weight:700
}
.widget_author_meta .content p {
font-size:16px;
line-height:26px
}
.widget_author_meta .content ul {
margin-top:25px
}
.info-menu li, .social-icon a, .social-icon li, .widget_author_meta .content ul li {
display:inline-block;
margin:0 5px;
color: #fff;
}
.widget_author_meta .content ul li a {
display:block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border:1px solid rgba(0,0,0,.1);
border-radius:50%;
transition:.3s ease-in
}
.widget_tag_cloud .tagcloud a {
display:inline-block;
padding:5px 15px;
border:1px solid rgba(0,0,0,.1);
margin:5px;
color:inherit;
transition:.3s ease-in;
border-radius:5px;
font-size:16px!important
}
.widget ul li ul.sub-menu {
position:initial;
border-top:none;
-webkit-box-shadow:none;
box-shadow:none;
margin-top:10px
}
.widget ul li ul.sub-menu li a {
padding:0 0 0 10px
}
.widget.widget_nav_menu ul li {
margin:15px 0
}
.product-widget-area-content ul li a.active {
color:#2f9de0;
pointer-events:none
}
.gig_order_form input[type=file],.job-apply-form-wrapper button,.product-information .nav-tabs,.widget.widget_nav_menu ul li a {
border:none
}
.order-service-page-content-area .nav-tabs .nav-item+.nav-item,.payment-gateway-wrapper ul li+li,.widget.widget_nav_menu ul li>ul {
margin-left:15px
}
.widget.footer-widget.widget_calendar caption {
padding-bottom:0
}
.widget.footer-widget .widget-title {
color:rgba(255,255,255,.9)
}
.footer-widget.widget_tag_cloud .tagcloud a,.widget.footer-widget p,.widget.footer-widget ul li,.widget.footer-widget ul li a,.widget.footer-widget.widget_calendar caption,.widget.footer-widget.widget_calendar td,.widget.footer-widget.widget_calendar th {
color:rgba(255,255,255,.6)
}
.header-bottom-list,.widget .social_share {
margin:0;
padding:0;
list-style:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap
}
.widget .social_share li {
width:calc(100% / 3);
margin:0;
display:block;
padding:20px 0 12px;
text-align:center;
border-radius:5px;
color:#fff
}
.widget .social_share li i {
display:block;
margin-bottom:10px;
font-size:20px
}
.widget .social_share li.facebook {
background-color:#3b5999
}
.widget .social_share li.twitter {
background-color:#55acee
}
.widget .social_share li.instagram {
background-color:#e4405f
}
.about_us_widget .social-icons li+li,.blog-details-footer .right .social-share li+li,.blog-details-item .post-meta li+li,.cart-table-footer-wrap .coupon-wrap .btn-boxed,.delivery-time-countdown-wrap .nx-singular-countdown-item+.nx-singular-countdown-item,.discount-modal-content-wrapper .nx-singular-countdown-item+.nx-singular-countdown-item,.single-blog-grid-01 .content .post-meta li+li,.single-blog-grid-02 .content .post-meta li+li,.single-product-item .thumb .hover ul li+li,.widget .social_share li+li {
margin-left:10px
}
.contact-info-list .single-contact-info,.icon-box-one,.info-items li .single-info-item,.info-items-two li .single-info-item,.product-thumbnail-wrapper,.single-blog-grid-02,.single-news-grid-02,.singler-counterup-item-01,.widget .recent_post_item li.single-recent-post-item {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-item-align:start;
align-self:flex-start;
gap: 5px;
}
.widget .recent_post_item li.single-recent-post-item .thumb {
width:60px;
height:60px;
margin-right:15px
}
.contact-info-list .single-contact-info .content,.icon-box-one .content,.icon-box-three .content,.icon-box-two .content,.single-news-grid-02 .content,.single-testimonial-item-02 .description .content,.singler-counterup-item-01 .content,.widget .recent_post_item li.single-recent-post-item .content {
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.contact-info-list .single-contact-info {
margin-bottom: 10px;
align-items: center;
}
.widget .recent_post_item li.single-recent-post-item .content .title {
font-size:16px;
line-height:20px;
font-weight:600
}
.single-event-details .content .top-part .location,.single-events-list-item .content-area .top-part .location,.widget .recent_post_item li.single-recent-post-item .content .time {
font-size:14px;
font-weight:500
}
.contact_info_list li.single-info-item {
position: relative;
margin-bottom: 10px;
}
.cart-wrapper table .cart-action-wrap,.footer-widget .contact_info_list li .content,.shipping-table-wrap .btn-wrapper {
display:flex;
align-items:center
}
.address-item.box p strong,.cart-total-table table td,.footer-area.home-page-06 .widget.footer-widget .widget-title,.footer-area.home-page-08 .widget.footer-widget .widget-title,.footer-area.home-page-08 .widget.footer-widget ul li a:hover,.header-area.style-02 .title,.related-product-area .title,.single-product-details .key-features .view-more a {
color:var(--heading-color)
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a,.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before,.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li:hover a,.widget-testimonial .icon {
color:var(--main-color-one)
}
.contact_info_list li.single-info-item .icon {
color:#fff;
background:var(--heading-color);
width:45px;
height:45px;
align-items:center;
display:flex;
justify-content:center;
position:absolute;
border-radius:50%
}
.contact_info_list li.single-info-item .details {
padding-left:55px
}
.about_us_widget .footer-logo {
margin-bottom:10px;
display:block
}
.footer-widget .social-icons {
display: flex;
align-items: center;
}
.footer-widget .social-icons li {
margin: 0;
width: 30px;
height: 30px;
text-align: center;
background: var(--main-color-one);
line-height: 30px;
}
.footer-widget .social-icons li a {
color: #fff!important;
}
.copyright-area {
padding:20px 0;
color:rgba(255,255,255,.7)
}
.footer-nav {
text-align:right;
margin-bottom:0
}
.footer-nav li {
display:inline-block;
padding-right:10px;
margin-right:4px;
border-right:1px solid #ccc
}
.footer-nav li:last-child {
padding-right:0;
margin-right:0;
border-right:0
}
.widget-testimonial .icon {
font-size:70px;
line-height:60px;
margin-bottom:16px
}
.widget-testimonial p {
color:rgba(255,255,255,.8);
line-height:1.6
}
.widget-testimonial .author-meta {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-item-align:start;
align-self:flex-start;
margin-top:24px
}
.dynamic-page-content-wrap img.note-float-left,.icon-box-three .img-icon,.icon-box-two .img-icon,.single-donation-mega-menu-item .thubmnail,.widget-testimonial .author-meta .thumb {
margin-right:20px
}
.widget-testimonial .author-meta .thumb img {
max-width:80px;
height:80px;
border-radius:50%
}
.widget-testimonial .author-meta .content {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-top:15px
}
.widget-testimonial .author-meta .content .name {
font-size:18px;
line-height:26px;
font-weight:700;
color:#fff;
margin-bottom:0
}
.widget-testimonial .author-meta .content .designation {
color:rgba(255,255,255,.8);
font-size:14px
}
.main-header {
padding: 10px 0;
/* border-bottom: 1px solid rgba(234, 234, 234, 1); */
/* background: #333; */
}
.main-header .nav {
justify-content: space-between;
}
.main-header .search-form {
width: 320px;
position: relative;
}
.main-header .search-form #search_term, .main-header .search-form #search_terms {
border: 1px solid #e2e2e2;
font-size: 14px;
height: 40px;
border-radius: 0;
padding-right: 60px;
}
.main-header .search-form #product_search_btn, .main-header .search-form #search_btn {
position: absolute;
right: 0;
top: 0;
height: 40px;
width: 50px;
border: none;
color: var(--main-color-one);
transition: 300ms all;
}
.main-header .info-items-two li+li > a {
padding-left: 10px;
}
.main-header .info-items-two li.cart a i {
color: var(--main-color-one);
}
.main-header .info-items-two .sub-menu li+li > a {
padding-left: 0;
}
.navbar-area.nav-absolute {
position:absolute;
left:0;
width:100%;
top:0;
z-index:1
}
.navbar.navbar-area {
display: block;
border-bottom: 1px solid #ccc;
transition: all 0.4s ease-in-out;
padding: 0;
background: #333;
}
.sidebar-category-area {
position: relative;
}
.list-group .head {
background-color: var(--main-color-one);
border: 1px solid var(--main-color-one);
border-bottom: 1px var(--main-color-one);
color: #fff;
font-family: 'Open Sans', sans-serif;
padding: 12px 22px;
text-transform: uppercase;
font-weight: 700;
}
.list-group .sidebar-nav {
list-style-type: none;
padding-left: 0;
background: #fff;
margin-bottom: 0;
width: 100%;
position: absolute;
top: 100%;
left: 0;
z-index: 380;
box-shadow: 0 0 3px rgba(0,0,0,0.15);
visibility: hidden;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1),transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transform: translateY(15px) translateZ(0);
}
.list-group:hover .sidebar-nav {
visibility: visible;
opacity: 1;
transform: none !important;
pointer-events: visible;
pointer-events: unset;
}
.list-group .sidebar-nav li {
position: relative;
display: block;
}
.list-group .sidebar-nav li a svg {
fill: var(--main-color-one);
float: right;
font-size: 12px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 10px;
font-family: fontawesome;
}
.dropdown-toggle::after {
border: 0;
}
.dropdown-menu {
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.sidebar-nav .dropdown:hover>.dropdown-menu {
display: block;
top: 0;
left: 100%;
padding-top: 0;
padding-bottom: 0;
border: 0;
width: 100%;
}
.list-group .sidebar-nav li {
position: relative;
display: block;
}
.list-group a {
border: 1px solid #DDDDDD;
color: #888888;
padding: 10px 17px;
font-size: 14px;
display: block;
border-bottom: 0;
margin-bottom: 0;
}
.article-with-topic-title-style-01 ul.know-articles-list li:hover,.base-color,.blog-details-footer .left .tags li a:hover,.blog-details-footer .right .social-share li:hover,.blog-details-item .post-meta li a:hover,.blog-details-item .post-meta li i,.cart-wrapper table .product-title:hover,.contribute-single-item .content .title:hover,.dizzcox_admin_bar .left-content-part ul li a:hover,.dizzcox_admin_bar .right-content-part .author-details-wrap .author-link a:hover,.dizzcox_admin_bar .right-content-part .author-details-wrap h6:hover,.dizzcox_admin_bar .right-content-part .author-details-wrap:hover h6,.event-info .icon-with-title-description li a:hover,.form-group.checkbox label a,.icon-box-three:hover .content .title,.icon-box-two:hover .content .title,.info-items li:hover .single-info-item .content .title,.info-items-two li:hover .single-info-item .content .title,.info-menu li a:hover,.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover,.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a,.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a,.portfolio-menu li.active,.project-info-item ul li .right a:hover,.section-title .title span,.single-blog-grid-01 .content .post-meta li a:hover,.single-blog-grid-01 .content .post-meta li i,.single-blog-grid-01 .content .title:hover,.single-blog-grid-02 .content .post-meta li a:hover,.single-blog-grid-02 .content .post-meta li i,.single-blog-grid-02 .content .title:hover,.single-donation-mega-menu-item .title:hover,.single-event-details .content .top-part .location i,.single-events-list-item .content-area .top-part .location i,.single-gig-item .content .title:hover,.single-job-list-item .title:hover,.single-news-grid-01 .content .post-meta li a:hover,.single-news-grid-01 .content .title:hover,.single-news-grid-02 .content .post-meta li a:hover,.single-news-grid-02 .content .title:hover,.single-product-details .top-content .cat-sku-content-wrapper a:hover,.single-product-item-3 .content .title:hover,.single-work-item .content .cats a:hover,.single-work-item .content .title:hover,.single-work-item-02 .content .title:hover,.single-work-item-03 .thumb .hover .title:hover,.social-icon li a:hover,.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title:hover,span.help-info a {
color:var(--main-color-one)
}
.navbar-area .nav-container {
-webkit-box-shadow:0 6px 15px 0 rgba(0,0,0,.2);
box-shadow:0 6px 15px 0 rgba(0,0,0,.2);
padding:0 30px
}
.navbar-area .nav-container .navbar-brand .site-title {
font-weight:700;
font-size:30px;
font-family:var(--heading-font);
line-height:90px;
color:var(--heading-color)
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
display:inline-block;
font-size:18px;
font-weight:500;
line-height:50px;
color: #fff;
}
.navbar-area.nav-fixed .nav-container .navbar-collapse .navbar-nav li {
line-height:55px
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu {
position:relative;
padding-right:15px
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
position:absolute;
right:0;
top:50%;
content:'\f107';
font-family:fontawesome;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
font-weight:900;
color:var(--heading-color)
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
position:absolute;
text-align:left;
min-width:220px;
margin:0;
padding:0;
list-style:none;
left:0;
top:100%;
-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.05);
box-shadow:0 0 15px 0 rgba(0,0,0,.05);
background-color:#fff;
z-index:9;
border-bottom:4px solid var(--main-color-one);
visibility:hidden;
opacity:0;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
display:block;
margin-left:0;
line-height:24px;
font-size:16px
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
display:block;
padding:12px 30px;
background-color:#fff;
white-space:nowrap;
color:var(--paragraph-color);
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
position:relative;
z-index:0;
padding-right:0
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before {
position:absolute;
right:15px;
top:50%;
content:'\f105';
font-family:fontawesome;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
left:100%;
top:0
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
left:auto;
right:100%
}
.xg_mega_menu_wrapper {
max-width:1140px;
width:calc(100vw - 180px);
box-sizing:border-box;
position:fixed;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
padding:0;
box-sizing:border-box;
border-radius:5px;
overflow:hidden;
z-index:9999;
background-color:#fff;
box-shadow:0 0 15px 0 rgba(0,0,0,.06);
visibility:hidden;
opacity:0;
transition:.1s;
top:auto
}
.nx-popup-wrapper.discount-modal,.price-plan-wrapper .tab-content,.xg-mega-menu-container {
padding:30px
}
.xg-mega-menu-single-column-wrap .mega-menu-title {
font-size:16px;
line-height:24px;
font-weight:700;
margin-bottom:20px;
color:var(--heading-color);
font-family:var(--heading-font)
}
.xg-mega-menu-single-column-wrap ul li {
display:block!important;
width:100%;
line-height:20px!important;
margin-left:0!important;
font-weight:400!important;
font-size:15px!important
}
.xg-mega-menu-single-column-wrap ul li a:hover {
color:var(--main-color-one)!important
}
.xg-mega-menu-single-column-wrap ul li a {
color:var(--paragraph-color)!important;
transition:.3s
}
.xg-mega-menu-single-column-wrap ul li.single-mega-menu-product-item {
display:flex!important;
align-self:flex-start;
margin-bottom:10px
}
.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .thumbnail {
max-width:80px;
margin-right:15px
}
.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title {
font-size:15px;
line-height:20px;
font-weight:600;
margin-bottom:5px;
transition:.3s
}
.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap {
font-size:14px;
line-height:26px;
font-weight:700
}
.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap .price {
color:var(--heading-color);
margin-right:8px
}
.info-items-two li a i {
color: var(--main-color-one);
}
.nav-fixed .info-items-two li a i {
color: var(--white);
}
.info-items-two li .single-info-item .icon {
color: var(--main-color-one);
}
.nav-fixed .info-items-two li .single-info-item .icon {
color: var(--white);
}
.info-items-two li .single-info-item content, .info-items-two li .single-info-item a {
color: var(--paragraph-color);
font-size: 18px;
}
.info-bar-inner .right-content .request-quote .rq-btn,.info-menu li a {
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in
}
.info-items-two li.cart a i {
color: #fff;
}
.single-donation-mega-menu-item .thumbnail {
margin-right:20px;
min-width:100px
}
.account-form .rmber-area,.event-venue-details-information .bottom-content,.single-donation-mega-menu-item .content .goal {
display:flex;
justify-content:space-between
}
.single-donation-mega-menu-item .content {
padding-right:10px;
display:flex;
flex-direction:column
}
.single-donation-mega-menu-item .content .goal h4 {
font-size:12px;
line-height:15px;
font-weight:700;
color:var(--paragraph-color)
}
.single-donation-mega-menu-item .content .boxed-btn {
display:inline-block;
background-color:var(--main-color-one);
line-height:26px;
border-radius:5px;
color:#fff!important;
font-size:14px;
margin-top:10px
}
.btn-wrapper .boxed-btn.reverse-color:hover,.contact-info-list .single-contact-info:hover .icon,.language_dropdown ul li:hover,.single-donation-mega-menu-item .content .boxed-btn:hover,.single-gig-details .gallery-wrap .thumbnail-gallery-carousel .next-arrow:hover,.single-gig-details .gallery-wrap .thumbnail-gallery-carousel .prev-arrow:hover,.single-gig-details .gallery-wrap .thumbnail-navigator .next-arrow:hover,.single-gig-details .gallery-wrap .thumbnail-navigator .prev-arrow:hover,.single-product-item-3 .addtocart:hover,.user-dashboard-wrapper ul.nav-pills .nav-link.active {
background-color:var(--main-color-one)
}
.info-bar-inner .right-content .request-quote {
margin-left:40px
}
.copyright-area {
background-color:#0c164c
}
.who-we-area .row {
justify-content:center;
align-items:center
}
.product-thumbnail-wrapper .single-thumb {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
width:calc(100% - 140px)
}
.single-product-details .short-description .product-title {
font-size:22px
}
.single-product-details .tab-content .table tbody tr th {
width:300px;
font-weight:400
}
.product-thumbnail-wrapper .product-thumbnail-carousel {
margin-right:0;
width:130px
}
.product-description .price {
font-size:18px;
font-weight:600;
margin-bottom:32px;
display:block
}
.product-description .cart-wrap .qty {
max-width:60px;
height:45px;
padding:0 10px;
border:2px solid #e2e2e2;
border-radius:4px;
margin-right:15px
}
.add-cart-btn,.review-form .submit-btn {
display:inline-block;
padding:10px 30px;
border:none;
background-color:var(--main-color-one);
color:#fff;
border-radius:4px;
cursor:pointer;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.product-information .nav-tabs .nav-item {
border:none;
background-color:transparent
}
.product-information .nav-tabs .nav-item .nav-link {
border:none;
background-color:#f4f7fc;
padding:15px 40px;
color:var(--heading-color)
}
.product-information .tab-content .title {
font-size:20px;
font-weight:700;
margin-bottom:25px
}
.review-form .form-group textarea {
min-height:150px;
resize:none;
padding:20px;
border:1px solid #e2e2e2
}
.contact-form .form-group textarea:focus,.review-form .form-group textarea:focus {
-webkit-box-shadow:none;
box-shadow:none;
outline:0
}
.single-product-details .top-content .thumb img,.slick-slider .single-gallery-slider-item img {
border:5px solid #cecece;
border-radius:15px;
box-shadow:0 1px 5px 2px rgba(0,0,0,.1);
transition:.2s ease-in
}
.single-product-details .top-content .thumb img:hover,.single-product-item-3:hover .thumb .img-wrapper,.slick-slider .single-gallery-slider-item img:hover {
border-color:rgba(41,67,154,.5)
}
.error-404 .title {
font-size:200px;
line-height:160px;
font-weight:700;
margin-bottom:45px;
color:var(--main-color-one)
}
.error-404 .subtitle {
font-size:24px;
line-height:34px;
font-weight:600;
margin-bottom:20px
}
.back-to-top,.preloader-inner .cancel-preloader {
bottom:30px;
height:50px;
line-height:50px;
text-align:center;
color:#fff
}
.error-404 .search-form {
position:relative;
z-index:0;
margin-top:36px
}
.error-404 .search-form .form-control {
height:54px;
padding:0 20px
}
.error-404 .search-form .submit-btn {
position:absolute;
right:0;
top:0;
width:70px;
text-align:center;
padding:0;
height:55px
}
.back-to-top {
position:fixed;
right:0px;
width: 60px;
height: 60px;
line-height: 55px;
background-color:var(--heading-color);
border-radius:50%;
z-index:99;
font-size:25px;
cursor:pointer;
-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
box-shadow:0 0 5px rgba(0,0,0,.5);
display:none
}
.chat-bar {
position: fixed;
left: 16px;
bottom: 19px;
height: 100px;
/* background: #fff;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
box-shadow: 0 0 5px rgba(0,0,0,.5);
border-radius: 5px; */
}
.chat-bar .whatsapp, .chat-bar .messenger {
font-size: 44px;
color: #00A400;
line-height: 48px;
padding: 1px 5px;
}
.icon-box-two,.preloader-inner {
display:-webkit-box;
display:-ms-flexbox
}
.pre-wrap {
position:fixed;
content:'';
-webkit-transform:translate(-100%,-240%);
-ms-transform:translate(-100%,-240%);
transform:translate(-100%,-240%);
font-size:62px
}
.preloader-inner {
position:fixed;
left:0;
top:0;
z-index:9;
background-color:#fff;
width:100%;
height:100%;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.single-team-member-two .thumb .hover,.single-work-item-03 .thumb .hover {
-ms-flex-direction:column;
-webkit-box-orient:vertical;
-webkit-box-direction:normal
}
.preloader-inner .cancel-preloader {
position:absolute;
right:30px;
font-weight:600;
text-transform:capitalize;
background-color:var(--main-color-one);
width:200px;
border-radius:30px;
display:block;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
border:none
}
.ajax_remove_cart_item:focus,.event-booking-form .form-group.select .form-control:focus,.event-booking-form .form-group.textarea .form-control:focus,.feedback-page-form .form-group textarea:focus,.gig_order_form textarea:focus,.job-apply-form-wrapper textarea.form-control:focus,.newsletter-form-wrap .submit-btn:focus,.preloader-inner .cancel-preloader:focus,.product-ratings-form textarea:focus,.reply-message-wrap textarea:focus,.single-product-details .top-content .single-add-to-card-wrapper .addtocart:focus {
outline:0;
box-shadow:none
}
.preloader-inner .windows8 {
position:relative;
width:78px;
height:78px;
margin:auto
}
.preloader-inner .windows8 .wBall {
position:absolute;
width:74px;
height:74px;
opacity:0;
transform:rotate(225deg);
-o-transform:rotate(225deg);
-ms-transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
animation:6.96s infinite orbit;
-o-animation:6.96s infinite orbit;
-ms-animation:orbit 6.96s infinite;
-webkit-animation:6.96s infinite orbit;
-moz-animation:6.96s infinite orbit
}
.preloader-inner .windows8 .wBall .wInnerBall {
position:absolute;
width:10px;
height:10px;
background:var(--main-color-one);
left:0;
top:0;
border-radius:10px
}
.preloader-inner .windows8 #wBall_1 {
animation-delay:1.52s;
-o-animation-delay:1.52s;
-ms-animation-delay:1.52s;
-webkit-animation-delay:1.52s;
-moz-animation-delay:1.52s
}
.preloader-inner .windows8 #wBall_2 {
animation-delay:.3s;
-o-animation-delay:.3s;
-ms-animation-delay:0.3s;
-webkit-animation-delay:.3s;
-moz-animation-delay:.3s
}
.preloader-inner .windows8 #wBall_3 {
animation-delay:.61s;
-o-animation-delay:.61s;
-ms-animation-delay:0.61s;
-webkit-animation-delay:.61s;
-moz-animation-delay:.61s
}
.preloader-inner .windows8 #wBall_4 {
animation-delay:.91s;
-o-animation-delay:.91s;
-ms-animation-delay:0.91s;
-webkit-animation-delay:.91s;
-moz-animation-delay:.91s
}
.preloader-inner .windows8 #wBall_5 {
animation-delay:1.22s;
-o-animation-delay:1.22s;
-ms-animation-delay:1.22s;
-webkit-animation-delay:1.22s;
-moz-animation-delay:1.22s
}
@keyframes orbit {
0% {
opacity:1;
z-index:99;
transform:rotate(180deg);
animation-timing-function:ease-out
}
7% {
opacity:1;
transform:rotate(300deg);
animation-timing-function:linear;
origin:0%
}
30% {
opacity:1;
transform:rotate(410deg);
animation-timing-function:ease-in-out;
origin:7%
}
39% {
opacity:1;
transform:rotate(645deg);
animation-timing-function:linear;
origin:30%
}
70% {
opacity:1;
transform:rotate(770deg);
animation-timing-function:ease-out;
origin:39%
}
75% {
opacity:1;
transform:rotate(900deg);
animation-timing-function:ease-out;
origin:70%
}
100%,76% {
opacity:0;
transform:rotate(900deg)
}
}
@-o-keyframes orbit {
0% {
opacity:1;
z-index:99;
-o-transform:rotate(180deg);
-o-animation-timing-function:ease-out
}
7% {
opacity:1;
-o-transform:rotate(300deg);
-o-animation-timing-function:linear;
-o-origin:0%
}
30% {
opacity:1;
-o-transform:rotate(410deg);
-o-animation-timing-function:ease-in-out;
-o-origin:7%
}
39% {
opacity:1;
-o-transform:rotate(645deg);
-o-animation-timing-function:linear;
-o-origin:30%
}
70% {
opacity:1;
-o-transform:rotate(770deg);
-o-animation-timing-function:ease-out;
-o-origin:39%
}
75% {
opacity:1;
-o-transform:rotate(900deg);
-o-animation-timing-function:ease-out;
-o-origin:70%
}
100%,76% {
opacity:0;
-o-transform:rotate(900deg)
}
}
@-ms-keyframes orbit {
39%,7% {
-ms-animation-timing-function:linear
}
0%,70%,75% {
opacity:1;
-ms-animation-timing-function:ease-out
}
100%,75%,76% {
-ms-transform:rotate(900deg)
}
0% {
z-index:99;
-ms-transform:rotate(180deg)
}
7% {
opacity:1;
-ms-transform:rotate(300deg);
-ms-origin:0%
}
30% {
opacity:1;
-ms-transform:rotate(410deg);
-ms-animation-timing-function:ease-in-out;
-ms-origin:7%
}
39% {
opacity:1;
-ms-transform:rotate(645deg);
-ms-origin:30%
}
70% {
-ms-transform:rotate(770deg);
-ms-origin:39%
}
75% {
-ms-origin:70%
}
100%,76% {
opacity:0
}
}
@-webkit-keyframes orbit {
0% {
opacity:1;
z-index:99;
-webkit-transform:rotate(180deg);
-webkit-animation-timing-function:ease-out
}
7% {
opacity:1;
-webkit-transform:rotate(300deg);
-webkit-animation-timing-function:linear;
-webkit-origin:0%
}
30% {
opacity:1;
-webkit-transform:rotate(410deg);
-webkit-animation-timing-function:ease-in-out;
-webkit-origin:7%
}
39% {
opacity:1;
-webkit-transform:rotate(645deg);
-webkit-animation-timing-function:linear;
-webkit-origin:30%
}
70% {
opacity:1;
-webkit-transform:rotate(770deg);
-webkit-animation-timing-function:ease-out;
-webkit-origin:39%
}
75% {
opacity:1;
-webkit-transform:rotate(900deg);
-webkit-animation-timing-function:ease-out;
-webkit-origin:70%
}
100%,76% {
opacity:0;
-webkit-transform:rotate(900deg)
}
}
@-moz-keyframes orbit {
0% {
opacity:1;
z-index:99;
-moz-transform:rotate(180deg);
-moz-animation-timing-function:ease-out
}
7% {
opacity:1;
-moz-transform:rotate(300deg);
-moz-animation-timing-function:linear;
-moz-origin:0%
}
30% {
opacity:1;
-moz-transform:rotate(410deg);
-moz-animation-timing-function:ease-in-out;
-moz-origin:7%
}
39% {
opacity:1;
-moz-transform:rotate(645deg);
-moz-animation-timing-function:linear;
-moz-origin:30%
}
70% {
opacity:1;
-moz-transform:rotate(770deg);
-moz-animation-timing-function:ease-out;
-moz-origin:39%
}
75% {
opacity:1;
-moz-transform:rotate(900deg);
-moz-animation-timing-function:ease-out;
-moz-origin:70%
}
100%,76% {
opacity:0;
-moz-transform:rotate(900deg)
}
}
.preloader-inner .cssload-thecube {
width:50px;
height:50px;
margin:0 auto;
position:relative;
transform:rotateZ(45deg);
-o-transform:rotateZ(45deg);
-ms-transform:rotateZ(45deg);
-webkit-transform:rotateZ(45deg);
-moz-transform:rotateZ(45deg)
}
.preloader-inner .cssload-thecube .cssload-cube {
transform:rotateZ(45deg);
-o-transform:rotateZ(45deg);
-ms-transform:rotateZ(45deg);
-webkit-transform:rotateZ(45deg);
-moz-transform:rotateZ(45deg);
float:left;
width:50%;
height:50%;
position:relative;
transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1)
}
.preloader-inner .cssload-thecube .cssload-cube:before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:var(--main-color-one);
animation:2.76s linear infinite both cssload-fold-thecube;
-o-animation:2.76s linear infinite both cssload-fold-thecube;
-ms-animation:cssload-fold-thecube 2.76s infinite linear both;
-webkit-animation:2.76s linear infinite both cssload-fold-thecube;
-moz-animation:2.76s linear infinite both cssload-fold-thecube;
transform-origin:100% 100%;
-o-transform-origin:100% 100%;
-ms-transform-origin:100% 100%;
-webkit-transform-origin:100% 100%;
-moz-transform-origin:100% 100%
}
.preloader-inner .cssload-thecube .cssload-c2 {
transform:scale(1.1) rotateZ(90deg);
-o-transform:scale(1.1) rotateZ(90deg);
-ms-transform:scale(1.1) rotateZ(90deg);
-webkit-transform:scale(1.1) rotateZ(90deg);
-moz-transform:scale(1.1) rotateZ(90deg)
}
.preloader-inner .cssload-thecube .cssload-c3 {
transform:scale(1.1) rotateZ(180deg);
-o-transform:scale(1.1) rotateZ(180deg);
-ms-transform:scale(1.1) rotateZ(180deg);
-webkit-transform:scale(1.1) rotateZ(180deg);
-moz-transform:scale(1.1) rotateZ(180deg)
}
.preloader-inner .cssload-thecube .cssload-c4 {
transform:scale(1.1) rotateZ(270deg);
-o-transform:scale(1.1) rotateZ(270deg);
-ms-transform:scale(1.1) rotateZ(270deg);
-webkit-transform:scale(1.1) rotateZ(270deg);
-moz-transform:scale(1.1) rotateZ(270deg)
}
.preloader-inner .cssload-thecube .cssload-c2:before {
animation-delay:.35s;
-o-animation-delay:.35s;
-ms-animation-delay:0.35s;
-webkit-animation-delay:.35s;
-moz-animation-delay:.35s
}
.preloader-inner .cssload-thecube .cssload-c3:before {
animation-delay:.69s;
-o-animation-delay:.69s;
-ms-animation-delay:0.69s;
-webkit-animation-delay:.69s;
-moz-animation-delay:.69s
}
.preloader-inner .cssload-thecube .cssload-c4:before {
animation-delay:1.04s;
-o-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-moz-animation-delay:1.04s
}
@keyframes cssload-fold-thecube {
0%,10% {
transform:perspective(136px) rotateX(-180deg);
opacity:0
}
25%,75% {
transform:perspective(136px) rotateX(0);
opacity:1
}
100%,90% {
transform:perspective(136px) rotateY(180deg);
opacity:0
}
}
@-o-keyframes cssload-fold-thecube {
0%,10% {
-o-transform:perspective(136px) rotateX(-180deg);
opacity:0
}
25%,75% {
-o-transform:perspective(136px) rotateX(0);
opacity:1
}
100%,90% {
-o-transform:perspective(136px) rotateY(180deg);
opacity:0
}
}
@-ms-keyframes cssload-fold-thecube {
0%,10% {
-ms-transform:perspective(136px) rotateX(-180deg);
opacity:0
}
25%,75% {
-ms-transform:perspective(136px) rotateX(0);
opacity:1
}
100%,90% {
-ms-transform:perspective(136px) rotateY(180deg);
opacity:0
}
}
@-webkit-keyframes cssload-fold-thecube {
0%,10% {
-webkit-transform:perspective(136px) rotateX(-180deg);
opacity:0
}
25%,75% {
-webkit-transform:perspective(136px) rotateX(0);
opacity:1
}
100%,90% {
-webkit-transform:perspective(136px) rotateY(180deg);
opacity:0
}
}
@-moz-keyframes cssload-fold-thecube {
0%,10% {
-moz-transform:perspective(136px) rotateX(-180deg);
opacity:0
}
25%,75% {
-moz-transform:perspective(136px) rotateX(0);
opacity:1
}
100%,90% {
-moz-transform:perspective(136px) rotateY(180deg);
opacity:0
}
}
.preloader-inner .bubblingG {
text-align:center;
width:78px;
height:49px;
margin:auto
}
.preloader-inner .bubblingG span {
display:inline-block;
vertical-align:middle;
width:10px;
height:10px;
margin:24px auto;
background:var(--main-color-one);
border-radius:49px;
-o-border-radius:49px;
-ms-border-radius:49px;
-webkit-border-radius:49px;
-moz-border-radius:49px;
animation:1.5s infinite alternate bubblingG;
-o-animation:1.5s infinite alternate bubblingG;
-ms-animation:bubblingG 1.5s infinite alternate;
-webkit-animation:1.5s infinite alternate bubblingG;
-moz-animation:1.5s infinite alternate bubblingG
}
.preloader-inner #bubblingG_1 {
animation-delay:0s;
-o-animation-delay:0s;
-ms-animation-delay:0s;
-webkit-animation-delay:0s;
-moz-animation-delay:0s
}
.preloader-inner #bubblingG_2 {
animation-delay:.45s;
-o-animation-delay:.45s;
-ms-animation-delay:0.45s;
-webkit-animation-delay:.45s;
-moz-animation-delay:.45s
}
.preloader-inner #bubblingG_3 {
animation-delay:.9s;
-o-animation-delay:.9s;
-ms-animation-delay:0.9s;
-webkit-animation-delay:.9s;
-moz-animation-delay:.9s
}
@keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:var(--main-color-one);
transform:translateY(0)
}
100% {
width:23px;
height:23px;
background-color:var(--main-color-one);
transform:translateY(-20px)
}
}
@-o-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:var(--main-color-one);
-o-transform:translateY(0)
}
100% {
width:23px;
height:23px;
background-color:var(--main-color-one);
-o-transform:translateY(-20px)
}
}
@-ms-keyframes bubblingG {
0%,100% {
background-color:var(--main-color-one)
}
0% {
width:10px;
height:10px;
-ms-transform:translateY(0)
}
100% {
width:23px;
height:23px;
-ms-transform:translateY(-20px)
}
}
@-webkit-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:var(--main-color-one);
-webkit-transform:translateY(0)
}
100% {
width:23px;
height:23px;
background-color:var(--main-color-one);
-webkit-transform:translateY(-20px)
}
}
@-moz-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:var(--main-color-one);
-moz-transform:translateY(0)
}
100% {
width:23px;
height:23px;
background-color:var(--main-color-one);
-moz-transform:translateY(-20px)
}
}
.preloader-inner .cssload-loader {
margin:0 auto;
border:4px solid var(--main-color-one);
-ms-animation:cssload-loader 2.3s infinite ease
}
.preloader-inner .cssload-loader-inner {
vertical-align:top;
display:inline-block;
width:100%;
background-color:var(--main-color-one);
animation:2.3s ease-in infinite cssload-loader-inner;
-o-animation:2.3s ease-in infinite cssload-loader-inner;
-ms-animation:cssload-loader-inner 2.3s infinite ease-in;
-webkit-animation:2.3s ease-in infinite cssload-loader-inner;
-moz-animation:2.3s ease-in infinite cssload-loader-inner
}
@keyframes cssload-loader {
0% {
transform:rotate(0)
}
25%,50% {
transform:rotate(180deg)
}
100%,75% {
transform:rotate(360deg)
}
}
@-o-keyframes cssload-loader {
0% {
transform:rotate(0)
}
25%,50% {
transform:rotate(180deg)
}
100%,75% {
transform:rotate(360deg)
}
}
@-ms-keyframes cssload-loader {
0% {
transform:rotate(0)
}
25%,50% {
transform:rotate(180deg)
}
100%,75% {
transform:rotate(360deg)
}
}
@-webkit-keyframes cssload-loader {
0% {
transform:rotate(0)
}
25%,50% {
transform:rotate(180deg)
}
100%,75% {
transform:rotate(360deg)
}
}
@-moz-keyframes cssload-loader {
0% {
transform:rotate(0)
}
25%,50% {
transform:rotate(180deg)
}
100%,75% {
transform:rotate(360deg)
}
}
@keyframes cssload-loader-inner {
0%,100%,25% {
height:0%
}
50%,75% {
height:100%
}
}
@-o-keyframes cssload-loader-inner {
0%,100%,25% {
height:0%
}
50%,75% {
height:100%
}
}
@-ms-keyframes cssload-loader-inner {
0%,100%,25% {
height:0%
}
50%,75% {
height:100%
}
}
@-webkit-keyframes cssload-loader-inner {
0%,100%,25% {
height:0%
}
50%,75% {
height:100%
}
}
@-moz-keyframes cssload-loader-inner {
0%,100%,25% {
height:0%
}
50%,75% {
height:100%
}
}
.preloader-inner .cssload-container {
position:relative;
width:97px;
height:224px;
overflow:hidden;
margin:0 auto
}
.preloader-inner .cssload-container .cssload-item {
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:49px;
height:49px;
background-color:var(--main-color-one);
box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-shadow:0 0 8px 1px rgba(0,0,0,.25);
-o-box-shadow:0 0 8px 1px rgba(0,0,0,.25);
-ms-box-shadow:0 0 8px 1px rgba(0,0,0,.25);
-webkit-box-shadow:0 0 8px 1px rgba(0,0,0,.25);
-moz-box-shadow:0 0 8px 1px rgba(0,0,0,.25)
}
.preloader-inner .cssload-container .cssload-moon {
border-bottom:10px solid #666;
border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
animation:1.15s infinite spin;
-o-animation:1.15s infinite spin;
-ms-animation:spin 1.15s ease infinite;
-webkit-animation:1.15s infinite spin;
-moz-animation:1.15s infinite spin
}
@keyframes spin {
from {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
@-o-keyframes spin {
from {
-o-transform:rotate(0)
}
to {
-o-transform:rotate(360deg)
}
}
@-ms-keyframes spin {
from {
-ms-transform:rotate(0)
}
to {
-ms-transform:rotate(360deg)
}
}
@-webkit-keyframes spin {
from {
-webkit-transform:rotate(0)
}
to {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes spin {
from {
-moz-transform:rotate(0)
}
to {
-moz-transform:rotate(360deg)
}
}
.preloader-inner .cssload-container-new {
width:100%;
height:49px;
text-align:center
}
.preloader-inner .cssload-speeding-wheel {
width:49px;
height:49px;
margin:0 auto;
border:3px solid var(--main-color-one);
border-radius:50%;
border-left-color:transparent;
border-right-color:transparent;
animation:575ms linear infinite cssload-spin;
-o-animation:575ms linear infinite cssload-spin;
-ms-animation:cssload-spin 575ms infinite linear;
-webkit-animation:575ms linear infinite cssload-spin;
-moz-animation:575ms linear infinite cssload-spin
}
@keyframes cssload-spin {
100% {
transform:rotate(360deg)
}
}
@-o-keyframes cssload-spin {
100% {
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-ms-keyframes cssload-spin {
100% {
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes cssload-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes cssload-spin {
100% {
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.preloader-inner .wrapper,.preloader-inner .wrapper-08 {
margin:auto;
display:block
}
.preloader-inner .cssload-loader,.preloader-inner .cssload-loader:after,.preloader-inner .cssload-loader:before,.preloader-inner .wrapper-08 .cssload-loader,.preloader-inner .wrapper-08 .cssload-loader:after,.preloader-inner .wrapper-08 .cssload-loader:before {
animation:1.15s ease-in-out infinite;
-o-animation:1.15s ease-in-out infinite;
-ms-animation:1.15s infinite ease-in-out;
-webkit-animation:1.15s ease-in-out infinite;
-moz-animation:1.15s ease-in-out infinite
}
.preloader-inner .cssload-loader:after,.preloader-inner .cssload-loader:before {
width:100%;
height:100%;
border-radius:50%;
position:absolute;
top:0;
left:0
}
.preloader-inner .cssload-loader,.preloader-inner .wrapper-08 .cssload-loader {
border-radius:50%;
width:49px;
height:49px;
display:inline-block;
vertical-align:middle
}
.preloader-inner .cssload-loader {
position:relative;
background:var(--main-color-one);
animation-name:cssload-loader;
-o-animation-name:cssload-loader;
-ms-animation-name:cssload-loader;
-webkit-animation-name:cssload-loader;
-moz-animation-name:cssload-loader
}
@keyframes cssload-loader {
from {
transform:scale(0);
opacity:1
}
to {
transform:scale(1);
opacity:0
}
}
@-o-keyframes cssload-loader {
from {
-o-transform:scale(0);
opacity:1
}
to {
-o-transform:scale(1);
opacity:0
}
}
@-ms-keyframes cssload-loader {
from {
-ms-transform:scale(0);
opacity:1
}
to {
-ms-transform:scale(1);
opacity:0
}
}
@-webkit-keyframes cssload-loader {
from {
-webkit-transform:scale(0);
opacity:1
}
to {
-webkit-transform:scale(1);
opacity:0
}
}
@-moz-keyframes cssload-loader {
from {
-moz-transform:scale(0);
opacity:1
}
to {
-moz-transform:scale(1);
opacity:0
}
}
.preloader-inner .wrapper-08 .cssload-loader:after,.preloader-inner .wrapper-08 .cssload-loader:before {
width:100%;
height:100%;
border-radius:50%;
position:absolute;
top:0;
left:0;
content:""
}
.preloader-inner .wrapper-08 .cssload-loader {
margin:3em;
position:relative;
background-color:var(--main-color-one);
animation:1.15s linear infinite cssload-animation;
-o-animation:1.15s linear infinite cssload-animation;
-ms-animation:cssload-animation 1.15s infinite linear;
-webkit-animation:1.15s linear infinite cssload-animation;
-moz-animation:1.15s linear infinite cssload-animation
}
@keyframes cssload-animation {
0% {
transform:rotate(0);
border-radius:50%
}
50% {
transform:rotate(90deg);
border-radius:0
}
100% {
transform:rotate(180deg);
border-radius:50%
}
}
@-o-keyframes cssload-animation {
0% {
-o-transform:rotate(0);
border-radius:50%
}
50% {
-o-transform:rotate(90deg);
border-radius:0
}
100% {
-o-transform:rotate(180deg);
border-radius:50%
}
}
@-ms-keyframes cssload-animation {
0%,100% {
border-radius:50%
}
0% {
-ms-transform:rotate(0)
}
50% {
-ms-transform:rotate(90deg);
border-radius:0
}
100% {
-ms-transform:rotate(180deg)
}
}
@-webkit-keyframes cssload-animation {
0% {
-webkit-transform:rotate(0);
border-radius:50%
}
50% {
-webkit-transform:rotate(90deg);
border-radius:0
}
100% {
-webkit-transform:rotate(180deg);
border-radius:50%
}
}
@-moz-keyframes cssload-animation {
0% {
-moz-transform:rotate(0);
border-radius:50%
}
50% {
-moz-transform:rotate(90deg);
border-radius:0
}
100% {
-moz-transform:rotate(180deg);
border-radius:50%
}
}
.spinner {
margin:120px auto;
width:60px;
height:60px;
position:relative;
text-align:center;
-webkit-animation:2s linear infinite sk-rotate;
animation:2s linear infinite sk-rotate
}
.dot1,.dot2 {
width:60%;
height:60%;
display:inline-block;
position:absolute;
top:0;
background-color:var(--main-color-one);
border-radius:100%;
-webkit-animation:2s ease-in-out infinite sk-bounce;
animation:2s ease-in-out infinite sk-bounce
}
.body-overlay,.search-popup .search-form {
position:fixed;
visibility:hidden;
opacity:0;
z-index:9
}
.dot2 {
top:auto;
bottom:0;
-webkit-animation-delay:-1s;
animation-delay:-1s
}
@-webkit-keyframes sk-rotate {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes sk-rotate {
100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg)
}
}
@-webkit-keyframes sk-bounce {
0%,100% {
-webkit-transform:scale(0)
}
50% {
-webkit-transform:scale(1)
}
}
@keyframes sk-bounce {
0%,100% {
transform:scale(0);
-webkit-transform:scale(0)
}
50% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.search-popup .search-form {
min-width:600px;
top:50%;
left:50%;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s;
transition:.5s;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.body-overlay,.search-popup .search-form .submit-btn {
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
top:0
}
.search-popup .search-form .form-group .form-control {
border:none;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
height:54px;
padding:0 100px 0 30px
}
.search-popup .search-form .submit-btn {
position:absolute;
right:0;
width:60px;
height:55px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
background-color:var(--main-color-one);
transition:.3s ease-in;
padding:0;
text-align:center
}
.body-overlay {
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,.54);
content:'';
left:0;
transition:.3s ease-in;
cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==),progress
}
.btn-wrapper .boxed-btn,.icon-box-one .icon {
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in
}
.body-overlay.active {
visibility:visible;
opacity:.8
}
.btn-wrapper .boxed-btn {
background-color:var(--main-color-one);
color:#fff;
display:inline-block;
padding:8px 40px;
min-width:160px;
text-align:center;
transition:.3s ease-in;
font-weight:600;
border:none
}
.icon-box-three,.icon-box-two {
border-radius:3px;
overflow:hidden
}
.btn-wrapper .boxed-btn.btn-rounded {
border-radius:30px
}
.section-title.white p {
color:rgba(255,255,255,.7)
}
.section-title .title {
font-size:30px;
line-height:40px;
font-weight:700;
color:var(--heading-color)!important;
text-transform:uppercase;
margin-bottom: 0px;
}
.section-title p {
font-size:16px;
line-height:26px;
color:var(--paragraph-color)
}
.icon-box-one:hover .icon,.icon-box-three:hover .icon {
-ms-transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
transform:rotateY(360deg)
}
.icon-box-one .icon {
font-size:55px;
line-height:50px;
color:var(--main-color-one);
margin-right:20px;
transition:.3s ease-in
}
.icon-box-three .icon,.icon-box-two .icon {
font-size:50px;
color:var(--main-color-one);
margin-right:20px
}
.icon-box-three .content .title,.icon-box-two .content .title,.icon-box-two:after {
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in
}
.icon-box-one .content .title {
font-size:24px;
line-height:34px;
font-weight:600
}
.icon-box-two {
background-color:#fff;
display:flex;
padding:30px;
position:relative;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.02);
box-shadow:0 0 15px rgba(0,0,0,.02)
}
.icon-box-two:hover:after {
visibility:visible;
opacity:1;
-ms-transform:translateX(0);
-webkit-transform:translateX(0);
transform:translateX(0)
}
.icon-box-two:after {
position:absolute;
left:0;
bottom:0;
height:5px;
width:100%;
background-color:var(--main-color-one);
content:'';
transition:.3s ease-in;
visibility:hidden;
opacity:0;
-ms-transform:translateX(-100%);
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
.icon-box-two .icon {
line-height:50px
}
.icon-box-three .content .title,.icon-box-two .content .title {
font-size:22px;
line-height:34px;
font-weight:700;
transition:.3s ease-in
}
.icon-box-three .icon,.single-work-item .content .title {
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in
}
.icon-box-three {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative
}
.icon-box-three .icon {
line-height:60px;
transition:.3s ease-in
}
.single-work-item-02:hover .thumb img,.single-work-item:hover .thumb img {
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
.single-work-item .thumb,.single-work-item-02 .thumb {
overflow:hidden
}
.single-work-item .thumb img {
width:100%;
-webkit-transition:-webkit-transform .5s;
-moz-transition:transform .5s;
transition:transform .5s;
-o-transition:transform .5s;
transition:transform .5s,-webkit-transform .5s
}
.single-work-item .content {
background-color:#f4f7fc;
padding:10px
}
.single-work-item .content .title {
font-size:16px;
line-height:22px;
font-weight:500;
margin-bottom:5px;
text-transform:capitalize;
transition:.3s ease-in
}
.single-work-item .content .cats {
font-size:16px;
line-height:26px;
font-weight:500
}
.single-work-item .content .cats a {
color:var(--paragraph-color);
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.single-work-item-02 .title {
margin-bottom:15px;
color:#2d2d2e
}
.single-work-item-02 .thumb img {
width:100%;
-webkit-transition:-webkit-transform .5s;
-moz-transition:transform .5s;
transition:transform .5s;
-o-transition:transform .5s;
transition:transform .5s,-webkit-transform .5s;
height:250px
}
.single-work-item-02 .content {
background-color:#fff;
padding:20px
}
.single-work-item-02 .content .title {
font-size:22px;
line-height:34px;
font-weight:700;
margin-bottom:5px;
text-transform:capitalize;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
height:70px
}
.single-work-item-02 .content .post-description {
height:155px
}
.meet-the-team-area .section-content {
background:#f5f5f5;
padding:40px
}
.meet-the-team-area .section-content .team-grid .col-lg-4:after {
content:'';
position:absolute;
background:#ccc;
width:1px;
height:300px;
right:0;
top:15%
}
.meet-the-team-area .section-content .team-grid .col-md-3:after {
content:'';
position:absolute;
background:#ccc;
width:1px;
height:156px;
right:5px;
top:35px
}
.meet-the-team-area .section-content .team-grid .col-lg-4:last-child:after {
background:0 0
}
.who-we-area p, .meet-the-team-area p {
text-transform: inherit;
}
.meet-the-team-area .team-grid .thumb img {
border-radius:50%;
width:250px;
height: 250px;
}
.meet-the-team-area .team-grid .single-team-member-one.expert .thumb img {
width:230px;
height:auto;
border-radius:10px
}
.meet-the-team-area .team-grid .thumb img.no-image {
width:250px;
height:257px;
border-radius:50%;
background:#fff
}
.meet-the-team-area .team-grid .single-team-member-one.expert .thumb .no-image {
border-radius:10px;
transition:.2s ease-in;
width:230px;
height:auto
}
.single-team-member-one .thumb {
position:relative;
overflow:hidden
}
.elementor-custom-embed iframe,.gallery-masonry-nav li img,.single-image-gallery-item .thumb img,.single-team-member-one .thumb img,.single-work-item-03 .thumb img {
width:100%
}
.single-team-member-one .content .name {
font-size:22px;
font-weight:700;
line-height:32px;
margin-bottom:5px;
text-align:center
}
.single-team-member-one .content .designation {
font-size:16px;
text-align:center;
display:block
}
.single-team-member-one .content .description {
font-size:14px;
text-align:justify;
display:block
}
.single-team-member-two:hover .thumb .hover {
visibility:visible;
opacity:1;
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1)
}
.single-team-member-two .thumb .hover {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:rgba(17,29,92,.9);
-ms-transform:scale(0);
-webkit-transform:scale(0);
transform:scale(0);
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
opacity:0;
visibility:hidden
}
.single-team-member-two .thumb .hover .name {
font-size:22px;
font-weight:700;
line-height:32px;
margin-bottom:5px;
color:#fff
}
.single-team-member-two .thumb .hover .designation {
font-size:14px;
color:rgba(255,255,255,.8)
}
.video-container {
position:relative;
width:100%;
padding-bottom:56.25%
}
.video {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0
}
.single-testimonial-item .icon {
font-size:60px;
line-height:60px;
margin-bottom:15px;
color:var(--main-color-one)
}
.single-testimonial-item .thumb img,.single-testimonial-item-02 .thumb img {
max-width:80px;
height:80px;
border-radius:50%;
margin:0 auto
}
.single-testimonial-item p {
font-size:18px;
line-height:28px
}
.single-testimonial-item .author-meta {
margin-top:22px
}
.single-testimonial-item .author-meta .name {
font-size:22px;
line-height:32px;
font-weight:700;
margin-bottom:5px
}
.single-testimonial-item .author-meta .designation {
font-size:14px
}
.single-testimonial-item-02 .description {
background-color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-item-align:start;
align-self:flex-start;
padding:30px 40px 40px;
position:relative;
border-radius:3px
}
.single-testimonial-item-02 .description:after {
position:absolute;
left:50%;
bottom:-25px;
width:30px;
height:30px;
background-color:#fff;
content:'';
-ms-transform:rotate(45deg) translateX(-50%);
-webkit-transform:rotate(45deg) translateX(-50%);
transform:rotate(45deg) translateX(-50%)
}
.single-testimonial-item-02 .description .icon {
font-size:40px;
line-height:40px;
color:var(--main-color-one);
margin-right:20px
}
.single-testimonial-item-02 .description .content .name {
font-size:22px;
line-height:32px;
font-weight:700;
margin-bottom:0
}
.single-testimonial-item-02 .thumb {
text-align:center;
margin-top:40px
}
.single-news-grid-01 .content .post-meta {
margin:0 0 10px;
padding:0;
list-style:none
}
.blog-details-item .post-meta li,.single-blog-grid-01 .content .post-meta li,.single-blog-grid-02 .content .post-meta li,.single-news-grid-01 .content .post-meta li,.single-news-grid-02 .content .post-meta li {
display:inline-block;
font-size:14px
}
.single-news-grid-01 .content .post-meta li+li,.single-news-grid-02 .content .post-meta li+li {
margin-left:18px;
position:relative
}
.single-news-grid-01 .content .post-meta li+li:after,.single-news-grid-02 .content .post-meta li+li:after {
position:absolute;
left:-15px;
top:0;
content:"-"
}
.blog-details-footer .left .tags li a,.blog-details-item .post-meta li a,.project-info-item ul li .right a,.single-blog-grid-01 .content .post-meta li a,.single-blog-grid-02 .content .post-meta li a,.single-news-grid-01 .content .post-meta li a,.single-news-grid-02 .content .post-meta li a {
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.single-news-grid-01 .content .title,.single-news-grid-02 .content .title {
line-height:34px;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
font-weight:700
}
.single-news-grid-01 .content .title {
font-size:24px;
margin-bottom:15px;
transition:.3s ease-in
}
.single-news-grid-02 .thumb {
margin-right:25px;
max-width:150px
}
.single-news-grid-02 .content .post-meta {
margin:0 0 5px;
padding:0;
list-style:none
}
.single-news-grid-02 .content .title {
font-size:22px;
margin-bottom:10px;
transition:.3s ease-in
}
.single-blog-grid-01 .content .title,.single-blog-grid-02 .content .title {
font-weight:600;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in
}
.single-blog-grid-01 .content {
background-color:#f4f7fc;
padding:20px
}
.single-blog-grid-01 .content .title {
font-size:24px;
line-height:32px;
transition:.3s ease-in;
margin-bottom:18px
}
.blog-details-item .post-meta,.single-blog-grid-01 .content .post-meta,.single-blog-grid-02 .content .post-meta {
margin:0 0 15px;
padding:0;
list-style:none
}
.single-blog-grid-02 .thumb {
width:calc(100% - 50% - 30px);
margin-right:30px
}
.single-blog-grid-02 .thumb .bg-image {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-size:cover;
background-position:center
}
.single-blog-grid-02 .content {
width:calc(100% - 50%);
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-bottom:20px
}
.single-blog-grid-02 .content .title {
font-size:22px;
line-height:30px;
transition:.3s ease-in;
margin-bottom:15px
}
.billing-details-fields-wrapper,.blog-details-item .thumb,.margin-bottom-30,.masonry-item,.product-rating-list li:last-child,.single-event-details .thumb {
margin-bottom:30px
}
.blog-details-item .title {
font-size:30px;
line-height:40px;
font-weight:700;
margin-bottom:17px
}
.blog-details-item blockquote:not([class]) {
background-color:var(--secondary-color);
margin:15px 0;
color:rgba(255,255,255,.8);
padding:30px;
border-radius:3px
}
.blog-details-footer {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
border:1px solid #e2e2e2;
border-radius:3px;
padding:15px 20px;
margin-top:30px
}
.blog-details-footer .title {
font-size:16px;
font-weight:600;
color:var(--heading-color);
margin-bottom:0
}
.blog-details-footer .left .tags li+li {
margin-left:4px
}
.blog-details-footer .right .social-share li {
display:inline-block;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.project-info-item .share-area .title {
font-size:16px;
margin-bottom:10px
}
.project-info-item .share-area .share-icon li {
display:inline-block;
margin-bottom:0
}
.project-info-item .share-area .share-icon li+li {
margin-left:10px;
font-size:14px;
font-weight:400;
margin-top:0
}
.project-info-item .share-area .share-icon li a {
display:inline-block;
width:30px;
height:30px;
text-align:center;
line-height:30px;
border:1px solid #e2e2e2;
font-weight:400;
transition:.3s
}
.feature-box-01,.feature-box-01:after {
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in
}
.feature-box-01 {
background-color:rgba(40,51,108,.9);
padding:30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-item-align:start;
align-self:flex-start;
position:relative;
overflow:hidden;
-moz-transition:.3s ease-in;
transition:.3s ease-in
}
.feature-box-01:hover {
background-color:#28336c
}
.feature-box-01:after,.request-call-form .submit-btn {
background-color:var(--main-color-one);
-moz-transition:.3s ease-in
}
.feature-box-01:hover:after {
-ms-transform:translateX(0);
-webkit-transform:translateX(0);
transform:translateX(0)
}
.feature-box-01:after {
position:absolute;
left:0;
bottom:0;
height:5px;
width:100%;
content:'';
transition:.3s ease-in;
-ms-transform:translateX(-100%);
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
.feature-box-01 .icon {
font-size:60px;
line-height:60px;
color:var(--main-color-one);
margin-right:30px
}
.feature-box-01 .content .title {
font-size:24px;
line-height:34px;
font-weight:700;
color:#fff
}
.feature-box-01 .content p {
color:rgba(255,255,255,.8);
line-height:1.6;
margin-bottom:0
}
.singler-counterup-item-01 .icon {
font-size:50px;
line-height:60px;
color:var(--main-color-one);
margin-right:20px
}
.singler-counterup-item-01 .content .count-wrap {
font-size:48px;
line-height:58px;
font-weight:700;
color:var(--heading-color);
font-family:var(--heading-font)
}
.singler-counterup-item-01 .content .title {
color:var(--paragraph-color);
margin-bottom:0;
font-size:16px;
line-height:26px
}
.request-call {
background-color:var(--secondary-color);
padding:50px 50px 60px;
margin-left:80px
}
.request-call .title {
font-size:36px;
line-height:46px;
font-weight:700;
color:#fff;
margin-bottom:20px
}
.newsletter-form-wrap .form-group .form-control,.request-call-form .form-group .form-control,.request-call-form .form-group select.form-control {
height:50px
}
.request-call-form .form-group select.form-control:focus {
outline:0;
-webkit-box-shadow:none;
box-shadow:none
}
.request-call-form .submit-btn {
border:none;
padding:12px 40px;
border-radius:30px;
color:#fff;
font-weight:500;
cursor:pointer;
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.accordion-wrapper .card {
border:none;
background-color:transparent;
margin-bottom:20px
}
.accordion-wrapper .card .card-header {
background-color:transparent;
padding:0;
border:none
}
.accordion-wrapper .card .card-header a {
display:block;
background-color:#f4f7fc;
padding:14px 30px;
cursor:pointer;
position:relative
}
.accordion-wrapper .card .card-header a:after {
position:absolute;
right:30px;
top:15px;
content:"\f106";
font-family:fontawesome;
font-weight:900
}
.accordion-wrapper .card .card-header a[aria-expanded=false]:after {
content:"\f107"
}
.accordion-wrapper .card .card-body {
background-color:#f4f7fc;
padding:0 30px 20px
}
.single-experience-item:hover .thumb .hover {
background-color:#353f71
}
.single-experience-item .thumb .hover {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(53,63,113,.9);
content:'';
padding:40px;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.single-experience-item .thumb .hover .icon {
font-size:40px;
line-height:40px;
color:var(--main-color-one);
margin-bottom:20px
}
.single-experience-item .thumb .hover .content .title {
font-size:22px;
line-height:32px;
font-weight:700;
color:#fff
}
.solution-details ul {
display:inline-block
}
.solution-details ul li {
position:relative;
padding-left:20px;
font-size:15px;
line-height:30px
}
.solution-details ul li:before {
content:'';
position:absolute;
left:0;
top:11px;
font-size:12px;
background:#62bb46;
height:7px;
width:7px;
border-radius:50%
}
.portfolio-menu {
padding:0;
margin:0 0 40px;
list-style:none;
text-align:center
}
.portfolio-menu li {
display:inline-block;
font-size:18px;
font-weight:600;
cursor:pointer
}
.single-work-item-03 .thumb .hover {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(35,46,102,.9);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
visibility:hidden;
opacity:0;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.single-work-item-03 .thumb .hover .title {
font-size:22px;
line-height:34px;
font-weight:700;
margin-bottom:5px;
text-transform:capitalize;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
color:#fff
}
.single-work-item-03 .thumb .hover .cats {
line-height:1.6;
color:rgba(255,255,255,.8)
}
.project-info-item {
background-color:#f4f7fc;
padding:25px 30px 30px;
margin-bottom:30px
}
.project-info-item .title {
font-size:22px;
font-weight:700;
line-height:31px;
margin-bottom:20px
}
.project-info-item ul li,.shipping-details-wrapper .custom-control-label {
font-size:16px;
line-height:26px;
font-weight:600;
color:var(--heading-color)
}
.project-info-item ul li .right {
float:right;
color:var(--paragraph-color);
font-weight:400
}
.single-product-item .thumb .hover {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:rgba(17,29,92,.8);
visibility:hidden;
opacity:0;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in
}
.single-product-item .thumb .hover ul li a {
display:block;
width:40px;
height:40px;
border-radius:50%;
border:1px solid rgba(255,255,255,.8);
text-align:center;
line-height:40px;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
color:#fff
}
.contact-info-list .single-contact-info .icon,.submit-btn {
display:inline-block;
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in;
color:#fff
}
.single-product-item .content {
text-align:center;
padding:25px 0;
background-color:#f4f7fc
}
.single-product-item .content .title {
font-size:22px;
font-weight:700;
line-height:28px
}
.ordered-product-summery .product-info-wrap .pdetails strong,.single-product-item .content .price {
font-weight:500
}
.contact-form .form-group textarea {
min-height:150px;
resize:none
}
.contact-form .form-group textarea.form-control,.nx-popup-wrapper.discount-modal .nx-modal-inner-content-wrapper {
padding:20px
}
.contact-form .form-group .form-control {
background-color:#f4f7fc;
height:50px;
border:none;
padding:0 20px
}
.submit-btn {
padding:15px 40px;
border:none;
border-radius:3px;
background-color:var(--main-color-one);
cursor:pointer;
-moz-transition:.3s ease-in;
transition:.3s ease-in
}
.contact-info-list .single-contact-info .icon {
width:40px;
height:40px;
border-radius:50%;
line-height:40px;
text-align:center;
margin-right:20px;
background-color:var(--secondary-color);
font-size:20px;
-moz-transition:.3s ease-in;
transition:.3s ease-in
}
.pricing-table-15,.pricing-table-15 .price-header {
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in
}
#map {
min-height:230px;
background-color:#ddd
}
.header-top-style-03 .navbar-area.nav-fixed,.nav-fixed {
position:fixed;
width:100%;
left:0;
top:0;
z-index:99999
}
.navbar-area.home-variant-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper,.navbar-area.home-variant-03 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper {
top:185px
}
.navbar-area.home-variant-09 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper {
top:200px
}
.navbar-area.home-variant-02.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper,.navbar-area.home-variant-03.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper,.navbar-area.home-variant-04.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper,.navbar-area.home-variant-05.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper,.navbar-area.home-variant-06.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper,.navbar-area.home-variant-08.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper,.navbar-area.home-variant-10.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper {
top:90px
}
.navbar-area.home-variant-07.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper {
top:80px
}
.navbar-area.home-variant-09.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper {
top:60px
}
.newsletter-area .title {
font-size:32px;
line-height:42px;
text-transform:capitalize;
margin-bottom:10px;
font-weight:600
}
.newsletter-area .right-side-content form {
position:relative;
z-index:0;
margin-top:20px
}
.newsletter-area .right-side-content form .submit-btn {
position:absolute;
right:0;
top:0;
width:60px;
height:50px;
border-top-right-radius:5px;
border-bottom-right-radius:5px
}
.newsletter-area .right-side-content form input {
height:50px;
border:1px solid #e2e2e2;
font-size:14px
}
.pricing-table-15 {
text-align:center;
transition:.3s ease-in;
position:relative;
z-index:0;
overflow:hidden;
-webkit-box-shadow:0 0 7px 0 rgba(77,109,230,.35);
box-shadow:0 0 7px 0 rgba(77,109,230,.35);
border-radius:10px;
border:2px solid transparent;
background-color:#fff;
margin:10px
}
.pricing-table-15:hover {
border-color:var(--main-color-one)
}
.pricing-table-15 .price-header {
position:relative;
transition:.3s ease-in
}
.pricing-table-15 .price-header .icon {
background-color:var(--main-color-one);
color:#fff;
width:50%;
margin:0 auto;
height:80px;
font-size:50px;
line-height:80px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px
}
.pricing-table-15 .price-header .title {
color:var(--heading-color);
font-size:21px;
line-height:26px;
text-transform:uppercase;
font-weight:600;
margin-top:20px;
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
margin-bottom:5px
}
.pricing-table-15 .price-header .subtitle {
margin-bottom:5px;
display:block;
font-size:14px
}
.pricing-table-15 .price .month {
font-size:16px;
font-weight:600
}
.pricing-table-15 .price {
font-size:50px;
color:#282828;
font-weight:700;
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
text-align:center;
position:relative
}
.pricing-table-15 .price .dollar {
font-size:33px;
line-height:33px;
position:relative;
top:-12px
}
.pricing-table-15 .price-body ul li:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0
}
.pricing-table-15 .price-body ul li {
list-style:none;
display:block;
color:#282828;
margin:0 30px;
padding:15px 0;
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
border-bottom:1px solid #e7eefe
}
.pricing-table-15 .price-footer .order-btn:hover {
-webkit-box-shadow:0 0 21px 0 rgba(51,103,214,.7);
box-shadow:0 0 21px 0 rgba(51,103,214,.7)
}
.pricing-table-15 .price-footer .order-btn {
display:inline-block;
width:165px;
height:50px;
line-height:50px;
text-align:center;
font-size:14px;
text-transform:uppercase;
border-radius:25px;
color:#fff;
-webkit-transition:.5s ease-in;
-o-transition:.5s ease-in;
transition:.5s ease-in;
font-weight:600;
position:relative;
overflow:hidden;
margin-bottom:30px;
background-color:var(--main-color-one)
}
.single-contact-info-02 {
background-color:#f7f7fd;
padding:30px;
text-align:center;
margin-bottom:30px
}
.single-contact-info-02 .icon {
font-size:48px;
line-height:48px;
margin-bottom:20px;
color:var(--main-color-one)
}
.single-contact-info-02 .title {
font-size:18px;
line-height:20px
}
.quote-content-area .quote-title {
margin-bottom:40px;
text-align:center;
font-size:36px;
line-height:46px;
font-weight:700
}
.contact-info-list .single-contact-info .content .title {
font-size: 18px;
line-height: 20px;
font-weight: 600;
margin: 0;
}
.info-bar-inner #langchange {
height:30px;
display:inline-block;
margin-left:15px
}
.header-style-04 .navbar-area.nav-fixed {
position:fixed;
top:0;
left:0;
width:100%;
background-color:var(--secondary-color)
}
.form-group.checkbox .form-control {
display:inline-block;
width:20px;
line-height:20px;
height:20px
}
.form-group.checkbox label {
margin-bottom:0;
top:-4px;
position:relative
}
.form-group.checkbox {
margin-bottom:10px;
margin-top:20px
}
.form-group label {
font-size:15px;
color:var(--heading-color);
opacity:.8
}
.contact-form .form-group.file .form-control {
padding-top:10px;
margin-bottom:10px
}
.form-group.file .help-info {
font-size:14px;
color:#e67777
}
.price-plan-pagination nav {
display:inline-block;
margin-top:30px
}
.blog-details-footer .left .tags li:after,.project-info-item ul li .right a:after {
position:static;
content:','
}
.navbar-brand img {
max-height:50px
}
.about_us_widget .footer-logo img {
max-height:60px
}
.breadcrumb-area.navbar-03 {
padding-top:235px
}
.payment-gateway-wrapper ul {
padding:0;
list-style:none;
display:flex;
align-items:center;
margin:20px 0;
flex-wrap:wrap
}
.payment-gateway-wrapper ul li {
width:100px;
cursor:pointer;
box-sizing:border-box;
height:50px;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
margin:10px
}
.payment-gateway-wrapper ul li:before {
border:2px solid var(--main-color-one);
position:absolute;
right:0;
top:0;
width:100%;
height:100%;
content:'';
visibility:hidden;
opacity:0;
transition:.3s
}
.payment-gateway-wrapper ul li:after {
position:absolute;
right:0;
top:0;
width:15px;
height:15px;
background-color:var(--main-color-one);
content:"\f00c";
font-weight:900;
color:#fff;
font-family:fontawesome;
font-size:10px;
line-height:10px;
text-align:center;
padding-top:2px;
padding-left:2px;
visibility:hidden;
opacity:0;
transition:.3s
}
.order-confirm-area input {
height:50px;
border:1px solid #e2e2e2;
border-radius:0
}
.order-confirm-area .btn-wrapper .submit-btn {
min-width:240px;
font-weight:600;
letter-spacing:2px
}
.order-cancel-area .title,.order-success-area .title {
font-size:60px;
font-weight:700;
line-height:70px;
margin-bottom:25px;
color:var(--main-color-one);
text-transform:uppercase;
letter-spacing:5px
}
.order-cancel-area .title {
color:#e00a0a
}
.order-cancel-area .sub-title,.order-success-area .sub-title {
font-size:24px;
line-height:34px;
font-weight:600;
text-transform:capitalize
}
.single-job-list-item {
border:2px solid #f4f7fc;
border-radius:5px;
margin-bottom:30px;
padding:30px
}
.single-job-list-item .job_type {
background-color:#e0f5d7;
border-radius:20px;
padding:5px 15px;
color:#449626;
text-transform:capitalize;
font-size:14px;
font-weight:500;
display:inline-block;
margin-bottom:16px
}
.single-event-details .content .top-part .title-wrap .category .i,.single-job-list-item .job_type i,.single-job-list-item .jobs-meta li i {
margin-right:5px
}
.single-job-list-item .title {
font-size:26px;
font-weight:700;
line-height:36px;
margin-bottom:15px;
transition:.3s
}
.single-job-list-item .company_name,.single-job-list-item .deadline {
display:block;
margin-bottom:10px
}
.single-job-list-item .company_name strong,.single-job-list-item .deadline strong {
color:var(--heading-color);
margin-right:10px;
font-weight:600
}
.single-job-list-item .jobs-meta {
margin:30px 0 0;
padding:0;
list-style:none
}
.single-job-list-item .jobs-meta li {
display:inline-block;
border-radius:25px;
padding:5px 15px;
box-shadow:0 0 10px 0 rgba(0,0,0,.1);
font-weight:500;
font-size:14px
}
.cart-wrapper table th,.single-job-list-item .jobs-meta li strong {
color: var(--heading-color);
font-weight: 400;
vertical-align: middle;
padding: 7px;
font-size: 14px;
}
.cart-wrapper td, .cart-wrapper th {
vertical-align: middle;
padding: 8px;
}
.single-job-list-item .jobs-meta li:first-child i {
color:#12b6e8
}
.single-job-list-item .jobs-meta li:nth-child(2) i {
color:#2a41e8
}
.single-job-list-item .jobs-meta li:nth-child(3) i {
color:#dc3139
}
.single-job-list-item .jobs-meta li:nth-child(4) i {
color:#0bbdc6
}
.job-information-list li+li {
margin-top:20px;
border-top:1px solid #e2e2e2;
padding-top:25px
}
.job-information-list li .single-job-info,.single-events-list-item {
display:flex;
align-self:flex-start
}
.job-information-list li .single-job-info .content,.single-donor-info .content,.single-events-list-item .content-area,.single-events-list-item .content-area .top-part .title-wrap,.single-product-details .top-content .product-summery {
flex:1
}
.job-information-list li .single-job-info .icon {
margin-right:20px;
display:inline-block;
width:50px;
height:50px;
line-height:50px;
background-color:var(--main-color-one);
text-align:center;
border-radius:50%;
color:#fff;
font-size:16px
}
.job-information-list li .single-job-info .content .title {
font-size:16px;
font-weight:600;
line-height:20px;
margin-bottom:4px
}
.job-information-list li .single-job-info .content .details {
font-size:14px;
font-weight:500;
text-transform:capitalize
}
.job-meta-list li .single-job-meta-block p {
line-height:30px
}
.job-meta-list li .single-job-meta-block .title {
font-size:20px;
line-height:20px;
font-weight:700;
margin-bottom:20px
}
.job-meta-list li .single-job-meta-block ul li+li {
margin-top:6px
}
.job-meta-list li .single-job-meta-block ul li:before {
position:static;
content:"\f101";
font-family:fontawesome;
font-weight:700;
margin-right:5px;
color:var(--main-color-one)
}
.apply-procedure p {
font-size:20px;
margin-top:40px;
font-weight:600;
color:var(--heading-color);
line-height:30px
}
.apply-procedure p span {
display:block;
font-size:16px;
margin-top:10px;
font-weight:400;
color:var(--paragraph-color)
}
.single-events-list-item .thumb {
margin-right:30px
}
.single-events-list-item .content-area .top-part {
display:flex;
align-self:flex-start;
margin-bottom:15px
}
.single-event-details .content .top-part .time-wrap,.single-events-list-item .content-area .top-part .time-wrap {
margin-right:20px;
width:80px;
height:80px;
background-color:var(--main-color-one);
color:#fff;
text-align:center;
padding-top:10px
}
.single-event-details .content .top-part .time-wrap .date,.single-events-list-item .content-area .top-part .time-wrap .date {
font-size:30px;
line-height:35px;
font-weight:700
}
.single-event-details .content .top-part .time-wrap .month,.single-events-list-item .content-area .top-part .time-wrap .month {
font-weight:600;
text-transform:uppercase
}
.single-event-details .content .top-part .title,.single-events-list-item .content-area .top-part .title {
font-size:20px;
font-weight:700;
line-height:26px
}
.single-event-details .content .top-part {
display:flex;
align-self:flex-start;
margin-bottom:25px
}
.single-event-details .content .top-part .title-wrap {
flex:1;
flex:1;
margin-top:10px
}
.single-event-details .content .top-part .title-wrap .category {
background-color:#e0f5d7;
padding:5px 15px;
color:#449626;
text-transform:capitalize;
font-size:14px;
font-weight:500;
display:inline-block;
margin-bottom:10px
}
.event-info .icon-with-title-description li {
list-style:none;
display:flex
}
.event-info .icon-with-title-description li .icon {
margin-right:15px;
font-size:14px;
line-height:24px;
width:10px;
color:var(--main-color-one)
}
.event-info .icon-with-title-description li h4 {
font-size:14px;
line-height:26px;
font-family:var(--body-font);
font-weight:600;
margin-bottom:0
}
.article-with-topic-title-style-01 ul.know-articles-list li,.dizzcox_admin_bar .left-content-part ul li a,.event-info .icon-with-title-description li a,.single-product-details .top-content .cat-sku-content-wrapper a {
transition:.3s
}
.event-venue-details-information {
background-color:#f5f5f5;
padding:30px
}
.event-venue-details-information .venue-title {
font-size:26px;
line-height:36px;
font-weight:700;
margin-bottom:20px
}
.venue-details-block .title {
font-size:16px;
line-height:26px;
font-weight:600;
margin-bottom:0
}
.event-booking-form h4,.order-confirm-area .title {
font-size:36px;
line-height:46px;
text-align:center
}
.venue-details-block {
padding-right:40px
}
.event-booking-form h4 {
font-weight:700;
margin-bottom:50px
}
.event-booking-form .form-group .form-control {
height:50px;
padding:0 20px
}
.event-booking-form .form-group.checkbox .form-control {
padding:0;
height:auto
}
.event-booking-form .form-group.checkbox label {
position:relative;
top:-2px
}
.event-booking-form .form-group.textarea .form-control {
height:150px;
resize:none;
padding:20px
}
.order-confirm-area .title {
font-weight:700;
margin-bottom:40px
}
.form-group input[type=number] {
border:1px solid #e2e2e2;
margin-left:20px;
height:40px;
text-align:center;
color:var(--paragraph-color);
max-width:60px
}
.knowledgebase-content-area .main-title {
font-size:30px;
line-height:40px;
font-weight:700;
margin-bottom:50px
}
.article-with-topic-title-style-01 .topic-title {
font-size:18px;
line-height:26px;
margin-bottom:20px
}
.article-with-topic-title-style-01 .topic-title i,.single-knowledgebase-list-item .title i {
opacity:.8;
margin-right:5px
}
.article-with-topic-title-style-01 ul.know-articles-list {
margin:0 0 0 20px;
padding:0;
list-style:none
}
.single-knowledgebase-list-item .title {
font-size:20px;
line-height:30px;
margin-bottom:10px;
font-weight:700
}
.single-knowledgebase-list-item {
margin-bottom:30px;
border-bottom:1px solid #e2e2e2;
padding-bottom:30px
}
.single-knowledgebase-list-item:last-child {
margin-bottom:0;
padding-bottom:0;
border:none
}
.newsletter-form-wrap form {
position:relative;
margin-top:15px;
display: inline-block;
}
.newsletter-form-wrap .submit-btn {
position:absolute;
right:0;
top:0;
width:60px;
height:40px;
color:var(--heading-color);
background-color:transparent;
line-height:25px;
font-size:20px
}
.boxed-btn,.single_amount_wrapper .single_amount {
background-color:var(--main-color-one);
color:#fff
}
.boxed-btn {
display:inline-block;
padding:8px 37px;
font-weight:700;
border-radius:3px;
transition:.3s;
border:none;
text-transform:uppercase;
height:40px;
font-size:12px;
line-height:26px
}
.job-apply-form-wrapper .form-control {
border:1px solid #e2e2e2;
height:50px;
font-size:14px;
padding:0 20px
}
.job-apply-form-wrapper label {
font-size:14px;
font-weight:600;
color:var(--heading-color)
}
.job-apply-form-wrapper .checkbox label,.shipping-wrap .shipping-details-wrap p {
font-weight:400
}
.job-apply-form-wrapper .file .form-control {
border:#ffdead;
padding:0
}
.donation_wrapper .title {
font-size:22px;
font-weight:600;
line-height:30px
}
.about-page-area .intro,.single_amount_wrapper {
display:flex;
flex-wrap:wrap
}
.single_amount_wrapper .single_amount {
display:inline-block;
width:45px;
height:40px;
border-radius:4px;
text-align:center;
line-height:40px;
font-weight:600;
margin:5px;
cursor:pointer
}
.amount_wrapper {
display:flex;
margin:20px 0
}
.amount_wrapper .suffix,.donation-btn {
display:inline-block;
background-color:var(--main-color-one);
color:#fff
}
.amount_wrapper .suffix {
width:40px;
text-align:center;
border-radius:4px 0 0 4px;
height:40px;
line-height:40px
}
.amount_wrapper input {
border:1px solid #e2e2e2;
width:100%;
height:40px;
padding-left:10px;
border-radius:4px
}
.donation_wrapper .label {
font-size:16px;
font-weight:500;
color:var(--heading-color);
margin-bottom:10px
}
.donation_wrapper input {
height:40px;
border:1px solid #e2e2e2
}
.donation_wrapper input[type=checkbox] {
height:auto
}
.donation-btn {
border:none;
padding:10px 25px;
border-radius:5px;
font-weight:600;
transition:.3s
}
.donation-content-area .contribute-single-item .content {
background-color:transparent;
padding:0
}
.manual_payment_transaction_field .help-info {
margin-top:20px;
display:block
}
.single-donor-info {
display:flex;
align-self:flex-start;
align-items:center
}
.single-donor-info .icon-wrap {
background-color:#caecca;
border-radius:50%;
padding:10px;
margin-right:20px
}
.single-donor-info .icon-wrap img {
width:40px
}
.donated_people {
background-color:#f4f7fc;
margin-top:30px;
padding:30px
}
.donated_people .title {
font-size:22px;
line-height:30px;
font-weight:600;
margin-bottom:20px
}
.single-donor-info .title {
font-size:18px;
line-height:20px;
margin-bottom:10px
}
.single-donor-info .bottom-content {
display:flex;
justify-content:space-between;
font-size:14px;
color:var(--heading-color);
opacity:.8
}
.progressbar {
width:100%;
position:relative;
background-color:#f4f4f4
}
.proggress {
height:8px;
width:0%;
background-color:#ff0
}
.percentCount {
margin-top:-44px;
clear:both;
font-weight:700;
font-size:14px;
background-color:var(--main-color-one);
color:#fff;
padding:5px;
display:inline-block;
position:absolute;
text-align:center;
border-radius:5px
}
.percentCount:after {
position:absolute;
left:0;
bottom:-6px;
content:'';
width:0;
height:0;
border-top:10px solid var(--main-color-one);
border-right:15px solid transparent
}
.contribute-single-item .goal {
display:flex;
justify-content:space-between;
margin-top:15px
}
.contribute-single-item .goal .raised {
font-size:16px;
font-weight:600;
line-height:20px
}
.contribute-single-item .content {
background-color:#f7fafe;
padding:30px
}
.contribute-single-item .content .title {
font-size:20px;
line-height:30px;
margin-bottom:20px;
font-weight:700;
transition:.3s
}
.contribute-single-item.grid-item .boxed-btn {
padding:0;
text-align:left;
background-color:transparent;
color:var(--main-color-one);
font-size:16px;
font-weight:500;
line-height:20px
}
.contribute-single-item.grid-item .goal .raised {
font-size:14px;
opacity:.6
}
.excerpt p {
font-size:13px;
line-height:23px
}
.out_of_stock {
display:inline-block;
padding:0 20px;
background-color:var(--main-color-one);
font-size:12px;
font-weight:700;
text-transform:uppercase;
color:#fff;
border-radius:3px;
height:40px;
line-height:40px
}
.out_of_stock {
background-color:#dc3545
}
.blog-content-area .col-lg-9 .col-lg-3,.blog-content-area .col-lg-9 .col-md-4,.latest-product-grid .grid-item,.related-product-wrapper .col-lg-2,.related-product-wrapper .col-md-3 {
padding-left:10px;
padding-right:10px
}
.product-archive-top-content-area {
display:flex;
justify-content:space-between;
margin-bottom:40px
}
.product-archive-top-content-area .search-form {
position:relative;
z-index:0;
width:320px
}
.product-archive-top-content-area .search-form .form-control {
border:1px solid #e2e2e2;
font-size:14px;
height:40px;
border-radius:0;
padding-right:60px
}
.product-archive-top-content-area .search-form button {
position:absolute;
right:0;
top:0;
height:40px;
width:50px;
border:none;
color:var(--main-color-one);
transition:.3s
}
.single-rating-filter-wrap .filter-text {
font-size:14px;
font-weight:600;
color:var(--heading-color);
cursor:pointer
}
.product-archive-top-content-area .product-sorting select {
border:1px solid #e2e2e2;
height:40px;
min-width:180px;
padding:0 10px;
color:var(--paragraph-color);
font-size:14px
}
.related-product-area .title {
font-size:30px;
line-height:40px;
font-weight:700;
margin-bottom:38px
}
.single-product-details .extra-content-wrap .nav-tabs {
display:block;
border:none;
font-size:0
}
.single-product-details .extra-content-wrap .nav-tabs .nav-item {
border:none;
display:inline-block;
background-color:#f2f2f2;
border-radius:0;
font-size:16px;
font-weight:600;
color:#555;
transition:.3s;
padding:12px 30px
}
.single-product-details .extra-content-wrap .nav-tabs .nav-item:first-child {
border-top-left-radius:5px
}
.single-product-details .extra-content-wrap .nav-tabs .nav-item:last-child {
border-top-right-radius:5px
}
.single-product-details .extra-content-wrap .tab-content {
background-color:#f2f2f2;
padding:30px
}
.tab-content .product-description a {
color:#00964a
}
.single-product-details .extra-content-wrap {
margin-bottom:100px;
margin-top:120px;
display:block
}
.single-product-details .top-content .price-wrap {
font-size: 20px;
font-weight: 700;
color: var(--heading-color);
line-height: 28px;
margin-bottom: 10px;
}
.single-product-details .top-content .short-description {
font-size: 15px;
line-height: 25px;
margin-bottom: 10px;
}
.single-product-details .top-content .single-add-to-card-wrapper .quantity {
max-width:100px;
border:1px solid #e2e2e2;
height:40px;
padding-left:10px
}
.single-product-details .top-content .single-add-to-card-wrapper .addtocart {
display:inline-block;
border:none;
height:40px;
padding:0 25px;
background-color:var(--main-color-one);
color:#fff;
font-weight:700;
font-size:14px;
transition:.3s;
line-height: 40px;
}
.single-product-details .top-content .cat-sku-content-wrapper span.title {
font-size:16px;
font-weight:600;
color:var(--heading-color);
margin-right:10px;
margin-bottom:10px
}
.slider-gallery-nav .slick-track .single-gallery-slider-nav-item {
width:60px!important;
margin-right:5px
}
.slider-gallery-nav .slick-track .single-gallery-slider-nav-item img {
border:1px solid #cecece
}
.single-product-details .top-content .slider-gallery-nav .single-gallery-slider-nav-item img {
opacity:.5;
cursor:pointer
}
.single-product-details .top-content .slider-gallery-nav .single-gallery-slider-nav-item.slick-current img {
opacity:1
}
.order-to-call {
background: #2E3092;
color: #fff;
font-size: 20px;
font-weight: 600;
text-align: center;
border-radius: 20px;
padding: 5px;
}
.order-to-call .heading-title {
color: #fff;
margin: 0;
}
.price-plan-wrapper .nav-tabs .nav-item+.nav-item,.single-product-details .extra-content-wrap .nav-tabs .nav-item+.nav-item {
border-left:1px solid #e2e2e2
}
.product-ratings-form p {
font-size:16px;
line-height:26px;
font-weight:600;
color:var(--heading-color);
margin-bottom:20px
}
.notice-modal-content-wrapper .right-side-content,.product-ratings-form,.product-ratings-form .login-form {
max-width:350px
}
.single-product-rating-item .ratings {
font-size:14px;
margin-bottom:10px
}
.product-ratings-form textarea {
border:1px solid #e2e2e2;
max-height:120px;
resize:none
}
.widget_price_filter p {
display:flex;
justify-content:space-between;
font-size:16px;
font-weight:700;
margin-top:5px;
color:var(--heading-color)
}
.widget_price_filter .boxed-btn {
padding:8px 20px;
border:none;
font-size:14px
}
.rating-wrap {
height: 27px;
display: flex;
align-items: center;
gap: 5px;
}
.rating-wrap .total-ratings {
font-size:13px;
line-height:16px;
font-weight:700;
color:var(--heading-color);
position:relative;
top:0px
}
.rating-wrap .ratings span:after {
position:absolute;
left:0;
top:0;
content:"\f005" "\f005" "\f005" "\f005" "\f005";
width:100%;
font-family:fontawesome;
font-size:13px;
font-weight:900
}
.rating-wrap .ratings {
position:relative;
z-index:0;
width:59px;
height:13px;
display:inline-block;
top:2px
}
.rating-wrap p {
margin-bottom: 3px;
}
.rating-wrap .ratings span {
display:block;
position:absolute;
width:100%;
height:100%;
overflow:hidden;
line-height:11px
}
.rating-wrap .ratings span.show-rating:after {
color:#ffc107
}
.product-content-area .alert.alert-success .btn-boxed {
background-color:var(--secondary-color);
padding:4px 10px;
border-radius:4px;
color:#fff;
font-size:14px;
margin-left:20px
}
.single-product-rating-item .title {
font-size:16px;
line-height:26px;
font-weight:700;
color:var(--heading-color);
margin-bottom:0
}
.product-ratings-form .title {
font-size:24px;
line-height:30px;
margin-bottom:25px;
font-weight:700
}
.cart-wrapper table .thumbnail {
max-width:80px
}
.cart-wrapper table .product-title {
font-size:14px;
line-height:22px;
font-weight:600;
transition:.3s
}
.cart-wrapper table .quantity {
max-width:80px;
border:1px solid #e2e2e2;
height:40px;
padding-left:10px
}
.cart-table-footer-wrap {
display:flex;
justify-content:space-between;
align-items:center
}
.cart-table-footer-wrap div:last-child {
display:inline-block;
display:flex;
align-items:center
}
.cart-table-footer-wrap div:last-child .ajax-loading-wrap {
margin-right:10px
}
.cart-table-footer-wrap .coupon-wrap {
position:relative;
z-index:0;
display:flex
}
.cart-table-footer-wrap .coupon-wrap input {
width:100%;
border:1px solid #e2e2e2;
height:40px
}
.billing-details-fields-wrapper .title,.cart-total-wrap .title,.gig-order-success-page-wrap h4,.shipping-details-fields-wrapper .title {
font-size:30px;
line-height:40px;
font-weight:600;
margin-bottom:30px
}
.dashboard-form-wrapper .form-group .form-control,.gig_order_form textarea,.reply-message-wrap textarea,.shipping-wrap .card {
border:1px solid #e2e2e2
}
.shipping-wrap .card-header {
font-size:20px;
font-weight:600;
color:var(--heading-color);
cursor:pointer;
line-height:30px
}
.shipping-wrap {
margin-bottom:30px;
margin-top:20px
}
.shipping-wrap .shipping-details-wrap .title {
font-size:18px;
font-weight:600;
color:var(--heading-color)
}
.shipping-wrap .shipping-cost {
font-size:18px;
line-height:28px;
font-weight:700;
color:var(--heading-color)
}
.billing-details-wrapper .login-form {
max-width:450px
}
.product-orders-summery-warp .title {
font-size:24px;
text-align:left;
margin-bottom:7px
}
.billing-and-shipping-details {
display:flex;
justify-content:space-between;
text-align:left
}
.billing-and-shipping-details ul li {
margin:8px 0
}
.billing-and-shipping-details ul li strong {
color:var(--heading-color);
margin-right:30px
}
.cart-table-footer-wrap .boxed-btn {
border:none;
padding:7px 20px
}
.error-message span {
display:block;
font-size:14px;
margin-bottom:5px
}
.ajax-loading-wrap.hide {
visibility:hidden;
opacity:0
}
.ajax-loading-wrap {
display:inline-block;
margin-left:10px
}
.ajax-loading-wrap .sk-fading-circle {
margin:0 auto;
width:20px;
height:20px;
position:relative
}
.ajax-loading-wrap .sk-fading-circle .sk-circle {
width:100%;
height:100%;
position:absolute;
left:0;
top:0
}
.ajax-loading-wrap .sk-fading-circle .sk-circle:before {
content:'';
display:block;
margin:0 auto;
width:15%;
height:15%;
background-color:var(--main-color-one);
border-radius:100%;
-webkit-animation:1.2s ease-in-out infinite both sk-circleFadeDelay;
animation:1.2s ease-in-out infinite both sk-circleFadeDelay
}
.ajax-loading-wrap .sk-fading-circle .sk-circle2 {
-webkit-transform:rotate(30deg);
-ms-transform:rotate(30deg);
transform:rotate(30deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle3 {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle4 {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle5 {
-webkit-transform:rotate(120deg);
-ms-transform:rotate(120deg);
transform:rotate(120deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle6 {
-webkit-transform:rotate(150deg);
-ms-transform:rotate(150deg);
transform:rotate(150deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle7 {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle8 {
-webkit-transform:rotate(210deg);
-ms-transform:rotate(210deg);
transform:rotate(210deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle9 {
-webkit-transform:rotate(240deg);
-ms-transform:rotate(240deg);
transform:rotate(240deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle10 {
-webkit-transform:rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle11 {
-webkit-transform:rotate(300deg);
-ms-transform:rotate(300deg);
transform:rotate(300deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle12 {
-webkit-transform:rotate(330deg);
-ms-transform:rotate(330deg);
transform:rotate(330deg)
}
.ajax-loading-wrap .sk-fading-circle .sk-circle2:before {
-webkit-animation-delay:-1.1s;
animation-delay:-1.1s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle3:before {
-webkit-animation-delay:-1s;
animation-delay:-1s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle4:before {
-webkit-animation-delay:-.9s;
animation-delay:-.9s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle5:before {
-webkit-animation-delay:-.8s;
animation-delay:-.8s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle6:before {
-webkit-animation-delay:-.7s;
animation-delay:-.7s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle7:before {
-webkit-animation-delay:-.6s;
animation-delay:-.6s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle8:before {
-webkit-animation-delay:-.5s;
animation-delay:-.5s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle9:before {
-webkit-animation-delay:-.4s;
animation-delay:-.4s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle10:before {
-webkit-animation-delay:-.3s;
animation-delay:-.3s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle11:before {
-webkit-animation-delay:-.2s;
animation-delay:-.2s
}
.ajax-loading-wrap .sk-fading-circle .sk-circle12:before {
-webkit-animation-delay:-.1s;
animation-delay:-.1s
}
@-webkit-keyframes sk-circleFadeDelay {
0%,100%,39% {
opacity:0
}
40% {
opacity:1
}
}
@keyframes sk-circleFadeDelay {
0%,100%,39% {
opacity:0
}
40% {
opacity:1
}
}
.footer-area.home-page-08 .footer-top {
background-color:#f4f4f4
}
.footer-area.home-page-08 .copyright-area {
background-color:#000;
}
.footer-area.home-page-06 .footer-top {
background-color:#f7fcfe
}
.footer-area.home-page-06 .copyright-area {
background-color:#eefaff;
color:var(--paragraph-color)
}
.footer-area.home-page-06 .contact_info_list li.single-info-item .icon,.footer-area.home-page-06 .newsletter-form-wrap .submit-btn,.footer-area.home-page-06 .widget.footer-widget ul li a:hover {
color:var(--service-color)
}
.footer-area.home-page-06 .back-to-top {
background-color:var(--service-color)
}
.single-gig-item .thumb .price-wrap {
position:absolute;
left:20px;
top:20px;
padding:10px 20px;
background-color:var(--main-color-one);
border-radius:30px;
color:#fff;
font-size:14px;
line-height:20px;
font-weight:600
}
.single-gig-details .gallery-wrap .thumbnail .hover,.single-gig-item .thumb .order-btn {
right:20px;
top:20px;
color:var(--main-color-one);
position:absolute
}
.single-gig-item .thumb .order-btn {
background-color:#fff;
border-radius:50%;
width:40px;
height:40px;
box-shadow:0 0 30px 0 rgba(0,0,0,.2);
line-height:42px;
text-align:center
}
.single-gig-item {
background:#fff;
box-shadow:0 0 30px 0 rgba(0,0,0,.05);
border-radius:20px;
margin-bottom:30px
}
.get-quote-wrapper,.price-plan-wrapper {
background-color:#eee
}
.single-gig-item .content {
padding:25px
}
.single-gig-item .thumb img {
border-top-right-radius:20px;
border-top-left-radius:20px
}
.single-gig-item .content .title {
font-size:18px;
line-height:26px;
font-weight:700;
transition:.3s;
margin-bottom:20px
}
.single-gig-details .gallery-wrap .thumbnail-gallery-carousel .next-arrow,.single-gig-details .gallery-wrap .thumbnail-gallery-carousel .prev-arrow,.single-gig-details .gallery-wrap .thumbnail-navigator .next-arrow,.single-gig-details .gallery-wrap .thumbnail-navigator .prev-arrow {
position:absolute;
left:10px;
top:50%;
width:30px;
height:30px;
line-height:30px;
text-align:center;
background-color:var(--secondary-color);
display:inline-block;
z-index:1;
cursor:pointer;
color:#fff;
visibility:hidden;
opacity:0;
transition:.3s;
transform:translateY(-50%)
}
.single-gig-details .gallery-wrap .thumbnail-gallery-carousel .next-arrow,.single-gig-details .gallery-wrap .thumbnail-navigator .next-arrow {
left:auto;
right:10px
}
.single-thumbnail-navigator {
padding:0 20px
}
.accordion-wrapper .card .card-header a {
font-size:16px;
line-height:26px;
font-weight:600
}
.get-quote-wrapper {
padding:30px;
margin-top:40px
}
.get-quote-wrapper .title {
font-size:20px;
line-height:30px;
font-weight:600;
margin-bottom:40px
}
.get-quote-wrapper .boxed-btn {
border:none;
padding:10px 30px;
font-weight:600
}
.login-form.gig-page h4 {
font-size:30px;
line-height:40px;
text-transform:capitalize;
font-weight:600;
margin-bottom:40px
}
.login-form.gig-page {
max-width:400px
}
.gig_order_form label {
font-size:16px;
font-weight:500;
line-height:26px
}
.dizzcox_admin_bar {
background-color:#000;
display:flex;
justify-content:space-between;
padding:10px 20px
}
.dizzcox_admin_bar .left-content-part ul {
margin:0;
padding:0;
list-style:none;
font-size:14px
}
.dizzcox_admin_bar .left-content-part ul li {
color:rgba(255,255,255,.8);
display:inline-block
}
.dizzcox_admin_bar .right-content-part .author-details-wrap h6 {
font-size:14px;
color:#fff;
margin-bottom:0;
cursor:pointer
}
.dizzcox_admin_bar .right-content-part .author-details-wrap .author-link {
position:absolute;
right:0;
top:20px;
background-color:#333;
font-size:14px;
z-index:99;
width:200px;
padding-bottom:10px;
visibility:hidden;
opacity:0;
transition:.3s;
padding-top:10px
}
.dizzcox_admin_bar .right-content-part .author-details-wrap .author-link a {
padding:5px 20px;
display:block;
transition:.3s;
color: var(--secondary-color);
}
.cart-icon-wrap {
position:fixed;
right:0px;
bottom: 100px;
width:60px;
height:60px;
line-height:60px;
background-color:var(--main-color-one);
font-size:24px;
border-radius: 50%;
color: #fff;
text-align: center;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.cart-icon-wrap .badge {
position:absolute;
top:-10px;
left:-10px;
width:30px;
height:30px;
line-height:26px;
background-color:#fbc62f;
font-size:14px
}
.apply-btn,.buy-now-wrap ul li a,.counterdown-wrap.event-page #event_countdown>div,.ratings_list li.selected,.user-dashboard-card {
background-color:var(--main-color-one)
}
.login-form-wrapper h2 {
font-size:36px;
line-height:46px;
margin-bottom:50px;
font-weight:700
}
.account-form input,.account-form select {
border:1px solid #e2e2e2;
height:50px
}
.account-form input:focus,.account-form select:focus {
outline:0;
border:1px solid #e2e2e2;
box-shadow:none
}
.user-dashboard-card {
padding:30px;
display:flex;
align-self:flex-start;
margin-bottom:30px
}
.user-dashboard-card .icon {
font-size:40px;
line-height:40px;
color:#fff;
margin-right:20px
}
.user-dashboard-card .title {
font-size:18px;
line-height:28px;
font-weight:700;
color:#fff
}
.user-dashboard-card .number {
font-size:40px;
line-height:50px;
font-weight:700;
display:block;
color:#fff
}
.user-dashboard-wrapper>ul {
display:inline-block;
width:260px;
background-color:var(--secondary-color);
padding-bottom:5px
}
.user-dashboard-wrapper {
display:flex;
justify-content:space-between;
padding:80px 0
}
.user-dashboard-wrapper .tab-content {
width:calc(100% - 300px)
}
.user-dashboard-wrapper ul.nav-pills .nav-link {
border-radius:0;
padding:10px 30px;
color:rgba(255,255,255,.7)
}
.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {
border-top:1px solid rgba(255,255,255,.1)
}
.width-200 {
width:200px!important
}
.width-220 {
width:220px!important
}
.width-250 {
width:250px!important
}
.dashboard-form-wrapper .title {
font-weight:700;
font-size:16px;
line-height:20px;
margin-bottom:20px
}
.dashboard-form-wrapper .form-group label {
font-size:14px;
font-weight:700;
color:var(--heading-color)
}
.apply-btn {
display:inline-block;
border-radius:30px;
color:#fff;
padding:10px 25px;
font-size:14px;
transition:.3s
}
.delivery-time-countdown-wrap,.gig-message-start-wrap,.reply-message-wrap {
background-color:#fbf9f9;
padding:40px
}
.order-service-page-content-area .nav-tabs {
display:block;
border:none
}
.order-service-page-content-area .nav-tabs .nav-item {
border:none;
display:inline-block;
width:50px;
height:50px;
border-radius:50%;
background-color:var(--secondary-color);
line-height:50px;
color:#fff;
padding:0;
text-align:center
}
.order-service-page-content-area .nav-tabs .nav-item[disabled] {
background-color:#e1e1e1;
color:var(--paragraph-color)
}
.ordered-product-summery .title {
font-size:20px;
margin:0
}
.ordered-product-summery .product-info-wrap .pdetails {
display:block;
font-size:14px;
font-weight:400;
margin-bottom:5px
}
.gig-order-success-page-wrap .gigs-info-wrap .billing-info-wrap ul {
margin:0;
padding:0 0 0 20px
}
.gig-price-plan.order-page h2 {
font-size:36px;
line-height:50px;
font-weight:600;
margin-bottom:30px;
border-bottom:1px solid #e2e2e2
}
.delivery-time-countdown-wrap #countdown,.discount-modal-content-wrapper #countdown {
display:flex
}
.delivery-time-countdown-wrap .nx-singular-countdown-item {
width:calc(100% / 4 - 10px);
background-color:var(--main-color-one);
padding:40px 0;
text-align:center
}
.delivery-time-countdown-wrap .nx-singular-countdown-item .time {
display:block;
font-size:60px;
font-weight:700;
line-height:70px;
color:#fff;
margin-bottom:10px
}
.delivery-time-countdown-wrap .nx-singular-countdown-item .label {
display:block;
text-transform:uppercase;
font-size:16px;
font-weight:600;
color:#fff;
margin-bottom:8px
}
.delivery-time-countdown-wrap {
text-align:center;
margin-top:40px
}
.span_title {
font-size:16px;
font-weight:500;
color:var(--heading-color);
margin-bottom:5px;
display:block
}
.delivery-time-countdown-wrap .title {
font-size:30px;
line-height:40px;
font-weight:600;
text-transform:uppercase
}
.gig-message-start-wrap {
margin-top:60px;
margin-bottom:60px
}
.single-message-item {
background-color:#e7ebec;
padding:20px;
border-radius:10px;
margin-bottom:20px;
margin-right:80px
}
.single-message-item.customer {
background-color:#f1ebeb;
text-align:right;
margin-left:80px;
margin-right:0
}
.reply-message-wrap .title {
font-size:22px;
line-height:32px;
margin-bottom:40px;
font-weight:600
}
.gig-message-start-wrap .boxed-btn {
padding:8px 10px
}
.reply-message-wrap .boxed-btn {
padding:8px 20px;
font-size:14px;
font-weight:500
}
.gig-message-start-wrap .title {
font-size:20px;
line-height:30px;
margin-bottom:40px;
font-weight:600
}
.single-message-item .thumb .title {
font-size:16px;
font-weight:600;
text-transform:uppercase;
width:40px;
height:40px;
line-height:40px;
background-color:#c7e5ec;
display:inline-block;
border-radius:5px;
text-align:center
}
.single-message-item .title {
font-size:16px;
line-height:20px;
margin:10px 0 0
}
.single-message-item .time {
display:block;
font-size:13px;
margin-bottom:20px;
font-weight:500;
font-style:italic
}
.single-message-item.customer .thumb .title {
background-color:#efd2d2
}
.single-message-item .top-part {
display:flex;
margin-bottom:25px
}
.single-message-item .top-part .content {
flex:1;
margin-left:15px
}
.single-message-item.customer .top-part {
flex-direction:row-reverse
}
.single-message-item.customer .top-part .content {
margin-right:15px;
margin-left:0
}
.anchor-btn {
border-bottom:1px solid var(--main-color-one);
color:var(--main-color-one);
display:inline-block
}
.all-message-wrap.msg-row-reverse {
display:flex;
flex-direction:column-reverse;
position:relative
}
.load_all_conversation:focus {
outline:0
}
.load_all_conversation {
border:none;
background-color:var(--secondary-color);
border-radius:30px;
font-size:14px;
line-height:20px;
padding:10px 30px;
color:#fff;
cursor:pointer;
text-transform:capitalize;
position:absolute;
top:-20px;
left:50%;
transform:translateX(-50%);
font-weight:500
}
.sm_alert,.sm_btn {
padding:8px 15px;
font-size:14px
}
.sm_alert {
display:inline-block
}
button.anchor-btn {
border:1px solid;
background-color:transparent;
font-size:14px;
display:inline-block;
margin-top:15px
}
#map iframe {
min-height:350px
}
.language_dropdown ul {
margin:0;
padding:0;
list-style:none;
text-align:left;
position:absolute;
left:0;
top:100%;
background-color:#141938;
width:100%;
z-index:9;
visibility:hidden;
opacity:0
}
.language_dropdown {
display:inline-block;
position:relative
}
.nx-popup-backdrop,.nx-popup-wrapper {
position:fixed;
z-index:1;
left:0;
top:0;
width:100%;
height:100%;
visibility:hidden;
opacity:0
}
.language_dropdown ul li+li {
border-top:1px solid rgba(255,255,255,.05)
}
.language_dropdown ul li {
padding:5px 10px;
word-break:break-all;
color:#fff;
transition:.3s;
cursor:pointer
}
.language_dropdown .selected-language {
border:1px solid #e2e2e2;
padding:5px 10px;
display:inline-block;
cursor:pointer;
min-width:130px;
text-align:left;
display:flex;
justify-content:space-between
}
.header-style-04 .language_dropdown .selected-language,.navbar-area .home-variant-04 .language_dropdown .selected-language {
color:#fff;
margin-left:20px
}
.navbar-area .home-variant-04 .language_dropdown ul li {
width:100%;
margin:0!important
}
.nx-popup-backdrop {
background-color:rgba(0,0,0,.6);
content:'';
transition:.3s
}
.nx-popup-wrapper {
display:flex;
align-items:center;
justify-content:center
}
.notice-modal .nx-modal-inner-content-wrapper {
width:700px;
height:400px
}
.only-image-modal .nx-modal-inner-content-wrapper {
width:700px;
min-height:400px;
background-size:cover;
background-position:center
}
.nx-popup-wrapper.notice-modal .nx-modal-inner-content-wrapper {
background-image:url("../../backend/images/popup/dizcox-popup--min.jpg")
}
.nx-modal-inner-content-wrapper {
width:800px;
background-color:#fff;
padding:40px;
position:relative;
background-position:center;
height:450px
}
.nx-popup-wrapper.notice-modal .nx-modal-inner-content-wrapper .nx-popup-close {
background-color:#ea7e7e;
width:20px;
height:20px;
line-height:20px;
text-align:center
}
.nx-modal-inner-content-wrapper .nx-popup-close {
position:absolute;
right:10px;
top:5px;
font-size:20px;
cursor:pointer;
background-color:red;
color:#fff;
width:30px;
height:30px;
line-height:30px;
text-align:center
}
.notice-modal .nx-modal-header .title {
display:inline-block;
background-color:red;
padding:10px 20px;
border-radius:2px;
color:#fff;
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:2px;
font-weight:700
}
.notice-modal .nx-modal-header {
text-align:center;
margin-bottom:30px
}
.notice-modal .nx-modal-content p {
color:#444;
font-size:18px;
line-height:28px
}
.notice-modal .nx-modal-content .btn-wrapper .btn-boxed {
display:inline-block;
padding:10px 30px;
background-color:#663399;
color:#fff;
border-radius:3px;
font-weight:600;
transition:.3s
}
.notice-modal .nx-modal-content .btn-wrapper .btn-boxed:hover {
background-color:beige;
color:#fff
}
.nx-popup-wrapper.notice-modal .nx-modal-content {
display:flex;
justify-content:flex-end;
height:100%
}
.notice-modal-content-wrapper .right-side-content .title {
font-size:36px;
line-height:40px;
font-weight:600;
color:#272324;
text-transform:uppercase
}
.discount-modal-content-wrapper .right-content-warp p,.notice-modal-content-wrapper .right-side-content p {
font-size:16px;
line-height:26px;
color:#656565
}
.discount-modal-content-wrapper {
display:flex;
align-items:center;
justify-content:space-between;
align-self:flex-start;
height:400px
}
.discount-modal-content-wrapper .left-content-wrap {
width:400px;
margin-right:20px
}
.discount-modal-content-wrapper .left-content-warp {
width:330px
}
.discount-modal-content-wrapper .right-content-warp {
flex:1;
display:flex;
align-items:center;
justify-content:center;
padding-left:30px
}
.discount-modal-content-wrapper .right-content-warp .title {
font-size:36px;
line-height:40px;
text-transform:uppercase;
font-weight:700;
color:#5580ff
}
.discount-modal-content-wrapper .right-content-warp .btn-boxed {
display:inline-block;
background-color:#5580ff;
color:#fff;
font-size:14px;
font-weight:600;
padding:8px 25px;
border-radius:5px;
margin-top:20px;
transition:.3s
}
.discount-modal-content-wrapper .right-content-warp .btn-boxed:hover {
background-color:#ff8a73
}
.discount-modal-content-wrapper .nx-singular-countdown-item {
width:calc(100% / 4 - 10px);
background-color:#ff8a73;
text-align:center
}
.discount-modal-content-wrapper .nx-singular-countdown-item .time {
display:block;
font-size:35px;
font-weight:700;
line-height:45px;
color:#fff;
margin-bottom:0
}
.discount-modal-content-wrapper .nx-singular-countdown-item .label {
display:block;
text-transform:uppercase;
font-size:12px;
font-weight:700;
color:#fff;
margin-bottom:8px
}
.single-donor-info.donor-list-page {
background-color:#f4f7fc;
padding:20px;
border-radius:5px
}
.single-testimonial-item-10.testimonial-page {
margin:0 0 40px
}
.feedback-page-form .form-group textarea {
max-height:160px;
resize:none
}
.feedback-page-form .form-group .form-control {
border:transparent;
border-radius:0;
border-bottom:1px solid #98989c;
padding:15px 30px 15px 0;
margin-bottom:25px
}
.ratings_list li.selected {
color:#fff;
font-weight:600
}
.ratings_list li {
display:inline-block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border:2px solid #e2e2e2;
cursor:pointer
}
.teastimonial-item-09 {
background-color:#f1f1f1;
padding:30px;
border-radius:5px;
margin-bottom:40px
}
.teastimonial-item-09 .bottom-content .ratings li {
display:inline-block;
color:#f2b827
}
.teastimonial-item-09 .clients-details .content .name {
font-size:21px;
font-weight:700;
color:#313131;
line-height:28px;
margin-bottom:0
}
.teastimonial-item-09 .bottom-content p {
font-size:18px;
line-height:28px;
margin-bottom:0;
margin-top:10px;
font-style:italic;
color:#616161
}
.gallery-masonry-nav {
margin:0 0 40px;
padding:0;
list-style:none;
text-align:center
}
.gallery-masonry-nav li {
display:inline-block;
font-size:16px;
line-height:30px;
font-weight:500;
cursor:pointer
}
.gallery-masonry-nav li.active,.single-image-gallery-item .thumb .hover a:hover {
color:var(--charity-color)
}
.gallery-grid {
align-items:center
}
#gallery-grid.show .grid-item {
position:unset!important;
float:left
}
.single-image-gallery-item .thumb .hover {
position:absolute;
left:0;
top:0;
background-color:rgba(0,0,0,.3);
width:100%;
height:100%;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
visibility:hidden;
opacity:0;
transition:.3s
}
.single-image-gallery-item .thumb .hover a {
transition:.3s;
font-size:20px
}
.footer-area.inner-page .footer-top {
margin-top:0!important;
padding-top:100px!important
}
.newsletter-area .right-side-content form input {
padding-right:90px
}
.about-page-area .intro .single-gig-category {
margin:15px;
flex:0 0 17%!important;
max-width:17%!important
}
button.navbar-toggle {
display: none;
}
@media(min-width:1024px) {
.product_mega_menu .xg-mega-menu-container .col-lg-2 {
flex:0 0 22%;
max-width:22%
}
.product_mega_menu .xg-mega-menu-container .col-lg-2:last-child {
flex:0 0 12%;
max-width:12%;
padding-right:0
}
}
@media(min-width:1204px) {
.product_mega_menu .xg-mega-menu-container .col-lg-2 {
flex:0 0 22%;
max-width:22%
}
.product_mega_menu .xg-mega-menu-container .col-lg-2:last-child {
flex:0 0 12%;
max-width:12%
}
}
@media (min-width:1300px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width:1280px
}
}
@media only screen and (max-width:1366px) {
.header-bottom-list ul {
flex-wrap:wrap
}
.single-header-bottom-list-item {
padding:59px 40px 58px;
display:block
}
.single-header-bottom-list-item .icon {
margin-bottom:30px
}
.header-bottom-list li {
width:calc(100% / 3 - 30px)
}
.header-bottom-list li+li {
margin-left:0
}
}
@media(max-width:992px) {
.about-page-area .intro .single-gig-category {
flex:0 0 40%!important;
max-width:40%!important
}
.main-header .info-items-two li > a span {
display: none;
}
.left-contnet {
position: relative;
}
button.navbar-toggle {
display: block;
border: none;
background: #fff;
padding: 0;
outline: none;
position: absolute;
right: 0;
top: -18px;
z-index: 1;
}
.navbar-collapse.collapse.show {
position: fixed;
width: 140px;
right: 0;
background: #fff;
z-index: 1;
}
.navbar-collapse.collapse.show .navbar-nav li {
display: block;
padding: 8px;
border-bottom: 1px solid #ccc;
font-size: 16px;
font-weight: 500;
}
.navbar-collapse.collapse.show .navbar-nav li:last-child {
border: none;
}
.navbar-collapse.collapse.show .navbar-nav li a{
color: var(--paragraph-color);
}
.navbar-collapse.collapse.show .navbar-nav li:hover a, .navbar-collapse.collapse.show .navbar-nav li:active a, .navbar-collapse.collapse.show .navbar-nav li.current-menu-item a {
color: var(--main-color-one);
}
}
@media(max-width:991px) {
.main-header .search-form {
width: 250px;
}
.header-area-wrapper {
max-height: 333px;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a,.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before,.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a {
color:var(--main-color-one)
}
.mobile-logo,.navbar-area .nav-container .navbar-brand {
display:block
}
.desktop-logo {
display:none!important
}
.navbar-area.nav-style-01 .nav-container,.navbar-area.nav-style-02 .nav-container {
padding:20px 0
}
.navbar-area.nav-style-02 .nav-container .navbar-toggler {
background-color:#fff
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
background-color:transparent;
color:rgba(255,255,255,.8)
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
text-align:left
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index:initial
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before,.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color:#656565
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child,.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
border-top:1px solid #e2e2e2
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
background-color:transparent;
color:var(--paragraph-color)
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
background-color:var(--main-color-one);
color:#fff
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
transition:.3s ease-in;
color:#656565
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color:var(--main-color-one)
}
.navbar-area .nav-container {
position:relative;
z-index:0;
max-height:80px
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
display:block;
text-align:left;
line-height:30px;
padding:10px 0;
border-bottom:1px solid #e2e2e2
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
border-bottom:none
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
margin-left:0
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
top:25px;
right:20px
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
padding-bottom:0
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
visibility:visible;
height:auto;
opacity:1;
background-color:transparent;
border-bottom:none
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
position:initial;
display:block;
width:100%;
border-top:none;
-webkit-box-shadow:none;
box-shadow:none;
margin-left:0;
padding-bottom:0;
visibility:hidden;
opacity:0;
height:0;
overflow:hidden;
max-height:250px;
overflow-y:scroll;
-webkit-transition:height .5s;
-moz-transition:height .5s;
-o-transition:height .5s;
transition:height .5s
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
content:"\f107"
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
padding:0
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
top:30px;
color:#fff
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
border-top:none
}
}
.product-description .table tr th {
color:#40b176
}
.product-description .table tr td,.product-description .table tr th {
vertical-align:middle;
text-align:center;
padding:5px 2px;
line-height:16px;
font-size:13px
}
.filter-valve .table tr td {
line-height:initial;
padding-left:10px;
padding-right:10px;
font-family:var(--body-font)
}
.filter-valve {
position:relative;
margin-right:0;
margin-left:0;
margin-bottom:25px
}
.filter-valve:after {
content:'';
position:absolute;
background:#ccc;
height:1px;
width:75%;
left:12.5%;
bottom:-10px
}
.filter-valve .col-sm-6:last-child {
padding-right:0
}
.table tr td.cell-divider,.table tr th.cell-divider {
border-bottom:1px solid #eaeaea!important;
background:#eaeaea!important;
padding-left:15px!important
}
.pressure-table .table td {
white-space:break-spaces!important;
white-space:pre-wrap;
line-height:25px!important
}
.small-padding-head thead td,.small-padding-head thead td p {
padding:5px!important;
font-size:12px!important;
line-height:18px!important;
color:#40b176
}
.small-padding-head thead tr {
background:#fff
}
.small-padding-head tbody tr td:first-child {
white-space:nowrap
}
.small-padding-head tbody tr td[colspan] {
background:#40b176;
color:#fff
}
.ozone-entry-content .table-bordered tbody tr td,.vusr-entry-content .table-bordered tbody tr td {
border:1px solid #ddd
}
.uf-application img {
border-radius:50%;
border:1px solid #ccc
}
@media (min-width:576px) {
.uf-application .col-sm-2 {
flex:0 0 20%;
max-width:20%
}
}
@media only screen and (max-width:768px) {
.tablet-center {
text-align:center
}
.tablet-left {
text-align:left
}
.tablet-right {
text-align:right
}
}
@media (max-width:767px) {
.logo-wrapper img {
width: 200px!important;
}
.main-header .search-form {
width: 200px!important;
}
.main-header .search-form #search_term, .main-header .search-form #search_terms {
height: 30px;
}
.main-header .search-form #product_search_btn, .main-header .search-form #search_btn {
height: 30px;
width: 30px;
}
.single-events-list-item {
display:block
}
.single-events-list-item .thumb {
margin-bottom:30px
}
.single-events-list-item .thumb img {
width:100%
}
.list-group .head {
padding: 6px 17px;
font-weight: 500;
font-size: 14px;
}
.header-area-wrapper {
max-height: 256px;
}
.info-items-two li.menu-item-has-children-mobile ul.sub-menu-mobile {
padding-left: 20px;
position: absolute;
z-index: 1;
display: none;
transition: ease-in 1s;
}
.info-items-two li.menu-item-has-children-mobile:hover ul.sub-menu-mobile {
display: block;
transition: ease-in 1s;
}
.container .row, .filter-overlay.open .row, .widget_search .search-form {
position: relative;
}
.filter-overlay.open .row:before {
content: '';
position: absolute;
background: rgba(0,0,0,.3);
top: 50px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
button#lc-toggle {
background: 0 0;
border: 1px solid #e2e2e2;
outline: 0;
height: 41px;
}
.toggle-filter {
position: absolute!important;
top: 50px;
right: -500px;
display: none;
-ms-flex: 0 0 100%!important;
flex: 0 0 100%!important;
max-width: 100%!important;
width: 300px!important;
z-index: 1111;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-o-transition: .3s ease-in;
transition: .3s ease-in;
}
.toggle-filter.open {
display: block;
right: -10px;
}
.toggle-filter .product-widget-area {
background: #f4f7fc;
padding: 15px;
box-shadow: 0 0 6px 1px rgba(0,0,0,.1);
}
.latest-product-area .col-lg-2, .latest-product-area .col-lg-3, .latest-product-area .col-md-4, .blog-content-area .col-lg-2, .blog-content-area .col-lg-3, .blog-content-area .col-md-4 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width:575px) {
.widget-ul-wrapper ul {
display: flex;
align-items: center;
gap: 5px;
}
.widget-ul-wrapper ul li {
margin: 0;
}
.contact_info_list li.single-info-item {
margin-bottom: 10px;
}
.navbar-area .nav-container {
margin:0 15px
}
.copyright-area .col-lg-6 {
width: 100%!important;
}
.copyright-area-inner {
text-align: center;
}
.copyright-area-inner small {
display: block;
}
.footer-nav {
text-align: center;
}
.widget .widget-title {
margin-bottom: 0px;
}
.widget.footer-widget {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.footer-top .col-lg-4:last-child .widget.footer-widget {
padding-bottom: 0px;
border-bottom: 0;
}
.widget-ul-wrapper ul li+li {
border-left: 1px solid #ccc;
padding-left: 5px;
}
}
@media only screen and (max-width:414px) {
.navbar.navbar-area {
z-index: 1111;
}
.list-group .sidebar-nav {
z-index: 1111;
}
.header-area-wrapper {
max-height: 100%;
height: auto;
}
.buy-btns {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 5px;
}
.latest-product-masonry .bottom-part .addtocart, .blog-content-area .single-feature-product .bottom-part .addtocart, .feature-product-slider .bottom-part .addtocart {
width: 100%;
text-align: center;
}
.mobile-center {
text-align:center
}
.mobile-left {
text-align:left
}
.mobile-right {
text-align:right
}
.product-archive-top-content-area {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
gap: 5px;
}
.product-archive-top-content-area .search-form {
position: relative;
z-index: 0;
width: 320px;
}
.product-archive-top-content-area .product-sorting select {
min-width: auto;
}
}