.page-title-area::before{ display: none; } .page-title-area{ position: relative; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .service-section.service-with-shape-two::before { background-image: url(../images/service-bg.jpg); } .team-area.team-with-shape-two::before { background-image: url(../images/team-bg.jpg); } .service-item::before { background-image: url(../images/service-dot.png); } .portfolio-area.portfolio-area-shape::before { background-image: url(../images/portfolio-shape.png); } .service-item-three::before { background-image: url(../images/service-dot.png); } .site-logo a img{ max-width: 170px; } .header-navigation .nav-toggler{ margin-left: 20px; } .header-navigation .nav-toggler { height: 40px; width: 50px; padding: 5px 6px; } /* .payment-gateway .product_payment_gateway_check img { object-fit: cover; } */ .header-navigation .nav-toggler span{ height: 1px; } .header-navigation .nav-toggler.menu-opened span:nth-child(1) { transform: rotate3d(0, 0, 1, 41deg); top: 10px; } .header-navigation .nav-toggler.menu-opened span:nth-child(3) { transform: rotate3d(0, 0, 1, -41deg); top: -10px; } .header-two .header-navigation .nav-toggler { border: 1px solid #fff; } .header-two .header-navigation .nav-toggler span { background-color: #fff; } .header-two.header-three .header-navigation .nav-toggler { border: 1px solid #555; } .header-two.header-three .header-navigation .nav-toggler span { background-color: #555; } .header-one .header-navigation .nav-toggler { border: 1px solid #555; } .header-one .header-navigation .nav-toggler span { background-color: #555; } .header-two.sticky-on .header-navigation .header-extra .my-dropdown .cart.carticon .icon{ color: #555; } .header-two.header-three .header-navigation .header-extra .my-dropdown .cart.carticon .icon{ color: #555; } .header-two.header-three .header-topbar .social-icon li a{ color: #81a3bb; } .page-title-area .overlay{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(32, 27, 66, 0.7); } .faq-counter-boxes-two.row > [class*=col-] { padding-right: 20px; padding-left: 20px; } .service-item-four.no-border{ background: #fff; } .accordion-one .text-white{ color: #fff!important; } .accordion-one .text-white, .accordion-one .text-white span { color: #fff!important; } .tags-widget li{ display: block; width: 100%; } .tags-widget a{ display: block; width: 100%; } .header-two.header-three .header-navigation .primary-menu >li>a { color: #555; } .portfolio-arrow-two .slick-arrow.next{ color: #fff !important; } .rate { background-image: url(../img/rate-star.png); background-position: 0 -13px; background-repeat: repeat-x; height: 13px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; width: 95px; margin-bottom: 2px; } .rating { background-image: url(../img/rate-star.png); background-position: 0 0; background-repeat: repeat-x; height: 13px; } .news-feed-widget .news-feed-items .news-feed-item img{ width: 80px; height: 80px; object-fit: cover; } .news-feed-widget .news-feed-items .news-feed-item a{ display: block; } .service-details-page .service-details-content img{ width: 100%; } .service-details-page .service-details-content .content{ margin-top: 30px; } .blog-sidebar .widget.categories-widget ul li a.active, .blog-sidebar .widget.categories-widget ul li a:hover { background: #0c59db; } .team-area .team-details-thumb img{ width: 100%; } /* Fix Font Size Start */ .header-navigation .primary-menu li a{ font-weight: 600; } .banner-section{ background-size: cover; background-repeat: no-repeat; background-position: center; } .counter-box .counter{ font-weight: 600; } .counter-box .title{ font-weight: 500; } .testimonial-box .author img{ width: 80px; height: 80px; object-fit: cover; border-radius: 50%; } .testimonial-box-two .testimonial-inner .content p span.d-block, .testimonial-box p span.d-block{ margin-bottom: 10px; } .testimonial-box p span.d-block i, .testimonial-box-two .testimonial-inner .content p span.d-block i { color: yellowgreen; } .portfolio-item-two:hover p{ color: #81a3bb; } /* Fix Font Size End */ /* Menu2 Customize Start */ .header-two .header-navigation .primary-menu >li>a, .header-two .header-topbar .contact-info li a, .header-two .header-topbar .contact-info li i, .header-two .header-topbar .social-icon li a, .header-two .header-navigation .cart-icon, .header-navigation .search-icon { color: #fff; } .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .cart-icon{ color: #555; } .banner-section-two::before { background-color: #002249; opacity: 0.8; } .header-two .header-topbar { border-bottom: 1px solid rgb(153 194 246 / 30%); } .header-two.header-three .header-topbar { border-bottom: 1px solid #99c2f6; } /* Menu2 Customize End */ /* Blog Details Page Start */ .blog-area .blog-dteails-content .main-image{ width: 100%; } .blog-area .blog-dteails-content .blog-details-bar { padding: 20px; background: #000; background: #f5f2ff; } .blog-area .blog-dteails-content .blog-details-bar .blog-social { display: block; text-align: center; } .blog-area .blog-dteails-content .blog-details-bar .blog-social .title { font-size: 20px; text-transform: capitalize; padding-bottom: 10px !important; padding-top: 0px !important; padding-right: 0px !important; display: block; } /* Blog Details Page End */ /* Pricing Plan Customization Start*/ .pricing-plan-item .list li{ list-style: none; line-height: 30px; } .pricing-plan-item::before { background: #f5faff; } /* Pricing Plan Customization End*/ /* POrtfolio Details Page Case Info Area Start */ .blog-sidebar .case-live { border: 2px solid #ededed; padding: 35px 40px; padding: 45px 0px 45px 40px; } .blog-sidebar .case-live .case-live-item-area .case-live-item { padding-left: 30px; padding-right: 40px; position: relative; margin-bottom: 25px; } .blog-sidebar .case-live .case-live-item-area .case-live-item:last-child { margin-bottom: 0px; } .blog-sidebar .case-live .case-live-item-area .case-live-item .title { font-size: 20px; } .blog-sidebar .case-live .case-live-item-area .case-live-item span { font-size: 14px; color: #69a1bb; } .blog-sidebar .case-live .case-live-item-area .case-live-item i { position: absolute; top: 2px; left: 0; font-size: 20px; color: #0c59db; } .blog-sidebar .case-live .case-live-btn { margin-right: 40px; margin-top: 37px; } .blog-sidebar .case-live .case-live-btn a { border-radius: 0; background: #0c59db; color: #fff; border-color: #0c59db; } /* POrtfolio Details Page Case Info Area End */ /* Sengle Service Customization Start */ .service-item-eight{ position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; display: block; height: 370px; } .service-item-eight .services-overlay .title{ color: #fff; } .service-item-eight .service-img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .service-item-eight:hover .service-img { -webkit-transform: scale(1.2) rotate(5deg); -moz-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); } /* Sengle Service Customization End */ /* Single Portfolio Customize Start */ .blog-area .blog-grid-items .single-blog-grid{ position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; display: block; height: 370px; } .single-blog-grid .blog-grid-overlay .title{ color: #fff; } .blog-area .blog-grid-items .single-blog-grid .img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .blog-area .blog-grid-items .single-blog-grid:hover .img { -webkit-transform: scale(1.2) rotate(5deg); -moz-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); } /* Single Portfolio Customize End */ /* Service Details page Make a Call Option Start */ .blog-sidebar .side-bar-contact { background: #0c59db; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; padding: 40px 40px 40px; text-align: center; } .blog-sidebar .side-bar-contact .overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #0c59db; opacity: 0.9; } .blog-sidebar .side-bar-contact .content { position: relative; z-index: 8; } .blog-sidebar .side-bar-contact .content h3 { color: #fff; margin-bottom: 40px; } .blog-sidebar .side-bar-contact .content i { width: 105px; height: 105px; line-height: 105px; font-size: 36px; color: #0c59db; border-radius: 50%; background-color: #fff; margin-bottom: 30px; } .blog-sidebar .side-bar-contact .content .call a { color: #fff; line-height: 40px; display: block; } /* Service Details page Make a Call Option End */ .banner-section-three.theme8 .overlay{ padding: 200px 0px 200px; } .banner-section-three.theme7 .overlay{ padding: 200px 0px 200px; } .banner-section-three.theme6 .overlay{ padding: 200px 0px 200px; } .banner-section-three.theme5 .overlay{ padding: 200px 0px 200px; } .banner-section-three.theme1 .overlay{ padding: 200px 0px 200px; } .get-in-touch-area{ overflow : hidden; } .our-choose-area .our-choose-counter{ margin-bottom: 30px; } .choose-area{ overflow: hidden; } .news-area { background: none !important; padding-top: 0px !important; padding-bottom: 0px !important; } .latest-news-area .section-title .title { margin-bottom: 40px; } .absulute{ position: absolute; } .intro-video-area.bg_cover{ overflow: hidden; } .services-title-area{ overflow: hidden; } .accordion-one .card .card-header a{ padding: 0px 10px; } /*----------------------------- ** Allow Cookie css ------------------------------*/ .cookie-consent { position: fixed; background-color: #00142c; bottom: 0px; width: 100%; padding: 30px 0px; z-index: 10000000000; color: #fff; } .cookie-container { display: flex; justify-content: space-between; align-items: center; align-self: center; } button.cookie-consent__agree { padding: 12px 20px; border: none; background-color: blue; color: #fff; cursor: pointer; border-radius: 3px; } span.cookie-consent__message { background-color: transparent !important; } span.cookie-consent__message p { margin-bottom: 0px; color: #fff; } .contact-btn-captcha-wrapper{ display: flex; flex-wrap: wrap; } header.sticky-on .header-navigation .nav-toggler { border-color: #777!important; } header.sticky-on .header-navigation .nav-toggler span { background-color: #777!important; } .quick_call_area{ position: fixed; top: 50%; transform: translateY(-50%); left: 0px; z-index: 999; box-shadow: 0px 0px 7px 0px rgba(30, 15, 39, 0.2); } .quick_call_area a{ color: #fff; height: 40px; display: block; width: 40px; text-align: center; line-height: 40px; font-size: 20px; } .quick_call_area a.wp{ background: #25D366!important; font-size: 24px; } .banner-area-2.video-section .banner-overlay{ background: rgba(32, 27, 66, 0.8); height: 900px; } .banner-area-2.video-section .banner-overlay .banner-content{ padding-top: 150px; } .banner-area-2.video-section .banner-overlay .banner-content span{ opacity: 1; margin-bottom: 15px; } .banner-area-2.video-section .banner-overlay .banner-content span::before{ display: none; } .banner-area-2.video-section .banner-overlay .banner-content span::after{ display: none; } .banner-area-2.video-section .banner-overlay .banner-content p{ font-size: 20px; line-height: 30px; margin-top: 0px; padding-top: 30px; } .banner-area-2.video-section .banner-overlay .banner-content ul li { margin: 0px; margin-right: 15px; margin-top: 15px; } div#controlBar_bgndVideo { display: none !important; } .mobile-quote{ display: none!important; } .header-navigation .primary-menu li .submenu li .dd-trigger{ display: block!important; } @media (max-width: 1199px){ .service-section.service-with-shape-two::before { height: 400px; } } @media (min-width: 1101px){ .dn-mobile{ display: block; } .db-mobile{ display: none!important; } .dd-trigger{ display: none!important; } .dd-trigger2{ display: inline-block!important; } } @media (max-width: 1100px){ .dn-mobile{ display: none!important; } .db-mobile{ display: block; } .quick_call_area { left: auto; right: 0px; } .header-two.header-three .header-navigation .primary-menu >li>a { color: #fff; } .dd-trigger2{ display: none!important; } .header-navigation .primary-menu li .submenu li .dd-trigger{ display: block!important; } } @media (max-width: 991px){ .gradint_body .about .info .link{ margin-bottom: 40px; } .gradint_body .counter-area2 .fun-box{ margin-bottom: 30px; } .gradint_body .video .video-wrapper .video-box { padding: 150px 0px 150px; } .quick_call_area a { height: 35px; width: 34px; line-height: 35px; font-size: 16px; } .gradint_body .video-section-new .intro-thumb{ margin-top: 0px !important; margin-bottom: 40px; } .quick_call_area a.wp { background: #25D366!important; font-size: 18px; } .gradint_body .video-section-new .intro-thumb::before{ bottom: auto; top: -30px; } .user-table-wrapper{ overflow: auto; } .user-table-wrapper .user-table { width: 800px; } .user-dashboard-area .user-menu{ margin-bottom: 40px; } .call-to-action-four .cta-content .title{ font-size: 40px; } .counter-box{ margin-bottom: 30px; } section.counter-section.secondary-bg.pt-100.pb-100{ padding-bottom: 70px; } .service-details-page .side-bar-contact{ margin-bottom: 30px; } .blog-grid-area.portfolio-page .side-bar-contact{ margin-bottom: 30px; } .wow{ visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } .features-area .features-item .content .about-experience h3{ font-size: 50px; line-height: 60px; } .banner-section .banner-img { position: relative; right: auto; bottom: auto; width: auto; background: unset; border-radius: 0%; border: 0px; margin-top: 70px; } .banner-section .banner-img::before{ display: none; } .banner-section .banner-img img { position: unset; top: auto; left: auto; height: 500px; } .banner-section.home2{ padding-bottom: 0px; } .ecommerce-slider .banner-slider .banner-text .banner-content{ text-align: center; } .ecommerce-slider .banner-slider .banner-text .title { font-size: 28px; line-height: 38px; } .ecommerce-slider .banner-slider .banner-text .price { font-size: 32px; line-height: 42px; } .banner-slider .banner-img{ text-align: center; margin-top: 40px; } .banner-slider .banner-img img{ max-width: 280px; } .popular-category-section .section-title.e-section-title .title { font-size: 24px; } } @media (max-width: 767px){ .gradint_body .about .box2{ margin-bottom: 30px; } .gradint_body .counter-area2 .fun-box .categori { font-size: 16px; } .gradint_body .counter-area2 .fun-box .counter-wrapper .counter { font-size: 28px; } .gradint_body .about .info .info-title { font-size: 24px; line-height: 34px; margin-bottom: 10px; } .intro-video-area-two .video-thumb-1, .intro-video-area-two .video-thumb-2{ display: none; } .portfolio-slider-three .slick-arrow{ display: none!important; } .about-history-area .history-item { margin-right: 0px!important; margin-left: 0px!important; margin-bottom: 40px; } .about-history-area .history-item .number-box, .about-history-area .history-item.history-item-2 .number-box { right: auto; left: -0px; right: auto; } .about-history-area .history-item::after { display: none; } } @media (max-width: 575px){ .mobile-quote{ display: block!important; } .header-topbar .contact-info{ display: none; } .header-topbar .top-right-wrapper{ justify-content: center; } .header-topbar .social-icon li:not(:first-child) { margin-left: 10px; } .header-topbar .top-left-content { text-align: center; } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box .d-inline-block.ml-4{ margin-left: 0px!important; } } @media (max-width: 414px){ .e-section-banner .single-banner .content .inner-content h4{ margin-bottom: 20px; } .header-navigation .header-extra .my-dropdown .my-dropdown-menu { width: 260px; } } @media (max-width: 370px){ .site-logo a img { max-width: 130px; } }