/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Global ## Global ## Mixins ## Theme ## Variables ## Common # Sections ## Nav Bar ## Banner ## Brand Area ## Footer ## Widgets # Elements ## accordion ## filter ## apartment ## blog ## city ## feature ## gallery ## intro ## main-search ## pricing ## service ## team ## user-list --------------------------------------------------------------*/ /*----------------- # Typography -----------------*/ @import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&family=Yantramanav:wght@300;400;500;700;900&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap'); :root { --main-color: #0f3065; --heading-color: #0f3065; --paragraph-color: #4b4e5c; --body-font: "Rubik", sans-serif; --heading-font: "Teko", sans-serif; --body-font-size: 16px; --line-height30: 1.7; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; font-family: var(--body-font); } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -moz-osx-font-smoothing: grayscale; /* Firefox */ -webkit-font-smoothing: antialiased; /* WebKit */ } body { margin: 0; color: var(--paragraph-color); overflow-x: hidden; font-family: var(--body-font); line-height: var(--line-height30); font-size: var(--body-font-size); background-position: right bottom 18%; background-repeat: no-repeat; background-attachment: fixed; } h1 { font-size: 75px; line-height: 80px; } h2 { font-size: 40px; line-height: 1.1; } h3 { font-size: 36px; line-height: 1.3833333333; } h4 { font-size: 30px; line-height: 1.3380952381; } h5 { font-size: 24px; line-height: 1.3380952381; } h6 { font-size: 20px; line-height: 1.2380952381; } h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-weight: 700; font-family: var(--heading-font); } p { color: var(--paragraph-color); -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-bottom: 10px; } a { color: inherit; text-decoration: none; -webkit-transition: 0.4s; transition: 0.4s; } a, a:hover, a:focus, a:active { text-decoration: none; outline: none; color: inherit; } /* a:hover { color: var(--main-color); } */ pre { word-break: break-word; } a i { padding: 0 2px; } img { max-width: 100%; } ol { counter-reset: counter; padding-left: 0; } ol li { list-style: none; margin-bottom: 1rem; } ol li:before { counter-increment: counter; content: counter(counter); font-weight: 500; margin-right: 10px; } button:hover, button:active, button:focus { outline: 0; } /*input and button type focus outline disable*/ input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd; } .no-gutter.row, .no-gutter.container, .no-gutter.container-fluid { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .no-gutter > [class^="col-"] { padding-left: 0; padding-right: 0; } .no-gutter[class^="col-"] { padding-left: 0; padding-right: 0; } .h-100vh { height: 100vh; } code { color: #faa603; } .check-list { margin: 0; padding: 0; list-style: none; } .check-list li { display: block; padding-left: 20px; position: relative; z-index: 0; } .check-list li:after { position: absolute; left: 0; top: 0; font-family: "fontawesome"; content: "\f105"; color: var(--main-color); } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { clear: both; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .comment-navigation .nav-previous > a, .posts-navigation .nav-previous > a, .post-navigation .nav-previous > a, .comment-navigation .nav-next > a, .posts-navigation .nav-next > a, .post-navigation .nav-next > a { -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; } .comment-navigation .nav-previous:hover > a, .posts-navigation .nav-previous:hover > a, .post-navigation .nav-previous:hover > a, .comment-navigation .nav-next:hover > a, .posts-navigation .nav-next:hover > a, .post-navigation .nav-next:hover > a { color: var(--main-color); } .comment-list li { list-style: none; } .h-100vh { height: 100vh; } .position-relative { position: relative; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 15px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { float: left; clear: both; margin-right: 20px; } .alignright { float: right; clear: both; margin-left: 20px; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } .alignfull { margin: 1.5em 0; max-width: 100%; } .alignwide { max-width: 1100px; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .updated:not(.published) { display: none; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; clear: both; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*---------------------------------------- # Unit test ------------------------------------------*/ .wp-link-pages a { margin: 0 5px; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; } .wp-link-pages { margin-bottom: 30px; margin-top: 25px; } .wp-link-pages span, .wp-link-pages a { border: 1px solid #e2e2e2; padding: 5px 15px; display: inline-block; } .wp-link-pages .current, .wp-link-pages a:hover { background-color: var(--main-color); color: #fff; border-color: var(--main-color); } .wp-link-pages span:first-child { margin-right: 5px; } dl, ol, ul { padding-left: 15px; } .post-password-form input { display: block; border: 1px solid #e2e2e2; height: 50px; border-radius: 3px; padding: 0 20px; } .post-password-form label { font-weight: 600; color: #333; } .post-password-form input[type="submit"] { width: 100px; height: 50px; background-color: var(--main-color); color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 1px; border: none; cursor: pointer; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; } .post-password-form input[type="submit"]:hover { background-color: #121a2f; } .footer-widget .table td, .footer-widget .table th { padding: 0.5rem !important; } @media all and (min-width: 1200px) { .no-lg-gutters > .col, .no-lg-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } } /*--------------------------------------- ## Button ---------------------------------------*/ .btn { height: 50px; line-height: 50px; padding: 0px 30px; border-radius: 0; overflow: hidden; position: relative; border: 0; font-size: 23px; font-family: var(--heading-font); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: 400; border-radius: 0px; z-index: 0; } .btn:focus, .btn:active { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn:hover { background: #4285f4; } .btn:hover:after { height: 100%; width: 135%; } .btn:after { content: ""; background: #fff; position: absolute; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: -1; height: 100%; left: -35%; top: 0; -webkit-transform: skew(30deg); transform: skew(30deg); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transform-origin: top left; transform-origin: top left; width: 0; } .btn-base { color: #fff; background: #414a4c; line-height: 50px; } .btn-base:active, .btn-base:focus, .btn-base:hover { color: #fff; background: var(--main-color); } .btn-base:active:after, .btn-base:focus:after, .btn-base:hover:after { background: var(--main-color); } .btn-white { color: var(--heading-color); background: #fff; line-height: 52px; } .btn-white:active, .btn-white:focus, .btn-white:hover { color: #fff; background: var(--main-color); } .btn-white:active:after, .btn-white:focus:after, .btn-white:hover:after { background: var(--main-color); } .btn-border-white { color: #fff; border: 2px solid rgba(255, 255, 255, 0.7); line-height: 48px; } .btn-border-white:hover, .btn-border-white:focus { color: #fff; background: var(--main-color); border: 2px solid var(--main-color); } .btn-border-black { color: var(--heading-color); border: 2px solid rgba(0, 33, 71, 0.2); line-height: 48px; } .btn-border-black:hover, .btn-border-black:focus { color: #fff; border: 2px solid var(--main-color); } .read-more-text { color: var(--heading-color); font-weight: 600; font-size: 14px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .read-more-text svg, .read-more-text i { font-size: 14px; } .read-more-text:after { content: ""; position: absolute; left: 0; bottom: -4px; background: #fb493d; height: 1px; width: 0%; -webkit-transition: 0.4s; transition: 0.4s; } .read-more-text:hover { color: #fb493d; } .read-more-text:hover:after { width: 100%; } .add-to-cart-btn { font-size: 14px; font-weight: 400; color: #fff; } .add-to-cart-btn:hover, .add-to-cart-btn.active, .add-to-cart-btn:focus { color: #fb493d; } .add-to-cart-btn span { margin-right: 20px; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } /*------------------------------------------------ ## Back Top ------------------------------------------------*/ .back-to-top { position: fixed; left: 35px; bottom: 60px; width: 40px; height: 40px; color: #fff; background: var(--main-color); background-position: center; background-size: cover; text-align: center; line-height: 40px; z-index: 99; font-size: 25px; cursor: pointer; display: none; -webkit-animation: backto-top-bounce 4s infinite ease-in-out; animation: backto-top-bounce 4s infinite ease-in-out; } @-webkit-keyframes backto-top-bounce { 0% { -webkit-transform: translateY(-4px); transform: translateY(-5px); } 50% { -webkit-transform: translateY(8px); transform: translateY(10px); } 100% { -webkit-transform: translateY(-4px); transform: translateY(-5px); } } @keyframes backto-top-bounce { 0% { -webkit-transform: translateY(-4px); transform: translateY(-5px); } 50% { -webkit-transform: translateY(8px); transform: translateY(10px); } 100% { -webkit-transform: translateY(-4px); transform: translateY(-5px); } } /*----------------------------------------- ## Owl carousel nav Css -------------------------------------------*/ .owl-carousel .owl-nav button { height: 60px; width: 60px; line-height: 58px; border-radius: 50%; background: #fff; border: 0; -webkit-box-shadow: 0px 8px 20px rgba(7, 36, 95, 0.15); box-shadow: 0px 8px 20px rgba(7, 36, 95, 0.15); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .owl-carousel .owl-nav button img { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .owl-carousel .owl-nav button:hover { background: var(--main-color); } .owl-carousel .owl-nav button:hover img { -webkit-filter: brightness(99); filter: brightness(99); } /*----------------------------------------- ## Preloader Css -------------------------------------------*/ .pre-wrap { position: fixed; content: ""; -webkit-transform: translate(-100%, -240%); transform: translate(-100%, -240%); font-size: 62px; } .preloader-inner { position: fixed; left: 0; top: 0; z-index: 999999999999; background-color: #030724; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .preloader-inner .cancel-preloader { position: absolute; bottom: 30px; right: 30px; } .preloader-inner .cancel-preloader a { background-color: #fff; font-weight: 600; text-transform: capitalize; color: var(--main-color); width: 200px; height: 50px; text-align: center; line-height: 50px; border-radius: 30px; display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .preloader-inner .cancel-preloader a:hover { background-color: var(--heading-color); color: #fff; } .spinner { margin: 120px auto; width: 60px; height: 60px; position: relative; text-align: center; -webkit-animation: sk-rotate 2s infinite linear; animation: sk-rotate 2s infinite linear; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: var(--main-color); border-radius: 100%; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .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); } } /*----------------------------------------- ## video ------------------------------------------*/ .video-thumb-wrap { position: relative; margin-top: 20px; } .video-thumb-wrap img { width: 100%; } .video-thumb-wrap .video-play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-play-btn { border-radius: 50%; background: var(--main-color); width: 60px; height: 60px; display: inline-block; line-height: 64px; position: relative; text-align: center; -webkit-animation: ripple-white3 2.5s linear infinite; animation: ripple-white3 2.5s linear infinite; z-index: 3; } .video-play-btn:after { z-index: -1; content: ""; position: absolute; width: 80px; height: 80px; border-radius: 50%; background: transparent; border: 1px solid var(--main-color); top: -10px; left: -10px; } .video-play-btn svg, .video-play-btn i { color: #fff; margin-left: 4px; font-size: 20px; } /*----------------------------------------- ## Breadcumb ------------------------------------------*/ .breadcrumb-area { padding: 110px 0 100px; position: relative; background-repeat: no-repeat; background-position: center bottom; } .breadcrumb-area .breadcrumb-inner { position: relative; z-index: 2; display: block; } .breadcrumb-area .page-title { font-weight: 800; font-size: 64px; line-height: 83px; margin-bottom: 0px; color: #fff; text-shadow: 0 0 3px #0f3065, 0 0 5px #0f3065; text-align: center; z-index: 999; } .breadcrumb-area .page-list { margin: 0; padding: 0; color: #fff; display: inline-block; } .breadcrumb-area .page-list li { font-weight: 400; font-size: 16px; line-height: 28px; list-style: none; display: inline-block; position: relative; color: #fff; } .breadcrumb-area .page-list li + li { padding-left: 23px; margin-left: 5px; } .breadcrumb-area .page-list li a { color: #fb493d; } .breadcrumb-area .page-list li:after { position: absolute; left: 0; top: 1px; content: "\f061"; color: #fb493d; font-family: "Font Awesome 5 Free"; font-weight: 700; } .breadcrumb-area .page-list li:first-child { padding-left: 0; } .breadcrumb-area .page-list li:first-child:after { display: none; } /********* social-media *********/ .social-media { padding: 0; margin: 0; position: relative; z-index: 2; } .social-media li { display: inline-block; margin: 0 4px; } .social-media li a { height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block; background: #fff; color: #3f517e; } .social-media li a:hover { color: #fff; background: var(--main-color); } .social-media li:first-child { margin-left: 0; } .social-media li:last-child { margin-right: 0; } .social-media.style-border li a { background: transparent; border: 1px solid #ffffff; color: #fff; } .social-media.style-border li a i, .social-media.style-border li a svg { margin-right: 0; } .social-media.style-border li a:hover { background: #7e90af; border-color: #7e90af; color: #fff; } /********* slider-control *********/ .slider-control-square .owl-nav button { height: 50px; width: 50px; line-height: 50px; margin: 0 8px; border-radius: 0; border: 1px solid var(--main-color); -webkit-transition: 0.4s; transition: 0.4s; -webkit-box-shadow: none; box-shadow: none; color: var(--main-color); background: transparent; font-size: 20px; padding: 0; cursor: pointer; } .slider-control-square .owl-nav button:hover { background: var(--main-color); color: #fff; } .slider-control-square .owl-nav .owl-prev { margin-left: 0; } .slider-control-square .owl-nav .owl-next { margin-left: 0; } /*-------------------------------------------------------------- # Globals --------------------------------------------------------------*/ .ratting-inner { color: #ffc107; } .bg-base { background: var(--main-color); } .bg-green { background: #1dc295; } .bg-blue { background: #2878eb; } .bg-red { background: #f14d5d; } .bg-gray { background: #1b1e26; } .bg-sky { background: #f9f9f9; } .bg-black { background: var(--heading-color); } .bg-light { background: #f7fafc; } .bg-relative { position: relative; } .bg-cover { background-size: cover !important; } .bg-overlay { position: relative; background-size: cover !important; background-position: center !important; z-index: 0; } .bg-overlay:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: rgba(8, 12, 36, 0.8); z-index: -1; } .bg-overlay .container { position: relative; z-index: 2; } .bg-overlay .bg-z-index { position: relative; z-index: 2; } .bg-overlay-2 { position: relative; background-size: cover !important; } .bg-overlay-2:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: rgba(3, 0, 12, 0.5); } .bg-overlay-2 .container { position: relative; z-index: 2; } .bg-overlay-2 .bg-z-index { position: relative; z-index: 2; } .bg-overlay-3 { position: relative; background-size: cover !important; background-position: center !important; z-index: 0; } .bg-overlay-3:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: rgba(8, 12, 36, 0.7); z-index: -1; } .bg-overlay-3 .container { position: relative; z-index: 2; } .bg-overlay-3 .bg-z-index { position: relative; z-index: 2; } .pd-top-20 { padding-top: 20px; } .pd-top-45 { padding-top: 45px; } .pd-top-60 { padding-top: 60px; } .pd-top-75 { padding-top: 75px; } .pd-top-90 { padding-top: 90px; } .pd-top-100 { padding-top: 100px; } .pd-top-105 { padding-top: 105px; } .pd-top-110 { padding-top: 110px; } .pd-top-115 { padding-top: 115px; } .pd-top-120 { padding-top: 120px; } .pd-top-240 { padding-top: 240px; } .mg-top-120 { margin-top: 120px; } .pd-bottom-5 { padding-bottom: 5px; } .pd-bottom-20 { padding-bottom: 20px; } .pd-bottom-45 { padding-bottom: 45px; } .pd-bottom-70 { padding-bottom: 70px; } .pd-bottom-80 { padding-bottom: 80px; } .pd-bottom-90 { padding-bottom: 90px; } .pd-bottom-100 { padding-bottom: 100px; } .pd-bottom-110 { padding-bottom: 110px; } .pd-bottom-115 { padding-bottom: 115px; } .pd-bottom-120 { padding-bottom: 120px; } .pd-bottom-180 { padding-bottom: 180px; } .pd-bottom-240 { padding-bottom: 240px; } .mt-20 { margin-top: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mt-45 { margin-top: 45px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-120 { margin-bottom: 120px; } .mrt-120 { margin-top: -120px; } .mrt-160 { margin-top: -160px; } .after-none:after { display: none !important; } /************ animate style ************/ .top_image_bounce { -webkit-animation: top-image-bounce 3s infinite ease-in-out; animation: top-image-bounce 3s infinite ease-in-out; } .left_image_bounce { -webkit-animation: left-image-bounce 3s infinite ease-in-out; animation: left-image-bounce 3s infinite ease-in-out; } .right_image_bounce { -webkit-animation: right-image-bounce 3s infinite ease-in-out; animation: right-image-bounce 3s infinite ease-in-out; } .spin_image { -webkit-animation: spin 3s infinite ease-in-out; animation: spin 3s infinite ease-in-out; } @-webkit-keyframes top-image-bounce { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(12px); transform: translateY(12px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes top-image-bounce { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(12px); transform: translateY(12px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes left-image-bounce { 0% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } } @keyframes left-image-bounce { 0% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: 50%; transform-origin: 50%; } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: 50%; transform-origin: 50%; } } @-webkit-keyframes ripple-white3 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } } @keyframes ripple-white3 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } } /*------------------------------------------------ ## Section title ------------------------------------------------*/ .section-title { margin-bottom: 40px; position: relative; } .prdpg .section-title { margin-bottom: 10px; position: relative; } .section-title .subtitle { font-weight: 600; font-size: 16px; color: var(--main-color); background: -webkit-gradient( linear, left top, left bottom, color-stop(15.22%, rgba(250, 67, 24, 0)), color-stop(33.76%, rgba(250, 67, 24, 0.0833333)), color-stop(58.49%, rgba(250, 67, 24, 0.23)), color-stop(79.25%, rgba(250, 67, 24, 0.39383)), to(#fa4318) ); background: linear-gradient( 180deg, rgba(250, 67, 24, 0) 15.22%, rgba(250, 67, 24, 0.0833333) 33.76%, rgba(250, 67, 24, 0.23) 58.49%, rgba(250, 67, 24, 0.39383) 79.25%, #fa4318 100% ); height: 46px; line-height: 46px; border-radius: 20px; display: inline-block; position: relative; z-index: 0; padding: 0 30px; margin-bottom: 19px; } .section-title .subtitle:after { content: ""; position: absolute; left: 0; top: 0; height: -webkit-fill-available; width: -webkit-fill-available; background: #fff; border-radius: 0 0 20px 20px; z-index: -1; margin: 0 2px 2px; } .section-title .subtitle.style-2 { background: url(../img/wcu/bg-subtitle.png); background-size: 100% 100%; background-position: bottom; background-repeat: no-repeat; } .section-title .subtitle.style-2:after { display: none; } .section-title .title { margin-bottom: 30px; margin-top: 10px; font-size: 45px; font-weight: 700; text-transform: uppercase; position: relative; z-index: 0; } h2.keywd { margin-bottom: 20px; margin-top: 10px; font-size: 28px; font-weight: 600; line-height: 1.15; z-index: 0; } .section-title .title2 { color: var(--heading-color); font-family: var(--heading-font); margin: 30px 0px 20px 0px; font-size: 31px; font-weight: 600; text-transform: uppercase; position: relative; z-index: 0; } .section-title .title2::after { content: ""; position: absolute; width: 100px; height: 3px; bottom: 0px; left: 0; background: linear-gradient( 90.09deg, #7e90af -7.63%, rgba(250, 67, 24, 0) 99.84% ); -webkit-transform: translate(0, 50%); transform: translate(0, 50%); z-index: -1; } .cta-inner-wrap .section-title .title { font-family: var(--heading-font); font-size: 44px; font-weight: 600; } .section-title .content { margin-top: 17px; margin-bottom: 0; } .section-title .content.left-line { border-left: 5px solid var(--main-color); padding-left: 50px; } .section-title .small-title { margin-top: 18px; line-height: 36px; } .sec-title.light h2 { color: #fff; } .section-title .btn { margin-top: 30px; margin-bottom: 30px; } .section-title.style-white .subtitle { color: #fff; } .section-title.style-white .title { color: #fff; } .section-title.style-white .content { color: #d6d6d6; } .section-title.style-white .small-title { color: #fff; } /*---------------------------------------------- # Nav bar ----------------------------------------------*/ .navct { position: fixed; top: 0; display: block; width: 100%; padding: 0px 10px; font-size: 15px; background-color: #f3f3f3; z-index: 9999; } .navct p { color: #0f3065; text-align: center; margin-bottom: 0px; } .navct p:hover { color: #000 !important; } .navbar-top { background: transparent; position: relative; margin-bottom: 68px; padding: 11px 0; } .navbar-top:after { content: ""; position: absolute; right: 0; top: 0; width: 68.7%; background: url(../img/shape/topbar-bg.png); background-position: 0 0px; background-size: 165% 100%; height: 100%; z-index: -1; } .navbar-top .nav-phone-wrap { background: url(../img/shape/nav-contact-bg.png); background-position: -38px 0px; background-size: 112% 100%; background-repeat: no-repeat; display: inline-block; position: absolute; top: 94px; color: #fff; padding: 12.5px 117px 9.5px 115px; left: -100px; font-family: var(--heading-font); font-size: 14px; font-family: var(--body-font); font-weight: 400; z-index: 999; } .navbar-top .nav-phone-wrap i, .navbar-top .nav-phone-wrap svg { margin-right: 5px; } .navbar-top .logo { position: absolute; left: -95px; top: 0; width: 525px; } .navbar-top .logo .main-logo { display: inline-block; } .navbar-top ul { margin: 0; padding: 0; list-style: none; } .navbar-top ul.topbar-left { margin-left: 365px; } .navbar-top ul.topbar-left li + li { margin-left: 11px; } .navbar-top ul.topbar-left li i, .navbar-top ul.topbar-left li svg { margin-right: 7px; color: var(--main-color); } .navbar-top ul.topbar-right li + li { margin-left: 17px; } .navbar-top ul li { display: inline-block; color: #fff; font-size: 14px; font-weight: 400; } .navbar-top ul li a { color: #fff; } .navbar-top ul li a:hover { color: #fff; } .navbar-area { z-index: 99; position: absolute; width: 100%; } .navbar-area .nav-container { background-color: transparent; padding: 17px 0px; -webkit-transition: all 0.4s; transition: all 0.4s; } .navbar-area .nav-container .btn-transparent { font-size: 13px; font-weight: 700; } .navbar-area .nav-container .navbar-collapse .navbar-nav { display: block; width: 100%; text-align: left; } .navbar-area .nav-container .navbar-collapse .navbar-nav li { display: inline-block; font-weight: 500; line-height: 50px; text-transform: capitalize; } .navbar-area .nav-container .navbar-collapse .navbar-nav li a { color: #fff; font-weight: 600; font-size: 15px; font-family: var(--body-font); text-transform: uppercase; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.active a { /* color: #7e90af; */ color: #96a7f5; } .navbar-area .nav-container .navbar-collapse .navbar-nav li:hover a { /* color: #4b4e5c; */ color: #96a7f5; } .navbar-area .nav-container .navbar-collapse .navbar-nav li + li { margin-left: 5px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children { position: relative; z-index: 0; } /* .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:after { content: ""; position: absolute; right: -1px; top: 26px; height: 2px; width: 10px; background: var(--heading-color); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: -1; } */ /* .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before { content: ""; position: absolute; right: 3px; top: 50%; height: 10px; width: 2px; background: var(--heading-color); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; margin-top: 1px; z-index: -1; } */ .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:before { opacity: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:after { background: var(--main-color); } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu { position: absolute; text-align: left; min-width: 210px; margin: 0; padding: 0; list-style: none; left: 0; top: 100%; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); background-color: #fff; z-index: 9; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.border-bt0 { border-bottom: 0px !important; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li { display: block; margin-left: 0; line-height: 22px; font-size: 15px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-bottom: 1px solid #f5f5f5; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { display: block; padding: 8px 20px; white-space: nowrap; -webkit-transition: all 0.3s; transition: all 0.3s; color: #414a4c; font-size: 14px; font-weight: 500; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.active { background: #353839; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.active a { color: #7e90af !important; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover { background: #353839; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a { color: #fff; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a:before { visibility: visible; opacity: 1; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child { border-bottom: 0; } .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: 0px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu { left: 100%; top: 20px; } .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%; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; } .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 { color: #fff; } .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child { margin-right: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav > li { margin-right: 7px; } .navbar-area-1 { padding: 0; top: 60px; } .navbar-area-1 .nav-container { padding: 7px 0px 27px; } .navbar-area-1 .nav-container .navbar-collapse .navbar-nav { padding-left: 300px; } .navbar-area-1:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 78.5%; z-index: -1; } .navbar-area-1 .logo { display: none; } .navbar-area-1 .logo a { font-weight: 700; font-size: 24px; color: #fff; } .navbar-area-1 .logo a img { height: auto; } .navbar-area-2 { padding: 0; } /* .navbar-area-2:after { content: ""; position: absolute; right: 0; top: 0; background: url(../img/shape/nav-bar-2.png); height: 100%; width: 70%; z-index: -1; background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat; } */ .navbar-area-2 .logo { position: absolute; left: -70px; top: -22px; } .navbar-area-2 .logo .logo-2 { display: none; } .navbar-area-2 .nav-container { padding: 48px 0px 20px; } .navbar-area-2.sticky-active .nav-container .logo { position: initial; } .navbar-area-2.sticky-active .nav-container .logo .logo-1 { display: none; } .navbar-area-2.sticky-active .nav-container .logo .logo-2 { display: block; width: 150%; } .sticky-active { -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 10px 20px 0 rgba(46, 56, 220, 0.05); box-shadow: 0 10px 20px 0 rgba(46, 56, 220, 0.05); background: #fff; } .sticky-active .nav-container { padding: 7px 12px; } .sticky-active .nav-container .logo { display: block; width: 150px; } .sticky-active .nav-container .navbar-collapse .navbar-nav { padding-left: 0; text-align: end; } .sticky-active .navbar-nav li a { color: #4b4e5c !important; } .sticky-active .navbar-nav li a:hover { color: #96a7f5 !important; } .sticky-active.navbar-area-2:after { display: none; } .navbar-nav { opacity: 0; margin-right: -30px; visibility: hidden; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu-open { opacity: 1; margin-right: 0; visibility: visible; } .bar1 { width: 32px; height: 2px; margin-bottom: 5px; position: absolute; background: #fff; z-index: 9999; top: 10px; right: -5px; } .bar2 { width: 24px; height: 2px; margin-bottom: 5px; position: absolute; background: #fff; z-index: 9999; top: 17px; right: -5px; } .bar3 { width: 18px; height: 2px; margin-bottom: 5px; position: absolute; background: #fff; z-index: 9999; top: 24px; right: -5px; } .responsive-mobile-menu button:focus { outline: none; border: none; } /**************** nav-right-part *************/ .nav-right-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-right-part .btn { color: #fff; padding: 0 9px; margin-top: 5px; margin-bottom: 5px; } .nav-right-part a { margin-left: 12px; color: var(--heading-color); display: inline-block; } .nav-right-part .cart-btn { position: relative; } .nav-right-part .cart-btn span { position: absolute; right: -10px; top: -5px; height: 22px; width: 22px; border-radius: 50%; background: #fb493d; text-align: center; font-size: 13px; line-height: 22px; } .nav-right-part .menu-bar { background: #fff; border-radius: 50px; height: 50px; width: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 42px; } .nav-right-part-mobile { display: none; } /**************** sidebar-menu *************/ .sidebar-menu { width: 0; position: fixed; right: 0; top: 0; height: 100vh; background-color: #fff; z-index: 999; overflow-y: auto; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; visibility: hidden; } .sidebar-menu .sidebar-inner { position: relative; top: 150px; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; padding: 50px 40px; } .sidebar-menu .sidebar-inner .thumb { margin-bottom: 15px; } .sidebar-menu .sidebar-inner p { margin-bottom: 28px; } .sidebar-menu .sidebar-inner .sidebar-address { margin-bottom: 35px; } .sidebar-menu .sidebar-inner .sidebar-address ul { margin: 0; padding: 0; } .sidebar-menu .sidebar-inner .sidebar-address ul li { list-style: none; margin-bottom: 4px; } .sidebar-menu .sidebar-inner .sidebar-address ul li:last-child { margin-bottom: 0; } .sidebar-menu .sidebar-inner .sidebar-address ul li i { margin-right: 6px; width: 25px; } .sidebar-menu .sidebar-inner .sidebar-subscribe { position: relative; margin-bottom: 40px; } .sidebar-menu .sidebar-inner .sidebar-subscribe input { width: 100%; border: 1px solid #d6dadf; height: 42px; padding: 0 45px 0 12px; } .sidebar-menu .sidebar-inner .sidebar-subscribe button { position: absolute; right: 0; top: 0; height: 42px; width: 42px; background: #97b3d0; -webkit-transition: 0.4s; transition: 0.4s; border: 0; color: var(--heading-color); cursor: pointer; } .sidebar-menu .sidebar-inner .sidebar-subscribe button:hover { background: var(--main-color); color: #fff; } .sidebar-menu .sidebar-inner .social-media li a { background: #ced4da; } .sidebar-menu .sidebar-inner .social-media li a:hover { background: var(--main-color); color: #fff; } .sidebar-menu .sidebar-menu-close { background-color: #043381; border: 0; position: absolute; top: 0; right: 0; color: #fff; width: 50px; height: 50px; line-height: 50px; cursor: pointer; z-index: 999; } .sidebar-menu.active { width: 360px; opacity: 1; visibility: visible; } .sidebar-menu.active .sidebar-inner { top: 0; opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease-out 0.8s; transition: all 0.7s ease-out 0.8s; } @media only screen and (max-width: 991px) { .navbar-area .nav-container { padding: 15px; } .nav-right-part { margin-right: 50px; } .nav-right-part .btn .right { padding-left: 5px; font-size: 13px; } .navbar-area .nav-container .navbar-collapse .navbar-nav > li { margin-right: 0; padding-right: 0; } .navbar-area .nav-container { position: relative; z-index: 0; } .navbar-area .nav-container .navbar-toggler { padding: 0px; } .navbar-area .nav-container .navbar-collapse { margin-top: 13px; } .navbar-area .nav-container .navbar-collapse .navbar-nav { display: block; margin-top: 20px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li { display: block; text-align: left; line-height: 30px; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .navbar-area .nav-container .navbar-collapse .navbar-nav li a { display: block; } .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: 26px; right: 3px !important; } .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; height: auto; overflow: hidden; max-height: 250px; overflow-y: scroll; background-color: transparent; border-radius: 10px; padding: 0px; border-bottom: none; display: none; -webkit-transition: none; transition: none; visibility: visible; opacity: 1; } .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; } } .sopen { display: block; } .footer-area a:hover { color: #7e90af; } .toggle-btn { left: auto; right: -10px; position: absolute; top: 10px; width: 40px; height: 40px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; border: 0; background: transparent; } .toggle-btn .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 2px; width: 11px; top: 18px; background-color: #fff; left: 7px; } .toggle-btn .icon-left:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 11px; height: 2px; background-color: #fff; content: ""; top: -7px; left: 0; } .toggle-btn .icon-left:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 11px; height: 2px; background-color: #fff; content: ""; top: 7px; left: 0; } .toggle-btn .icon-left:hover { cursor: pointer; } .toggle-btn .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 2px; width: 11px; top: 18px; background-color: #fff; left: 18px; } .toggle-btn .icon-right:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 11px; height: 2px; background-color: #fff; content: ""; top: -7px; left: 0; } .toggle-btn .icon-right:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 11px; height: 2px; background-color: #fff; content: ""; top: 7px; left: 0; } .toggle-btn .icon-right:hover { cursor: pointer; } .toggle-btn.open .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .toggle-btn.open .icon-left:before { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 1px); transform: rotateZ(45deg) scaleX(1.4) translate(2px, 1px); } .toggle-btn.open .icon-left:after { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -1px); transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -1px); } .toggle-btn.open .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .toggle-btn.open .icon-right:before { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 1px); transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 1px); } .toggle-btn.open .icon-right:after { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -1px); transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -1px); } .toggle-btn:hover { cursor: pointer; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .navbar-area .nav-container .navbar-collapse .navbar-nav li { font-size: 16px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li + li { margin-left: 5px; } .navbar-nav li { padding-right: 9px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-area .nav-container .navbar-collapse .navbar-nav li { font-size: 14px; } .navbar-area .nav-container .navbar-collapse.sopen { display: block; } .navbar-area .nav-container .navbar-collapse .navbar-nav li { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1199px) { .margin-xlt-80 { margin-top: 0px; } .contact-widget .contact_info_list li.single-info-item .details { padding-left: 25px; } } @media only screen and (max-width: 991px) { .navbar-area .logo { padding-top: 0px !important; } .widget ul { text-align: left; } .navbar-collapse { background: #fff; margin-top: 0px; width: 100%; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before { right: 20px; } .navbar-area .nav-container .navbar-collapse .navbar-nav { margin-bottom: 20px; } .navbar-area { padding-bottom: 0px; } .bar1, .bar2, .bar3 { background: #fff; } .party-box-wrapper { padding: 50px 0px; } .party-box-wrapper .party-box-content h4 { font-size: 30px; line-height: 45px; } .footer-area .copyright-area-inner { padding: 20px; } .navbar-expand-lg .navbar-collapse { margin-top: 0px; } .contact-widget .contact_info_list li.single-info-item .details { padding-left: 25px; } .footer-area .footer-top .widget.widget_nav_menu ul li a { font-size: 14px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu { padding: 0 0 0 20px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { padding: 12px 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child a { padding-bottom: 3px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover i { opacity: 0; margin-right: -18px; } .nav-right-part-mobile { display: block; } .nav-right-part-desktop { display: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover { background: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li a { color: #333333; padding-left: 20px; } } /* Tablet Layout wide: 767px. */ @media only screen and (max-width: 767px) { .logo-wrapper.mobile-logo { display: block; width: 100%; } .responsive-mobile-menu { display: block; width: 100%; position: relative; } .responsive-mobile-menu .navbar-toggler { position: absolute; left: calc(100% - 130px); top: 10px; } .table-responsive { display: block !important; } .btn-custom-default, .btn-custom-white { font-size: 14px; line-height: 33px; padding: 6px 20px; } .navbar-area .logo { padding-top: 0px !important; } } /* medium tablet layout 599px */ @media only screen and (max-width: 575px) { .navbar-area .logo { padding-top: 10px; } .widget.footer-widget .subscribe-form.subscribe-form-style2 .form-control { padding: 15px 20px; } .widget.footer-widget .subscribe-form.subscribe-form-style2 .btn { padding: 15px 20px; } .search-popup .search-form { min-width: 350px; } } @media only screen and (max-width: 375px) { .btn-custom-default, .btn-custom-white { padding: 5px 18px; } .search-popup .search-form .form-group .form-control, .search-popup .search-form .submit-btn { height: 45px; } .search-popup .search-form { min-width: 300px; } } @media only screen and (max-width: 320px) { .search-popup .search-form { min-width: 265px; } .responsive-mobile-menu .navbar-toggler { left: calc(100% - 95px); } } /*---------------------------------------- ## Search Popup ----------------------------------------*/ .td-search-popup.active .search-form { visibility: visible; opacity: 1; width: 40%; } .td-search-popup .search-form { width: 35%; position: absolute; position: fixed; top: 50%; left: 50%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; } .td-search-popup .search-form .form-group .form-control { border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; height: 54px; padding: 0 75px 0 25px; background: #f7f9fb; } .td-search-popup .search-form .form-group .form-control:hover, .td-search-popup .search-form .form-group .form-control:focus, .td-search-popup .search-form .form-group .form-control:active { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .td-search-popup .search-form .submit-btn { position: absolute; right: 0; top: 0; width: 60px; height: 54px; border: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #ffffff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding: 0; text-align: center; cursor: pointer; background: var(--main-color); } .td-search-popup .search-form .submit-btn:hover, .td-search-popup .search-form .submit-btn:focus, .td-search-popup .search-form .submit-btn:active { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .body-overlay { position: fixed; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.95); z-index: 999; content: ""; left: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; } .body-overlay.active { visibility: visible; opacity: 0.97; } .mfp-zoom-in .mfp-content { opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(0.7); transform: scale(0.7); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .mfp-zoom-in.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.7; } .mfp-zoom-in.mfp-removing .mfp-content { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /************ single-inpur-inner ************/ .single-input-inner { margin-bottom: 24px; position: relative; } .single-input-inner label { font-weight: 400; font-size: 14px; color: var(--paragraph-color); margin-bottom: 0px; position: absolute; top: 0; left: 20px; height: 60px; line-height: 60px; } .single-input-inner input { width: 100%; height: 60px; border: 0; border-radius: 0px; padding: 0 40px; font-size: 14px; background: rgba(8, 12, 36, 0.06); color: var(--paragraph-color); } .single-input-inner input::-webkit-input-placeholder { color: var(--paragraph-color); } .single-input-inner input::-moz-placeholder { color: var(--paragraph-color); } .single-input-inner input:-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner input::-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner input::placeholder { color: var(--paragraph-color); } .single-input-inner input:active, .single-input-inner input:focus, .single-input-inner input:hover { border: 0; } .single-input-inner textarea { width: 100%; border: 0; height: 160px; border-radius: 0px; padding: 17px 40px; background: rgba(8, 12, 36, 0.06); color: var(--paragraph-color); margin-bottom: -8px; } .single-input-inner textarea::-webkit-input-placeholder { color: var(--paragraph-color); } .single-input-inner textarea::-moz-placeholder { color: var(--paragraph-color); } .single-input-inner textarea:-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner textarea::-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner textarea::placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input { border: 1px solid #d6d6d6 !important; background: transparent; height: 55px; padding: 0 20px; } .single-input-inner.style-border input::-webkit-input-placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input::-moz-placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input:-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input::-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input::placeholder { color: var(--paragraph-color); } .single-input-inner.style-border textarea { border: 1px solid rgba(234, 225, 214, 0.6) !important; } .single-input-inner.style-border textarea::-webkit-input-placeholder { color: #bbbbbb; } .single-input-inner.style-border textarea::-moz-placeholder { color: #bbbbbb; } .single-input-inner.style-border textarea:-ms-input-placeholder { color: #bbbbbb; } .single-input-inner.style-border textarea::-ms-input-placeholder { color: #bbbbbb; } .single-input-inner.style-border textarea::placeholder { color: #bbbbbb; } .single-input-inner.style-bg input { background: #f5f6f6; } .single-input-inner.style-bg input::-webkit-input-placeholder { color: #3f517e; } .single-input-inner.style-bg input::-moz-placeholder { color: #3f517e; } .single-input-inner.style-bg input:-ms-input-placeholder { color: #3f517e; } .single-input-inner.style-bg input::-ms-input-placeholder { color: #3f517e; } .single-input-inner.style-bg input::placeholder { color: #3f517e; } .single-input-inner.style-bg textarea { background: #f5f6f6; } .single-input-inner.style-bg textarea::-webkit-input-placeholder { color: #3f517e; } .single-input-inner.style-bg textarea::-moz-placeholder { color: #3f517e; } .single-input-inner.style-bg textarea:-ms-input-placeholder { color: #3f517e; } .single-input-inner.style-bg textarea::-ms-input-placeholder { color: #3f517e; } .single-input-inner.style-bg textarea::placeholder { color: #3f517e; } .single-select-inner { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .single-select-inner label { font-weight: 400; font-size: 14px; color: var(--paragraph-color); margin-bottom: 0px; position: absolute; top: 0; left: 20px; height: 60px; line-height: 60px; } .single-select-inner .single-select { width: 100%; height: 60px; line-height: 60px; border: 0 !important; border-radius: 0px; font-size: 14px; color: var(--paragraph-color); background: rgba(8, 12, 36, 0.06); padding: 0 30px 0 40px; } .single-select-inner .single-select::-webkit-input-placeholder { color: var(--paragraph-color); } .single-select-inner .single-select::-moz-placeholder { color: var(--paragraph-color); } .single-select-inner .single-select:-ms-input-placeholder { color: var(--paragraph-color); } .single-select-inner .single-select::-ms-input-placeholder { color: var(--paragraph-color); } .single-select-inner .single-select::placeholder { color: var(--paragraph-color); } .single-select-inner .single-select:after { right: 20px; height: 7px; width: 7px; border-color: var(--paragraph-color); } .single-select-inner .single-select .list { width: 100%; } .single-select-inner.style-border .single-select { border: 1px solid #d6d6d6 !important; background: transparent; height: 55px; line-height: 55px; padding: 0 20px; } .single-select-inner.style-bg .single-select { background: #f7fafc; } .single-select-inner.style-bg .single-select::-webkit-input-placeholder { color: #3f517e; } .single-select-inner.style-bg .single-select::-moz-placeholder { color: #3f517e; } .single-select-inner.style-bg .single-select:-ms-input-placeholder { color: #3f517e; } .single-select-inner.style-bg .single-select::-ms-input-placeholder { color: #3f517e; } .single-select-inner.style-bg .single-select::placeholder { color: #3f517e; } .single-check-wrap { font-size: 14px; margin: 0; line-height: 26px; } .single-check-wrap .form-check-input { border-radius: 0; border: 1px solid #d6d6d6; outline: 0; -webkit-box-shadow: none; box-shadow: none; position: relative; height: 20px; width: 20px; } .single-check-wrap .form-check-input:after { content: ""; position: absolute; left: 5px; top: 5px; height: 8px; width: 8px; background: var(--main-color); opacity: 0; z-index: 1; } .single-check-wrap .form-check-input:checked[type="checkbox"] { background: transparent; } .single-check-wrap .form-check-input:checked[type="checkbox"]::after { opacity: 1; } .single-check-wrap label { margin-left: 10px; } .booking-form { margin-top: -120px; z-index: 2; position: relative; } .booking-form-inner { padding: 45px 50px 30px; border-radius: 7px; background-size: cover; } .booking-form-inner h3 { color: #fff; margin-bottom: 2px; } .booking-form-inner p { color: #fff; margin-bottom: 30px; } /*---------------------------------------------- ## Banner ----------------------------------------------*/ .banner-inner { position: relative; z-index: 2; } .banner-inner .title { font-weight: 600; margin-top: 38px; } .banner-inner .content { margin-top: 11px; margin-bottom: 0; font-weight: 600; font-size: 16px; } .banner-inner .btn-wrap { margin-top: 35px; } .banner-inner.style-white .title { color: #fff; text-transform: uppercase; } .banner-inner.style-white .content { color: #f4e0c7; } /* ******* */ .shape { position: relative; bottom: 0; } .shape .shape-5 { width: 100%; height: 240px; clip-path: polygon( 74% 65%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 90%, 27% 50% ); } .shape .shape-4 { width: 100%; height: 240px; background: #fff; clip-path: polygon( 75% 75%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 27% 50% ); } .shape .shape-5 { background: #0f3065; } .z_2 { z-index: 2; } .l_0 { left: 0; } .b_0 { bottom: 0; } .p_absolute { position: absolute; } /* ******* */ .banner-area-1 .item { position: relative; background-size: cover !important; background-position: center !important; z-index: 1; } .banner-area-1 video { position: absolute; top: 0; left: 0; width: 100%; height: 125%; object-fit: cover; } .banner-area-1 .item:after { content: ""; background: -webkit-gradient( linear, left top, right top, color-stop(14.27%, rgba(8, 12, 36, 0.811263)), color-stop(29.06%, rgba(8, 12, 36, 0.16789)), color-stop(41.25%, rgba(8, 12, 36, 0.105506)), color-stop(51.56%, rgba(8, 12, 36, 0.132149)), color-stop(57.4%, rgba(8, 12, 36, 0.111263)), color-stop(82.4%, rgba(8, 12, 36, 0)) ); background: linear-gradient( 90deg, rgba(8, 12, 36, 0.811263) 14.27%, rgba(8, 12, 36, 0.16789) 29.06%, rgba(8, 12, 36, 0.105506) 41.25%, rgba(8, 12, 36, 0.132149) 51.56%, rgba(8, 12, 36, 0.111263) 57.4%, rgba(8, 12, 36, 0) 82.4% ); position: absolute; left: 0; top: 0; height: 100%; width: 120%; z-index: -1; } .banner-area-1 .item video { width: 100%; margin-left: 20px; position: relative; top: 32%; border: 4px solid #fff; } .banner-area-1 { overflow: hidden; } .banner-area-1 .banner-inner { padding: 255px 0 320px; position: relative; } /* .banner-area-1 .banner-inner:after { position: absolute; content: ""; left: 0; top: 50%; -webkit-transform: translate(-100%, -40%); transform: translate(-100%, -40%); background: rgba(255, 255, 255, 0.07); height: 432px; width: 432px; border-radius: 50%; z-index: 1; } */ /* .banner-area-1 .banner-inner:before { position: absolute; content: ""; left: 0; top: 50%; -webkit-transform: translate(-100%, -40%); transform: translate(-100%, -40%); background: rgba(255, 255, 255, 0.07); height: 432px; width: 432px; border-radius: 50%; margin-top: 30px; z-index: 2; } */ .banner-area-1 .banner-inner .btn-wrap .btn-base { margin-right: 28px; } .banner-area-1 .banner-slider .owl-nav { position: absolute; left: 10px; top: 42%; z-index: 9; display: none; } .banner-area-1 .banner-slider .owl-nav button { display: block; } .banner-area-1 .banner-slider .owl-nav button.owl-prev { margin-bottom: 10px; } .banner-area-2 .banner-inner { padding: 343px 0 365px; position: relative; } .banner-area-2 .banner-inner .btn-wrap .btn-base { margin-right: 28px; } .banner-area-2 .banner-slider .owl-nav { position: absolute; left: 10px; top: 50%; z-index: 9; } .banner-area-2 .banner-slider .owl-nav button { display: block; } .banner-area-2 .banner-slider .owl-nav button.owl-prev { margin-bottom: 10px; } .banner-slider .owl-item.active .b-animate-1 { -webkit-animation: 2.5s 0.1s fadeInLeft both; animation: 2.5s 0.1s fadeInLeft both; } .banner-slider .owl-item.active .b-animate-2 { -webkit-animation: 2.5s 0.2s fadeInLeft both; animation: 2.5s 0.2s fadeInLeft both; } .banner-slider .owl-item.active .b-animate-3 { -webkit-animation: 2.5s 0.6s fadeInLeft both; animation: 2.5s 0.6s fadeInLeft both; } .banner-slider .owl-item.active .b-animate-4 { -webkit-animation: 2.5s 0.8s fadeInLeft both; animation: 2.5s 0.8s fadeInLeft both; } .banner-slider .owl-item.active .b-animate-5 { -webkit-animation: 2.5s 0.9s fadeInLeft both; animation: 2.5s 0.9s fadeInLeft both; } /************** feature-wrap ***************/ .feature-area { background: #ffffff; -webkit-box-shadow: 0px 4px 50px rgba(0, 35, 90, 0.1); box-shadow: 0px 4px 50px rgba(0, 35, 90, 0.1); border-radius: 20px; padding: 40px; position: relative; top: -210px; z-index: 2; } .feature-area .feature-slider { padding-top: 0px; margin-top: -20px; } .feature-wrap { padding: 30px 40px 10px; border-radius: 10px; } .feature-wrap.bg-pink { background: rgba(250, 67, 24, 0.1); } .feature-wrap.bg-ash { background: rgba(8, 12, 36, 0.1); } .feature-wrap.bg-sky { background: rgba(0, 133, 239, 0.1); } .feature-wrap .icon { background: var(--main-color); height: 60px; width: 60px; line-height: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; position: relative; margin: 5px 0 22px 5px; } .feature-wrap .icon:after { position: absolute; content: ""; left: -5px; top: -5px; background: var(--heading-color); height: 60px; border-radius: 50%; width: 60px; z-index: -1; } .feature-wrap .icon img { margin: auto; width: auto; } .icon2 img { padding: 0 40px; margin-bottom: -18px; } .feature-wrap p { margin-top: 12px; margin-bottom: 0; } .feature-slider .owl-nav { position: absolute; right: 0; top: -128px; } .feature-slider .owl-nav .owl-prev { margin-right: 10px; } /************** about-thumb-wrap ***************/ .about-area { margin-top: -140px; } .about-area-2 .about-inner-wrap { margin-right: 64px; } .about-area-2 .about-thumb-wrap .img-1 { top: 0; right: 0; left: auto; bottom: auto; } .about-area-2 .about-thumb-wrap .img-2 { margin-left: -58px; } .about-area-2 .about-thumb-wrap .img-3 { margin-left: -168px; margin-bottom: -73px; } .about-area-2 .about-thumb-wrap .exprience-wrap { right: auto; top: auto; bottom: -88px; left: -56px; } .about-thumb-wrap { position: relative; } .about-thumb-wrap .img-1 { position: absolute; left: -39px; bottom: 140px; z-index: -1; } .about-thumb-wrap .img-3 { margin-left: 240px; margin-top: -55px; vertical-align: bottom; } .about-thumb-wrap .exprience-wrap { display: inline-block; text-align: center; position: absolute; right: -20px; top: 17px; } .about-thumb-wrap .exprience-wrap img { margin-bottom: -15px; } .about-thumb-wrap .exprience-wrap .details { background: url(../img/about/shape-2.png); background-size: cover; padding: 45px 30px; background-position: center; } .about-thumb-wrap .exprience-wrap .details h2 { font-size: 64px; font-weight: 900; color: var(--main-color); margin-bottom: 0; line-height: 83px; } .about-thumb-wrap .exprience-wrap .details p { font-weight: 600; color: var(--heading-color); line-height: 19px; } .details p b { color: #fff; font-size: 18px; font-weight: 600; } .section-title p { font-family: var(--body-font); } .cta-inner-wrap a.btn { width: 160px; display: block; margin: 0 auto; } .about-inner-wrap { margin-left: 10px; } .about-inner-wrap .section-title .content { margin-top: 10px; padding-left: 10px; font-size: 20px; font-weight: 500; color: var(--heading-color); line-height: 30px; margin-bottom: 10px; } .about-inner-wrap .btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; } .about-inner-wrap .btn-wrap .btn { margin-top: 0; } .about-inner-wrap .btn-wrap .author-wrap { margin: 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-inner-wrap .btn-wrap .author-wrap img { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 20px; } .about-inner-wrap .btn-wrap .author-wrap p { margin-bottom: 0; margin-top: 4px; font-size: 14px; font-weight: 500; color: #4d5765; } .about-inner-wrap .btn-wrap .video-wrap { font-weight: 600; font-size: 16px; line-height: 19px; color: var(--heading-color); margin-left: 100px; } .about-inner-wrap .btn-wrap .video-wrap span { margin-left: 10px; text-decoration: underline; } .about-inner-wrap .btn-wrap .video-wrap .video-play-btn { height: 45px; width: 45px; line-height: 45px; } .about-inner-wrap .btn-wrap .video-wrap .video-play-btn:after { height: 55px; width: 55px; top: -5px; left: -5px; border: 0; background: rgba(250, 67, 24, 0.3); } .about-inner-wrap .btn-wrap .video-wrap .video-play-btn i, .about-inner-wrap .btn-wrap .video-wrap .video-play-btn svg { font-size: 14px; margin-left: 2px; } .single-about-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 9px; } .single-about-wrap .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 15px; } .single-about-wrap h6 { font-weight: 700; font-size: 20px; line-height: 30px; margin-bottom: 0; } .list-inner-wrap { margin: 0; padding: 0; } .list-inner-wrap li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--heading-color); font-weight: 600; font-size: 14px; /* line-height: 40px; */ padding: 5px 0; } .list-inner-wrap li + li { margin-top: 2px; } .list-inner-wrap li img, .list-inner-wrap li i, .list-inner-wrap li svg { margin-right: 8px; } /** funfact-style-two **/ .funfact-style-two { margin: 100px 0px 170px 0px; } .funfact-style-two .inner-container { position: relative; margin: 0px 15px; margin-bottom: -130px; z-index: 1; } .funfact-style-two .counter-block { padding: 0px; } .counter-block-two .inner-box { position: relative; display: block; background: #e6e6e9; padding: 50px 30px 53px 30px; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.12); } .counter-block-two .inner-box:before { position: absolute; content: ""; background: #e6e6e9; width: 100%; height: 23px; left: 0px; top: -22px; clip-path: polygon( 0% 0%, 100% 100%, 65% 0%, 25% 25%, 100% 100%, 0% 100%, 0% 100%, 0% 0% ); } .counter-block-two .inner-box:after { position: absolute; content: ""; background: #e6e6e9; width: 100%; height: 23px; left: 0px; bottom: -23px; clip-path: polygon( 0% 0%, 100% 100%, 65% 0%, 25% 25%, 100% 100%, 0% 100%, 0% 100%, 0% 0% ); transform: rotate(180deg); } .counter-block:first-child .counter-block-two .inner-box { } .counter-block:nth-child(3) .counter-block-two .inner-box { background: #353839; } .counter-block:nth-child(3) .counter-block-two .inner-box:before { background: #353839; } .counter-block:nth-child(2) .counter-block-two .inner-box:before, .counter-block:last-child .counter-block-two .inner-box:before { transform: rotateY(180deg); clip-path: polygon( 0% 0%, 100% 100%, 65% 0%, 25% 25%, 100% 100%, 0% 100%, 0% 100%, 0% 0% ); } .counter-block:nth-child(2) .counter-block-two .inner-box:after, .counter-block:last-child .counter-block-two .inner-box:after { transform: rotateX(180deg); clip-path: polygon( 0% 0%, 100% 100%, 65% 0%, 25% 25%, 100% 100%, 0% 100%, 0% 100%, 0% 0% ); } .counter-block:nth-child(3) .counter-block-two .inner-box:after { background: #353839; } .counter-block:first-child .counter-block-two .inner-box .count-outer, .counter-block:first-child .counter-block-two .inner-box p, .counter-block:nth-child(3) .counter-block-two .inner-box .count-outer, .counter-block:nth-child(3) .counter-block-two .inner-box p { color: #fff; } .counter-block:first-child .counter-block-two .inner-box .icon-box, .counter-block:nth-child(3) .counter-block-two .inner-box .icon-box { color: rgba(255, 255, 255, 0.1); } .counter-block-two .inner-box .icon-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 120px; } .counter-block-two .inner-box .count-outer { position: relative; display: block; font-size: 60px; line-height: 60px; color: #141417; font-weight: 800; text-transform: uppercase; margin-bottom: 8px; } .counter-block-two .inner-box p { font-size: 27px; font-family: var(--heading-font); font-weight: 500; color: #141417; } .centred { text-align: center; } .counter-block:first-child .counter-block-two .inner-box { background: #0f3065; } .counter-block:first-child .counter-block-two .inner-box:before { background: #0f3065; } .counter-block:first-child .counter-block-two .inner-box:after { background: #0f3065; } .counter-block:nth-child(2) .counter-block-two .inner-box .icon-box { opacity: 0.1; } .counter-block:nth-child(4) .counter-block-two .inner-box .icon-box { opacity: 0.1; } /*******why-choose-us-area********/ .wcu-area { padding: 80px 0 87px; } .wcu-area .img-1 { position: absolute; top: 69px; left: 37px; } .wcu-area .img-2 { position: absolute; bottom: -28px; right: 0; } .wcu-area-2 { background-repeat: no-repeat; background-size: cover; background-position: center; padding-bottom: 168px; } .single-wcu-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .single-wcu-wrap .icon { position: relative; width: 30px; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 5px 0 0 5px; z-index: 0; margin-right: 15px; } .single-wcu-wrap .icon:after { content: ""; position: absolute; left: 0; top: 0; background: transparent; height: 30px; width: 30px; border: 1px solid var(--main-color); border-radius: 50%; z-index: -1; } .single-wcu-wrap .details h6 { color: #fff; font-size: 20px; line-height: 26px; margin-bottom: 10px; text-transform: uppercase; } .single-wcu-wrap .details p { color: #d6d6d6; font-size: 16px; font-weight: 600; line-height: 13px; margin-top: 9px; } .single-wcu-wrap.style-2 .icon { height: 50px; width: 50px; background: var(--main-color); border-radius: 50%; line-height: 50px; text-align: center; z-index: 1; padding: 0; margin-top: 10px; } .single-wcu-wrap.style-2 .icon:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: var(--main-color); z-index: -1; border: 0; border-radius: 50%; } .single-wcu-wrap.style-2 .icon:after { background: #fff; z-index: -2; top: -5px; left: -5px; border: 0; } /*****fact-counter-area******/ .fact-area .fact-counter-area { -webkit-transform: translate(0px, -120px); transform: translate(0px, -120px); margin-bottom: -120px; } .fact-counter-area { border-top: 5px solid var(--main-color); padding: 39px 45px 11px; -webkit-transform: translate(0px, -114px); transform: translate(0px, -114px); margin-bottom: -114px; } .single-fact-wrap { position: relative; margin-bottom: 30px; padding-left: 15px; } .single-fact-wrap:after { content: ""; position: absolute; right: -15px; top: 50%; height: 140px; width: 4px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: var(--main-color); } .single-fact-wrap h2 { color: var(--main-color); font-weight: 700; font-size: 44px; line-height: 57px; margin-bottom: 8px; } .single-fact-wrap h5 { line-height: 31px; color: #fff; margin-bottom: 10px; } .single-fact-wrap p { line-height: 26px; color: #d6d6d6; margin-bottom: 0; } /********team-slider********/ .single-team-wrap { position: relative; background: #ffffff; -webkit-box-shadow: 0px 10px 50px rgba(7, 36, 95, 0.12); box-shadow: 0px 10px 50px rgba(7, 36, 95, 0.12); border-radius: 10px; text-align: center; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-team-wrap .thumb { position: relative; } .single-team-wrap .thumb:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: var(--heading-color); mix-blend-mode: soft-light; opacity: 0.6; border-radius: 10px 10px 0px 0px; } .single-team-wrap img { border-top: 10px solid #fff; border-bottom: 10px solid #fff; } .single-team-wrap:hover { background: var(--main-color); } .single-team-wrap:hover .details p, .single-team-wrap:hover .details h5 { color: #fff; } .single-team-wrap:hover .details .hover-icon { background: #fff; color: var(--main-color); } .single-team-wrap:hover .details .hover-icon:before { background: rgba(255, 255, 255, 0.5); } .single-team-wrap .details { padding: 0px 6px 12px; min-height: 60px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; position: relative; display: flex; justify-content: center; align-items: center; } .single-team-wrap .details h5 { font-size: 22px; line-height: 18px; padding-top: 12px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; margin-bottom: -2px; } .single-team-wrap .details p { line-height: 24px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; margin-bottom: 0; } .single-team-wrap .details .hover-icon { background: var(--main-color); height: 40px; width: 40px; border-radius: 50%; line-height: 40px; color: #fff; position: absolute; left: 30px; top: -90%; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); margin-top: 15px; cursor: pointer; } .single-team-wrap .details .hover-icon:before { content: ""; position: absolute; height: 60px; width: 60px; background: rgba(15, 48, 101, 0.25); border-radius: 50%; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); z-index: -1; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-team-wrap .details .hover-icon i, .single-team-wrap .details .hover-icon svg { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-team-wrap .details .hover-icon:hover .fa-plus { -webkit-transform: rotate(45deg); transform: rotate(45deg); color: var(--main-color); } .single-team-wrap .details .hover-icon:hover .social-area { opacity: 1; } .single-team-wrap .details .social-area { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; position: absolute; right: 0%; top: 0; -webkit-transform: translate(50%, -100%); transform: translate(50%, -100%); transition: all 0.3s ease-in; margin-bottom: 0; padding: 0; margin-top: -20px; margin-right: -34px; opacity: 0; } .single-team-wrap .details .social-area li { display: block; margin: 0; } .single-team-wrap .details .social-area li + li { margin-top: 10px; } .single-team-wrap .details .social-area li a { background: #ffffff; -webkit-box-shadow: 0px 4px 15px rgba(7, 36, 95, 0.15); box-shadow: 0px 4px 15px rgba(7, 36, 95, 0.15); width: 225px; font-size: 14px; font-weight: 700; line-height: 40px; height: 40px; color: #0f3065; border-radius: 5px; display: block; text-align: left; padding-left: 10px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-team-wrap .details .social-area li a i, .single-team-wrap .details .social-area li a svg { -webkit-transition: none; transition: none; } .single-team-wrap .details .social-area li a:hover { background: var(--main-color); -webkit-box-shadow: 0px 8px 19px rgba(255, 76, 19, 0.3); box-shadow: 0px 8px 19px rgba(255, 76, 19, 0.3); color: #fff; } .team-slider .owl-nav button { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; position: absolute; } .team-slider .owl-nav .owl-prev { left: -90px; } .team-slider .owl-nav .owl-next { position: absolute; right: -90px; } /*******call-to-contact-area********/ .call-to-contact-area { margin-top: 20px; position: relative; z-index: 0; } .call-to-contact-area img { position: absolute; width: 73.5%; left: 0; bottom: 0; z-index: -1; } .call-to-contact-area .section-title .subtitle { background-size: 98% 100%; } .cta-inner-wrap { background: url(../img/contact/bg.png); padding: 40px 50px; } .single-cta-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 41px; margin-left: 14px; } .single-cta-wrap a { color: #f4e0c7; } .single-cta-wrap .icon { width: 50px; height: 50px; -webkit-box-flex: 0; -ms-flex: none; flex: none; background: var(--main-color); line-height: 52px; text-align: center; color: #fff; border-radius: 50%; font-size: 20px; position: relative; z-index: 0; } .single-cta-wrap .icon:after { content: ""; position: absolute; left: 50%; top: 50%; background: #f4e0c7; opacity: 0.3; height: 76px; width: 76px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } .single-cta-wrap .details { margin-left: 33px; } .single-cta-wrap .details h6 { font-weight: 700; font-size: 18px; line-height: 23px; color: #fff; margin-bottom: 5px; } .single-cta-wrap .details h3 { font-weight: 600; font-size: 29px; line-height: 39px; color: #fff; margin-bottom: 0; } /*********testimonial-area**********/ .testimonial-area { background-position: center; background-size: cover; background-repeat: no-repeat; } .testimonial-area.style-2 { margin-left: 50px; margin-right: 50px; } .testimonial-area.style-2 .testimonial-slider .owl-nav button { right: 0; left: auto; top: -90px; } .testimonial-area.style-2 .testimonial-slider .owl-nav button.owl-prev { right: 70px; } .testimonial-slider .owl-nav button { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; position: absolute; } .testimonial-slider .owl-nav .owl-prev { left: -90px; } .testimonial-slider .owl-nav .owl-next { position: absolute; right: -90px; } .single-testimonial-wrap { border-radius: 5px; padding: 0 0px 0px 0px; margin-top: 60px; z-index: 99; } .single-testimonial-wrap .icon { -webkit-transform: translate(0px, -39px); transform: translate(0px, -39px); margin-bottom: -9px; } .single-testimonial-wrap .icon img { width: auto; } .single-testimonial-wrap p { font-weight: 400; font-size: 16px; line-height: 26px; color: #4d5765; border-left: 3px solid var(--main-color); padding-left: 7px; margin-bottom: 0; } .single-testimonial-wrap .client-wrap { margin-top: 29px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .single-testimonial-wrap .client-wrap .thumb { margin-right: 10px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .single-testimonial-wrap .client-wrap .thumb img { width: auto; } .single-testimonial-wrap .client-wrap .details h5 { font-weight: 700; font-size: 24px; color: #fff; line-height: 31px; margin-bottom: 3px; } .single-testimonial-wrap .client-wrap .details p { font-weight: 400; font-size: 16px; line-height: 19px; color: #4d5765; padding-left: 0; border: 0; } /***********portfolio area**********/ .portfolio-area { background-position: center !important; background-size: cover !important; } .portfolio-area .section-title { margin-bottom: -35px; } .swiper-container { margin: -305px -93px 253px; -webkit-transform: translate(0px, 134px); transform: translate(0px, 134px); padding-top: 172px; } .swiper-container .button { height: 55px; width: 55px; line-height: 54px; border-radius: 50%; background: #fff; border: 0; -webkit-box-shadow: 0px 8px 20px rgba(7, 36, 95, 0.15); box-shadow: 0px 8px 20px rgba(7, 36, 95, 0.15); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-align: center; position: absolute; top: 22px; left: auto; } .swiper-container .button img { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .swiper-container .button:hover { background: var(--main-color); color: #fff; -webkit-box-shadow: 0px 8px 19px rgba(255, 76, 19, 0.3); box-shadow: 0px 8px 19px rgba(255, 76, 19, 0.3); } .swiper-container .button:hover img { -webkit-filter: brightness(99); filter: brightness(99); } .swiper-container .swiper-button-prev { right: 158px; } .swiper-container .swiper-button-next { right: 93px; } .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: scale(1); transform: scale(1); } .swiper-slide.swiper-slide-active .single-portfolio-wrap { -webkit-transform: scale(1.7); transform: scale(1.7); } .swiper-slide.swiper-slide-active .single-portfolio-wrap .portfolio-details { opacity: 1; } .swiper-slide.swiper-slide-next { z-index: -1; } .single-portfolio-wrap { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; margin: 84px 0; position: relative; } .single-portfolio-wrap .portfolio-details { position: absolute; left: 0; bottom: 0; width: -webkit-fill-available; background: #fff; border-radius: 5px; margin: 20px; padding: 20px 23px 16px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-portfolio-wrap .portfolio-details .details p { font-weight: 500; font-size: 10px; line-height: initial; color: var(--main-color); margin-bottom: 9px; } .single-portfolio-wrap .portfolio-details .details h4 { font-size: 14px; margin-bottom: 0; } .single-portfolio-wrap .portfolio-details .icon { height: 28px; width: 28px; background: var(--main-color); border-radius: 5px; text-align: center; line-height: 30px; color: #fff; margin-left: auto; font-size: 12px; } /********partner area*********/ .partner-area-2 { background-size: 100% 100% !important; background-position: 0px 0px !important; background-repeat: no-repeat !important; position: relative; top: -109px; z-index: 1; margin-bottom: -109px; } .partner-slider .thumb { cursor: default; } .partner-slider .thumb:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .partner-slider .thumb img { width: auto; margin: auto; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .partner-slider .owl-nav { display: none; } /********skill area*********/ .skill-area .section-title { margin-bottom: 19px; } .skill-area .section-title .subtitle.style-2 { background-size: 95% 100%; } .skill-area .thumb { position: relative; } .skill-area .thumb.img-2 { margin-top: 90px; } .single-progressbar .title { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7px; } .single-progressbar .title h6 { font-weight: 500; font-size: 18px; line-height: 28px; margin-bottom: 0; } .single-progressbar .title .progress-count-wrap { margin-left: auto; font-weight: 500; font-size: 18px; line-height: 28px; color: var(--heading-color); font-family: var(--heading-font); } .progress-item { margin-bottom: 28px; } .progress-item .progress-count-wrap { position: absolute; top: -35px; right: 16px; } .progress-item .progress-count.counting { font-weight: 600; font-size: 16px; color: var(--heading-color); font-family: var(--heading-font); } .progress-item.add-progress-start .progress-count-wrap { position: absolute; top: -35px; right: -5px; } .progress-item.add-progress-full .progress-count-wrap { position: absolute; top: -35px; right: 11px; } .progress-item .progress-bg { position: relative; height: 6px; border-radius: 3px; background: #e0e0e0; } .progress-item .progress-bg .progress-rate { position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 3px; background: var(--main-color); -webkit-transition: 2.5s; transition: 2.5s; } /***********video-area***********/ .video-area { position: relative; z-index: 0; overflow: hidden; } .video-area .video-thumb-wrap { position: absolute; right: 0; top: 0; height: 100%; width: 80%; } .video-area .video-thumb-wrap img { height: 100%; } .video-area .video-thumb-wrap .video-play-btn { position: absolute; top: 50%; left: 68.5%; -webkit-animation: none; animation: none; } .video-area .video-thumb-wrap .video-play-btn:after { height: 100px; width: 100px; background: var(--main-color); opacity: 0.3; border: 0; left: -20px; top: -20px; } .video-area .cta-inner-wrap { position: relative; } .video-area .cta-inner-wrap .section-title .subtitle.style-2 { background: url(../img/shape/bg-subtitle.png); background-size: 100% 100%; background-position: bottom; background-repeat: no-repeat; } .video-area .cta-inner-wrap .single-cta-wrap .icon { background: #fff; color: var(--main-color); } .video-area .cta-inner-wrap .single-cta-wrap .icon:after { background: #fff; } .video-area .cta-inner-wrap .single-cta-wrap .details h3 { color: #fff; } .video-area .cta-inner-wrap .btn { color: var(--main-color); } .video-area .cta-inner-wrap .btn:after { background: var(--main-color); } .video-area .cta-inner-wrap .btn:hover { background: #fff; } .video-area .cta-inner-wrap .btn:hover:after { background: #fff; } /******contact area*******/ .contact-area { background: #ffffff; -webkit-box-shadow: 0px 10px 50px rgba(8, 12, 36, 0.08); box-shadow: 0px 10px 50px rgba(8, 12, 36, 0.08); } .contact-area .contact-form { padding: 29px 40px 40px; } .contact-area .contact-form h3 { border-bottom: 2px solid var(--main-color); margin-bottom: 40px; padding-bottom: 4px; } .contact-information-wrap { background: var(--main-color); padding: 29px 40px 40px; } .contact-information-wrap h3 { border-bottom: 2px solid #fff; margin-bottom: 40px; padding-bottom: 4px; color: #fff; } .contact-information-wrap .single-contact-info-wrap { background: #fff; border-radius: 5px; padding: 23px 30px 27px; margin-bottom: 24px; } .contact-information-wrap .single-contact-info-wrap h6 { font-weight: 700; font-size: 20px; line-height: 26px; margin-bottom: 9px; } .contact-information-wrap .single-contact-info-wrap .media { display: -webkit-box; display: -ms-flexbox; display: flex; } .contact-information-wrap .single-contact-info-wrap .media .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 50px; width: 50px; line-height: 50px; background: var(--main-color); border-radius: 5px; text-align: center; color: #fff; margin-right: 10px; font-size: 20px; } .contact-information-wrap .single-contact-info-wrap .media p { line-height: 26px; margin-bottom: 0; } .contact-g-map { margin-bottom: -11px; } .contact-g-map iframe { line-height: 1 !important; border: 0; width: 100%; height: 600px; } .request-quote-inner { background: #ffffff; -webkit-box-shadow: 0px 10px 50px rgba(8, 12, 36, 0.1); box-shadow: 0px 10px 50px rgba(8, 12, 36, 0.1); position: relative; top: -168px; margin-bottom: -168px; } .request-quote-inner .nav-pills { background: #161922; } .request-quote-inner .nav-pills .nav-item { width: 50%; } .request-quote-inner .nav-pills .nav-item .nav-link { width: 100%; height: 80px; padding: 0; border-radius: 0; font-weight: 700; font-size: 16px; color: #fff; } .request-quote-inner .nav-pills .nav-item .nav-link.active { background: var(--main-color); } .request-quote-inner .nav-pills .nav-item .nav-link img { margin-right: 15px; } .request-quote-inner .tab-content .tab-pane { padding: 46px 50px 50px; } .request-quote-inner .tab-content .tab-pane .subtitle { font-weight: 700; font-size: 16px; line-height: 21px; margin-bottom: 14px; } .request-quote-inner .tab-content .tab-pane .single-check-list { margin: 0 0 40px 0; padding: 0; list-style: none; } .request-quote-inner .tab-content .tab-pane .single-check-list li { display: inline-block; } .request-quote-inner .tab-content .tab-pane .single-check-list li + li { margin-left: 30px; } .request-quote-inner .tab-content .tab-pane .btn { height: 55px; line-height: 55px; font-size: 14px; } .quote-wrap { padding: 31px 40px 40px; margin-left: 26px; } .quote-wrap h4 { color: #fff; line-height: 40px; margin-bottom: 17px; } .quote-wrap p { color: #fff; line-height: 26px; margin-bottom: 48px; } .quote-wrap .btn { height: 55px; line-height: 55px; color: var(--main-color); font-size: 14px; } .quote-wrap .btn:hover { background: var(--heading-color); color: #fff; } .quote-wrap .btn:hover:after { background: var(--heading-color); } /************single-pricing-wrap************/ .single-pricing-inner { background: #ffffff; -webkit-box-shadow: 0px 6px 30px rgba(0, 15, 87, 0.08); box-shadow: 0px 6px 30px rgba(0, 15, 87, 0.08); padding: 44px 60px 50px; margin-bottom: 30px; } .single-pricing-inner .header { border-bottom: 1px solid #e4e4e4; padding-bottom: 4px; margin-bottom: 26px; } .single-pricing-inner .header h4 { font-weight: 700; font-size: 24px; line-height: 31px; display: inline-block; position: relative; margin-bottom: 17px; } .single-pricing-inner .header h4:after { content: ""; position: absolute; left: 0; bottom: -5px; height: 2px; width: 100%; background: var(--main-color); } .single-pricing-inner .header .price h2 { font-weight: 900; font-size: 64px; line-height: 83px; color: var(--main-color); } .single-pricing-inner .header .price sup { font-weight: 700; font-size: 36px; line-height: 47px; color: var(--main-color); font-family: var(--heading-font); } .single-pricing-inner .header .price span { font-weight: 600; font-size: 16px; line-height: 19px; color: var(--heading-color); margin-left: -26px; position: relative; bottom: -5px; } .single-pricing-inner .single-list-inner { margin: 0; padding: 0; list-style: none; margin-bottom: 38px; } .single-pricing-inner .single-list-inner li { font-weight: 400; font-size: 16px; line-height: 16px; } .single-pricing-inner .single-list-inner li + li { margin-top: 18px; } .single-pricing-inner .single-list-inner li i, .single-pricing-inner .single-list-inner li svg { color: var(--main-color); margin-right: 10px; } .single-pricing-inner .single-list-inner li.unavailable { color: #d6d6d6; } .single-pricing-inner .single-list-inner li.unavailable i, .single-pricing-inner .single-list-inner li.unavailable svg { color: #d6d6d6; } .single-pricing-inner .btn { height: 55px; line-height: 55px; font-size: 14px; background: var(--heading-color); } /*******faq-accordion*******/ .faq-accordion .single-accordion-inner { border: 0; margin-bottom: 30px; background: #ffffff; -webkit-box-shadow: 0px 4px 20px rgba(8, 12, 36, 0.08); box-shadow: 0px 4px 20px rgba(8, 12, 36, 0.08); } .faq-accordion .single-accordion-inner .accordion-header .accordion-button { font-weight: 600; font-size: 20px; line-height: 30px; color: var(--heading-color); background: #ffffff; border: 0; padding: 10px 30px; -webkit-box-shadow: none; box-shadow: none; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button:not(.collapsed) { background: var(--main-color); color: #fff; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button:not(.collapsed) span { color: #fff; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button:not(.collapsed):after { background: #fff; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button:not(.collapsed):before { display: none; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button span { color: var(--main-color); margin-right: 7px; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button:after { background: var(--main-color); height: 2px; width: 12px; background: var(--main-color); -webkit-transform: none; transform: none; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button:before { content: ""; background: var(--main-color); height: 12px; width: 2px; position: absolute; right: 35px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .faq-accordion .single-accordion-inner .accordion-body { padding: 24px 30px; } .service-area .section-title .subtitle.style-2 { background-size: 95% 100%; } .service-area.style-2 .single-service-wrap { margin-top: 0; -webkit-transform: none; transform: none; margin-bottom: 40px; } .service-area.style-2 .single-service-wrap .details { padding: 40px 29px 30px; } .single-service-wrap { -webkit-transform: translate(0px, 50%); transform: translate(0px, 50%); margin-top: -210px; z-index: 1; position: relative; } .single-service-wrap:hover .thumb:before, .single-service-wrap:hover .thumb:after { border-color: transparent transparent transparent var(--main-color); } .single-service-wrap:hover .details { background: var(--main-color); } .single-service-wrap:hover .details p, .single-service-wrap:hover .details h5, .single-service-wrap:hover .details ul li { color: #fff; } .single-service-wrap:hover .details p, .single-service-wrap:hover .details h2, .single-service-wrap:hover .details ul li { color: #fff; } .single-service-wrap:hover .details p { border-bottom-color: #fff; } .single-service-wrap:hover .details .btn-wrap .read-more-text { color: #fff; } .single-service-wrap:hover .details .btn-wrap .read-more-text span { background: #fff; color: var(--main-color); } .single-service-wrap .thumb { margin: 0 30px; position: relative; z-index: 0; } .single-service-wrap .thumb:after { position: absolute; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 40px 0 0 39px; border-color: transparent transparent transparent #fff; bottom: 68px; left: -30px; z-index: -1; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-service-wrap .thumb:before { position: absolute; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 40px 0 0 39px; border-color: transparent transparent transparent #fff; bottom: 68px; right: -30px; -webkit-transform: translate(0px, -175%); transform: rotate(270deg); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: -1; } .single-service-wrap .thumb img { width: 100%; } .single-service-wrap .thumb .icon { height: 70px; width: 70px; background: var(--main-color); border-radius: 50%; text-align: center; line-height: 68px; position: relative; right: 20px; margin-left: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); margin-bottom: -70px; } .single-service-wrap .thumb .icon img { width: auto; } .single-service-wrap .details { background: #ffffff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; padding: 32px 29px 30px; } .single-service-wrap .details h5 { margin-bottom: 8px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; line-height: 31px; } .single-service-wrap .details h2 { margin-bottom: 8px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; line-height: 31px; font-size: 25px; } .single-service-wrap .details h2:hover { color: #fff; } .single-service-wrap .details p { line-height: 26px; border-bottom: 1px solid rgba(8, 12, 36, 0.15); padding-bottom: 17px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; margin-bottom: 20px; } .single-service-wrap .details .btn-wrap .read-more-text { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 600; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: var(--heading-color); } .single-service-wrap .details .btn-wrap .read-more-text:after { display: none; } .single-service-wrap .details .btn-wrap .read-more-text span { display: inline-block; height: 26px; width: 26px; line-height: 26px; border-radius: 50%; margin-left: auto; text-align: center; background: var(--main-color); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: #fff; } .service-details-wrap .thumb .icon { height: 70px; width: 70px; background: var(--main-color); border-radius: 50%; text-align: center; line-height: 68px; position: relative; right: 50px; margin-left: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); margin-bottom: -70px; } .service-details-wrap .thumb .icon img { width: auto; } .service-details-wrap h2 { font-weight: 700; font-size: 40px; line-height: 52px; margin-top: 28px; margin-bottom: 9px; } .service-details-wrap p { font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 18px; } .service-details-wrap p.last-para { margin-bottom: -8px; } .service-details-wrap .subtitle { border-bottom: 1px solid #d6d6d6; padding-bottom: 16px; margin-bottom: 21px; line-height: 39px; } .service-details-wrap .list-inner-wrap li { position: relative; padding-left: 29px; line-height: 26px; } .service-details-wrap .list-inner-wrap li:after { content: ""; position: absolute; left: 0; top: 7px; background: #fff; border: 4px solid var(--main-color); height: 14px; width: 14px; } .service-details-wrap .video-thumb-wrap .video-play-btn { -webkit-animation: none; animation: none; } .service-details-wrap .video-thumb-wrap .video-play-btn:after { height: 100px; width: 100px; background: var(--main-color); opacity: 0.3; border: 0; left: -20px; top: -20px; } .single-service-wrap-2 { position: relative; z-index: 0; border-radius: 6px; padding: 40px 40px; background-size: cover !important; -webkit-box-shadow: 0px 4px 30px rgba(8, 12, 36, 0.1); box-shadow: 0px 4px 30px rgba(8, 12, 36, 0.1); } .single-service-wrap-2:hover:after { opacity: 0; } .single-service-wrap-2:hover .details h5 { color: #fff; } .single-service-wrap-2:hover .details p { color: #fff; } .single-service-wrap-2:hover .details .btn-wrap .read-more-text { color: #fff; } .single-service-wrap-2:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #fff; z-index: -1; border-radius: 5px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-service-wrap-2:before { content: ""; position: absolute; left: 50%; top: 0; height: 4px; width: 70%; background: var(--main-color); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .single-service-wrap-2 .icon { margin-bottom: 36px; } .single-service-wrap-2 .icon img { width: auto; } .single-service-wrap-2 .icon .img-2 { position: absolute; right: 0; top: 0; } .single-service-wrap-2 .details h5 { font-weight: 900; font-size: 24px; line-height: 31px; margin-bottom: 14px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-service-wrap-2 .details p { font-weight: 400; font-size: 16px; line-height: 26px; padding-bottom: 25px; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-service-wrap-2 .details .btn-wrap .read-more-text { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; font-size: 14px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: var(--main-color); } .single-service-wrap-2 .details .btn-wrap .read-more-text:after { display: none; } .single-service-wrap-2 .details .btn-wrap .read-more-text span { display: inline-block; height: 26px; width: 26px; line-height: 26px; border-radius: 50%; margin-left: auto; text-align: center; background: var(--main-color); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: #fff; } .service-slider .owl-nav button { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; position: absolute; } .service-slider .owl-nav .owl-prev { left: -90px; } .service-slider .owl-nav .owl-next { position: absolute; right: -90px; } /*--------------------------------------------------- widget styles ----------------------------------------------------*/ .sidebar-area .widget { margin-bottom: 40px; border-radius: 0px; background: rgba(8, 12, 36, 0.1); padding: 40px; } .sidebar-area .widget .widget-title { margin-bottom: 48px; font-weight: 700; font-size: 24px; line-height: 31px; position: relative; display: inline-block; } .sidebar-area .widget .widget-title:after { content: ""; position: absolute; width: 60px; height: 3px; bottom: -16px; left: 0; background: #fb493d; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .sidebar-area .widget .widget-title span { position: absolute; height: 3px; width: 3px; background: var(--heading-color); bottom: -14.5px; left: 65px; } .sidebar-area .widget .widget-title span:after { content: ""; position: absolute; width: 3px; height: 3px; bottom: 0px; left: 8px; background: var(--heading-color); } .sidebar-area .widget .widget-title.style-white { color: #fff; } .sidebar-area .widget .widget-title.style-white:after { background: #fff; } .sidebar-area .widget .widget-title.style-white span { background: #fff; } .sidebar-area .widget .widget-title.style-white span:after { background: #fff; } /**********widget-search**********/ .widget_search .search-form { position: relative; background: #fff; border-radius: 0px; height: 55px; line-height: 55px; overflow: hidden; } .widget_search .search-form .form-group { margin-bottom: 0; } .widget_search .search-form input { width: 100%; border: 0; height: 55px; background: #fff; padding: 0 48px 0 20px; } .widget_search .search-form input:focus { border: 0; outline: 0; } .widget_search .search-form button { position: absolute; right: 0; border: 0; background: transparent; cursor: pointer; padding: 0 20px; top: 0; color: var(--main-color); height: 55px; } .widget_search .search-form button:active, .widget_search .search-form button:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; } .widget-recent-post ul { list-style: none; padding: 0; margin: 0; } .widget-recent-post ul li { border: 0; padding: 0px; margin: 0px; } .widget-recent-post ul li:last-child { border-bottom: 0 !important; padding-bottom: 0; margin-bottom: 0; } .widget-recent-post ul li:last-child .single-recent-post { margin-bottom: 0; } .single-recent-post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .single-recent-post .thumb { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 15px; } .single-recent-post .details h6 { font-weight: 700; font-size: 18px; line-height: 28px; margin-bottom: 10px; margin-top: -10px; } .single-recent-post .details p { font-weight: 400; font-size: 14px; line-height: 14px; margin-bottom: 0; } .single-recent-post .details p i, .single-recent-post .details p svg { color: var(--main-color); margin-right: 10px; } .widget_support, .widget_download, .widget_catagory { padding: 22px 10px !important; } .widget_support ul, .widget_download ul, .widget_catagory ul { padding-left: 0; padding-bottom: 0; margin-bottom: 0px; margin-top: 0px; } .widget_download ul li, .widget_catagory ul li { list-style: none; -webkit-transition: 0.6s; transition: 0.6s; margin-bottom: 10px; margin-top: 0px; } .widget_download ul li:last-child, .widget_catagory ul li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .widget_catagory ul li a { position: relative; color: var(--paragraph-color); padding: 18px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; font-size: 16px; line-height: 19px; border-radius: 0px; background: rgba(8, 12, 36, 0.1); } .widget_catagory ul li a span { display: inline-block; margin-left: auto; } .widget_download ul li a:hover, .widget_catagory ul li a:hover { background: var(--main-color); color: #fff; } .widget_catagory ul li a i { padding-right: 5px; } .widget_catagory ul li:last-child { margin-bottom: 0; } /******widget-download*******/ .widget_download ul li a { position: relative; color: var(--paragraph-color); padding: 20.5px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; font-size: 14px; line-height: 14px; border-radius: 0px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(8, 12, 36, 0.1); } .widget_download ul li a i, .widget_download ul li a svg { margin-right: 6px; color: var(--main-color); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .widget_download ul li a:hover i, .widget_download ul li a:hover svg { color: #fff; } /******widget-support*******/ .widget_support { padding-bottom: 34px !important; } .widget_support .widget-title:after { left: 50% !important; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .widget_support .widget-title span { left: 151px !important; } .widget p.widget-title { color: #fff; font-family: var(--heading-font); font-size: 31px; font-weight: 600; line-height: 1.2; } .widget_support p { color: #fff; font-size: 14px; margin-bottom: 10px; } .widget_support p.contact { font-weight: 600; margin-bottom: 7px; line-height: 26px; } .widget_support p.contact i, .widget_support p.contact svg { margin-right: 10px; } /******widget_author******/ .widget_author .thumb { margin-bottom: 23px; } .widget_author h5 { font-weight: 700; font-size: 24px; line-height: 26px; margin-bottom: 21px; } .widget_author p { line-height: 26px; margin-bottom: 24px; } .widget_author .social-media li { margin: 0 -4px 0 0; } .widget_author .social-media li a { background: transparent; width: auto; height: auto; margin: 0 15px; color: #565969; } .widget_author .social-media li a:hover { color: var(--main-color); } .widget_author .social-media li + li { border-left: 1px solid rgba(86, 89, 105, 0.2); } .widget_tags .tagcloud a { height: 40px; line-height: 39px; padding: 0 20px; border-radius: 0px; display: inline-block; margin: 0 7px 10px 0; font-weight: 600; font-size: 14px; color: #fff; background: #080c24; -webkit-box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.05); box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.05); } .widget_tags .tagcloud a:hover { background: var(--main-color); color: #fff; } /*********** widget_checkbox_list ************/ .widget_checkbox_list .single-checkbox:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .single-checkbox { display: block; position: relative; padding-left: 28px; margin-bottom: 7px; padding-bottom: 7px; cursor: pointer; font-size: 16px; color: var(--heading-color); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #e3e3e3; } .single-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .single-checkbox input:checked ~ .checkmark { background-color: var(--main-color); } .single-checkbox input:checked ~ .checkmark:after { display: block; } .single-checkbox .checkmark { position: absolute; top: 4px; left: 0; height: 20px; width: 20px; background-color: #eae1d6; } .single-checkbox .checkmark:after { content: ""; position: absolute; display: none; left: 8px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /******** widget-video-inner *********/ .widget-video-inner { border-radius: 5px; } .widget-video-inner .thumb { position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 20px; } .widget-video-inner .thumb:after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); } .widget-video-inner .thumb .video-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; line-height: 52px; z-index: 1; } .widget-video-inner .thumb .video-btn i { font-size: 18px; } .widget-video-inner .thumb .video-btn:after { width: 70px; height: 70px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget-video-inner .details { margin-top: 10px; } .widget-video-inner .details ul { padding: 0; margin: 0; } .widget-video-inner .details ul li { list-style: none; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; border-bottom: 1px dashed #e3e3e3; padding-bottom: 10px; margin-bottom: 10px; } .widget-video-inner .details ul li:last-child { border-bottom: 0; } .widget-video-inner .details ul li i { color: var(--main-color); margin-right: 7px; } .widget-video-inner .details ul li span { margin-right: auto; font-weight: 500; color: var(--heading-color); } /******** widget-contact *********/ .widget_contact .details { padding: 0; } .widget_contact .details li { margin-bottom: 18px; position: relative; padding-left: 25px; list-style: none; } .widget_contact .details li i { margin-right: 14px; position: absolute; left: 0; top: 6px; color: var(--main-color); } .widget_contact .details li:last-child { margin-bottom: 0; } .widget_contact .details li .time { font-size: 12px; margin-top: 3px; } .widget_contact .social-media li a { color: var(--main-color); } .widget_contact .social-media li a:hover { background: var(--main-color); color: #fff; } .widget_contact .single-contact-inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 13px; } .widget_contact .single-contact-inner .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 30px; width: 30px; background: var(--main-color); border-radius: 50%; text-align: center; color: #fff; line-height: 32px; font-size: 14px; margin-right: 10px; margin-top: 6px; } .widget_contact .single-contact-inner p { color: #d6d6d6; line-height: 28px; margin-bottom: 0; } .widget_subscribe p { color: #fff; font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 23px; } .widget_subscribe .single-subscribe-inner { height: 60px; line-height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; } .widget_subscribe .single-subscribe-inner input { height: 100%; font-weight: 400; font-size: 14px; line-height: 28px; border: 0; padding: 0 20px; width: 100%; } .widget_subscribe .single-subscribe-inner .btn { padding: 0 21px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .widget_subscribe .single-subscribe-inner .btn:after { left: -56%; } /*------------------------------------------------ blog style ------------------------------------------------*/ .single-blog-inner { margin-bottom: 30px; } .single-blog-inner.style-2 { margin-bottom: 40px; } .single-blog-inner.style-2 .details { padding: 37px 40px 40px; } .single-blog-inner.style-2 .details h2 { margin-bottom: 15px; line-height: 50px; } .single-blog-inner.style-2 .details p { margin-bottom: 25px; } .single-blog-inner.style-2 .blog-meta { border-bottom: 0; padding-bottom: 0; margin: 0 0 1px 0; } .single-blog-inner .thumb { position: relative; overflow: hidden; } .single-blog-inner .thumb img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 0.9s; transition: 0.9s; width: 100%; } .single-blog-inner .thumb .video-play-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-blog-inner .blog-meta { margin: 0; padding: 0; margin-bottom: 21px; border-bottom: 1px solid #d6d6d6; margin-top: 16px; padding-bottom: 22px; } .single-blog-inner .blog-meta li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 26px; font-weight: 400; font-size: 16px; line-height: 14px; color: var(--paragraph-color); } .single-blog-inner .blog-meta li i, .single-blog-inner .blog-meta li svg { margin-right: 10px; color: var(--main-color); } .single-blog-inner .blog-meta li:last-child { margin-right: 0; } .single-blog-inner .details { padding: 32px 30px; position: relative; background: #ffffff; -webkit-box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08); box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08); } .single-blog-inner .details h4 { margin-bottom: 0px; font-weight: 500; font-size: 30px; line-height: 38px; } .single-blog-inner .details h4:hover a { color: #fb493d; } .single-blog-inner .details .read-more-text { font-weight: 600; font-size: 14px; } .single-blog-inner .details p { font-size: 16px; } .single-blog-inner:hover .thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-thumb-slider { position: relative; } .blog-thumb-slider .owl-nav button { height: 60px; width: 60px; position: absolute; top: 50%; border: 0; border-radius: 50%; background: var(--main-color); color: #fff; font-size: 30px; cursor: pointer; margin-top: -30px; } .blog-thumb-slider .owl-nav button.owl-prev { left: 0; } .blog-thumb-slider .owl-nav button.owl-next { right: 0; } /************ page navigation ************/ .pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 20px 0 0 0; } .pagination .pagination-arrow a { border: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .pagination .pagination-arrow a:hover { border: 0; } .pagination li a { height: 40px; width: 40px; margin-right: 0px; border: 0; border-radius: 5px !important; background-color: rgba(0, 15, 87, 0.1); line-height: 42px; text-align: center; text-decoration: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: block; font-weight: 500; font-size: 16px; font-family: var(--heading-font); } .pagination li a:active, .pagination li a:focus, .pagination li a:hover { background: var(--main-color); color: #fff; -webkit-box-shadow: 0px 8px 19px rgba(255, 76, 19, 0.3); box-shadow: 0px 8px 19px rgba(255, 76, 19, 0.3); } .pagination li a.active { background: var(--main-color); color: #fff; -webkit-box-shadow: 0px 8px 19px rgba(255, 76, 19, 0.3); box-shadow: 0px 8px 19px rgba(255, 76, 19, 0.3); } .pagination li a.page-next { width: auto; background: transparent; font-weight: 700; font-size: 14px; color: var(--main-color); margin-left: 10px; } .pagination li a.page-next:hover { -webkit-box-shadow: none; box-shadow: none; color: var(--heading-color); } .pagination li + li { margin-left: 10px; } .pagination li:first-child a { border-radius: 2px 0 0 2px; } .pagination li:last-child a { border-radius: 0 2px 2px 0; } /******** blog-details-page-content ***********/ blockquote { background: rgba(8, 12, 36, 0.06); margin: 30px 0px; padding: 31px 50px 38px; position: relative; border-left: 5px solid var(--main-color); } blockquote span { font-weight: 500; font-size: 20px; line-height: 26px; font-family: var(--heading-font); color: var(--heading-color); position: relative; padding-left: 69px; } blockquote span:after { position: absolute; content: ""; left: 0; top: 50%; background: var(--main-color); height: 4px; width: 59px; } blockquote p { font-weight: 600; font-size: 18px; font-style: italic; line-height: 30px; color: var(--heading-color); margin-bottom: 3px !important; } blockquote .d-flex { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } blockquote .icon { margin-left: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .blog-details-area .video-thumb-wrap .video-play-btn { -webkit-animation: none; animation: none; } .blog-details-area .video-thumb-wrap .video-play-btn:after { height: 100px; width: 100px; background: var(--main-color); opacity: 0.3; border: 0; left: -20px; top: -20px; } /*********** tag-and-share ************/ .tag-and-share { padding-top: 30px; margin-top: 25px; border-top: 1px solid #d6d6d6; } .tag-and-share strong { margin-bottom: 0px; color: var(--heading-color); font-family: var(--heading-font); font-weight: 700; font-size: 20px; line-height: 26px; } .tag-and-share .tags a { display: inline-block; background: rgba(8, 12, 36, 0.06); height: 40px; line-height: 40px; padding: 0 20px; margin: 0 0 0 10px; font-weight: 600; font-size: 14px; color: var(--heading-color); } .tag-and-share .tags a:hover { background: var(--main-color); color: #fff; } .tag-and-share .social-media { display: inline-block; margin-left: 14px; } .tag-and-share .social-media li { margin: 0 0px; } .tag-and-share .social-media li a { background: rgba(8, 12, 36, 0.08); font-size: 14px; color: var(--paragraph-color); } .tag-and-share .social-media li a:hover { background: var(--main-color); color: #fff; } .singla-blog-share-wrap { text-align: center; display: block; height: 60px; line-height: 60px; font-size: 14px; font-weight: 400; color: #fff; } .singla-blog-share-wrap.style-facebook { background: #3b5998; } .singla-blog-share-wrap.style-twitter { background: #1aa9f3; } .singla-blog-share-wrap.style-pinterest { background: #ac1e30; } .singla-blog-share-wrap:hover { background: #fff !important; color: #03000c; } .sec-title.light h2 { font-size: 45px; font-weight: 700; text-transform: uppercase; font-family: var(--heading-font); } /******* blog-comment *******/ .blog-comment { margin-top: 40px; padding: 33px 40px 31px; background: #ffffff; -webkit-box-shadow: 0px 6px 50px rgba(8, 12, 36, 0.08); box-shadow: 0px 6px 50px rgba(8, 12, 36, 0.08); margin-bottom: 40px; } .blog-comment h4 { margin-bottom: 23px; line-height: 39px; } .blog-comment .media { margin-bottom: 30px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; background: transparent; border-bottom: 1px solid #d6d6d6; } .blog-comment .media.media-nesting { padding-left: 120px; } .blog-comment .media a { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .blog-comment .media a img { border-radius: 50%; } .blog-comment .media .media-body { margin-left: 20px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 21px; } .blog-comment .media .media-body h6 { font-weight: 700; font-size: 20px; line-height: 30px; margin-bottom: 0; } .blog-comment .media .media-body .date { font-weight: 400; font-size: 14px; line-height: 26px; font-style: italic; color: var(--paragraph-color); display: block; } .blog-comment .media .media-body p { margin-top: 13px; line-height: 26px; margin-bottom: 11px; } .blog-comment .media .media-body a { font-weight: 700; font-size: 14px; line-height: 26px; color: var(--main-color); } .blog-comment .media .media-body a i, .blog-comment .media .media-body a svg { margin-right: 6px; } .blog-comment-form { margin-top: 40px; padding: 33px 40px 40px; background: #ffffff; -webkit-box-shadow: 0px 6px 50px rgba(8, 12, 36, 0.08); box-shadow: 0px 6px 50px rgba(8, 12, 36, 0.08); } .blog-comment-form h4 { margin-bottom: 12px; line-height: 39px; } .blog-comment-form p { margin-bottom: 26px; line-height: 26px; } .blog-comment-form .btn { height: 55px; line-height: 55px; } /*-------------------------------------------------- ##Footer ---------------------------------------------------*/ .footer-area { position: relative; background-color: #080c24; padding-bottom: 10px; } .footer-area.style-2 .footer-top { padding: 0; border-color: rgba(255, 255, 255, 0.1); } .footer-area .footer-top { background-position: center; padding: 19px 0 0px; } .footer-area .footer-top .single-footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 15px; } /* .footer-area .footer-top .single-footer-top:after { content: ""; position: absolute; right: 0; top: -8px; height: 160px; width: 61px; background: url(../img/footer/rectangle.png); } */ .footer-area .footer-top .single-footer-top .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 70px; width: 70px; border-radius: 5px; text-align: center; position: relative; margin: 6px 10px 0 6px; } .footer-area .footer-top .single-footer-top .details h3 { font-weight: 700; font-size: 20px; line-height: 28px; color: #fff; margin-bottom: 4px; } .footer-area .footer-top .single-footer-top .details p { font-weight: 400; font-size: 16px; line-height: 28px; color: #d6d6d6; margin-bottom: 0; } .footer-area .widget { position: relative; z-index: 2; margin-bottom: 40px; } .footer-area .widget-title { padding-bottom: 13px; margin-bottom: 26px; position: relative; font-weight: 700; font-size: 24px; line-height: 31px; color: #f8f8f8; } .footer-area .widget-title:after { content: ""; position: absolute; width: 100px; height: 3px; bottom: 0px; left: 0; background: linear-gradient( 90.09deg, #7e90af -7.63%, rgba(250, 67, 24, 0) 99.84% ); -webkit-transform: translate(0, 50%); transform: translate(0, 50%); z-index: -1; } .footer-area .widget_about .thumb { margin-bottom: 13px; } .footer-area .widget_about .details p { font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 30px; } .footer-area .widget_nav_menu ul { margin: 0; padding: 0; } .footer-area .widget_nav_menu ul li { list-style: none; position: relative; color: #d6d6d6; font-weight: 600; font-size: 15px; line-height: 24px; margin-right: -1rem; } .footer-area .widget_nav_menu ul li i, .footer-area .widget_nav_menu ul li svg { margin-right: 3px; } .footer-area .widget_nav_menu ul li + li { margin-top: 16px; } .footer-area .widget_nav_menu ul li:hover:after { background: var(--main-color); } .footer-bottom-area { background: #161922; padding: 21.5px 0; } .footer-bottom-area p { font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 0; } .footer-bottom-area p a { color: #fff; } .footer-bottom-area a:hover { color: #7e90af; } .footer-bottom-area ul { padding: 0; margin: 0; list-style: none; } .footer-bottom-area ul li { font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; display: inline-block; } .footer-bottom-area ul li + li { border-left: 1px solid #fff; padding-left: 9px; margin-left: 6px; } .footer-top-subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-top-subscribe h3 { color: #fff; margin-bottom: 0; padding: 50px 0 47px; } .footer-top-subscribe .media-left { margin-left: 78px; padding-left: 80px; padding-right: 58px; border-left: 1px solid rgba(255, 255, 255, 0.1); } .footer-top-subscribe .thumb { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .footer-top-subscribe .single-subscribe-inner { min-width: 360px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } /** scroll-to-top **/ .scroll-to-top { position: fixed; right: -35px; bottom: 80px; transform: rotate(90deg); z-index: 99; } .scroll-to-top .visible { visibility: visible !important; opacity: 1 !important; } .scroll-to-top .scroll-top-inner { opacity: 0; visibility: hidden; } .scroll-to-top .scroll-top-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; } .scroll-to-top .scroll-bar { width: 50px; height: 4px; margin-right: 10px; position: relative; } .scroll-to-top .scroll-bar:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #7e90af; opacity: 0.2; } .scroll-to-top .scroll-bar .bar-inner { position: absolute; top: 0; right: 0; height: 100%; background-color: #7e90af; } .scroll-to-top .scroll-bar-text { font-size: 22px; font-family: var(--heading-font); font-weight: 500; color: #7e90af; cursor: pointer; transition: all 500ms ease; } .scroll-to-top .scroll-bar-text:hover { transform: scale(1.02); } .working-section .tabs-content .inner-box .text::before { position: absolute; content: ""; width: 100%; height: 25px; left: 0px; top: -25px; clip-path: polygon( 0% 0%, 100% 100%, 65% 0%, 25% 25%, 100% 100%, 0% 100%, 0% 100%, 0% 0% ); } .working-section .tabs-content .inner-box .text h2 { position: absolute; left: 50%; top: 37%; transform: translate(-50%, -50%); font-size: 80px; font-weight: 800; color: rgba(255, 255, 255, 0.2); text-transform: uppercase; } .working-section .tabs-content .inner-box .text h3 { position: relative; display: block; font-size: 50px; line-height: 50px; color: #fff; font-weight: 800; } .working-section .tabs-box .tab-btns li:hover, .working-section .tabs-box .tab-btns li.active-btn { background: #353839; } .working-section .tabs-content .inner-box .text { background: #353839; } .products .item { margin-bottom: 50px; } .tmline table tr { width: 100%; } .tmline table tr td { min-width: 78px; font-size: 15px; } .tmline table tr td strong { font-size: 15px; font-weight: 700; color: #fff; background-color: #0f3065; padding: 6px 10px; border-radius: 80px; } .tmline table img { width: 18px; display: block; margin: 2px auto; } @media only screen and (max-width: 1920px) { .banner-area-1 video { height: 70%; } } @media only screen and (max-width: 1600px) { .banner-area-1 video { height: 85%; } } @media only screen and (max-width: 1366px) { .banner-area-1 video { height: 125%; } } @media only screen and (max-width: 1200px) { .working-section .tabs-box .tab-btn-box { position: relative; left: 0px; height: auto; margin-bottom: 40px; } .working-section .tabs-box .tab-btns li { position: relative; left: 0px !important; top: 0px !important; right: 0px !important; bottom: 0px !important; margin: 0px 8px; } .working-section .tabs-box .tab-btns li:before { display: none; } } @media only screen and (max-width: 991px) { .working-section .tabs-box { margin-right: 0px; } .working-section .tabs-content .inner-box { margin-bottom: 30px; } .banner-inner .title { margin-top: 0px; line-height: 1 !important; } } @media only screen and (max-width: 810px) { .banner-area-1 .item { position: relative; max-width: 100%; } .banner-area-1 video { height: 51%; width: 100%; z-index: 2; } } @media only screen and (max-width: 767px) { .working-section .shape { display: none; } .working-section { padding-bottom: 40px; } .pd-bottom-120 { padding-top: 80px; } .footer-area .widget_nav_menu ul li { font-size: 17px; } .about-area { margin-top: -210px; } .navbar-area-2 .logo .logo-2 { width: 112%; } .banner-area-1 video { height: 60%; width: 100%; } .feature-area { top: -150px; } .banner-area-1 .item::after { background: #fff; } } @media only screen and (max-width: 499px) { .working-section .tabs-content .inner-box { width: 290px; height: 290px; } .working-section .content-box { margin-left: 0px; } .banner-area-1 video { height: 59%; } } @media only screen and (max-width: 428px) { .banner-area-1 video { height: 66%; } } @media only screen and (max-width: 414px) { .banner-area-1 video { height: 60%; } } @media only screen and (max-width: 412px) { .banner-area-1 video { height: 59.5%; } } @media only screen and (max-width: 390px) { .banner-area-1 video { height: 64%; } } @media only screen and (max-width: 375px) { .banner-area-1 video { height: 67%; } } @media only screen and (max-width: 360px) { .banner-area-1 video { height: 68.5%; } } .about-area-inner { background-color: #fff; padding: 20px; border-radius: 5px; } .testimonial-block-one img { transition: transform 0.5s ease; overflow: hidden; } .testimonial-block-one:hover img { transform: scale(1.1); } .testimonial-block-one .owl-dots button { display: none; } /* ----- manufacturing process ---- */ .main-timeline { overflow: hidden; position: relative; width: 85%; margin: 0 auto; } .main-timeline .timeline { position: relative; margin-top: -9%; } .main-timeline .timeline:first-child { margin-top: 0; } .main-timeline .timeline:before, .main-timeline .timeline:after { content: ""; display: block; width: 100%; clear: both; } .main-timeline .timeline:before { content: ""; width: 100%; height: 66%; box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.5) inset; position: absolute; top: 17%; right: 0; z-index: 2; } .main-timeline .timeline-icon { width: 190px; height: 190px; border-radius: 50%; border: 10px solid transparent; border-top-color: #0f3065; border-right-color: #0f3065; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; transform: rotate(45deg); } .main-timeline .year { display: block; width: 110px; height: 110px; line-height: 110px; border-radius: 50%; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); margin: auto; font-size: 20px; font-weight: bold; color: #0f3065; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: rotate(-45deg); } .main-timeline .timeline-content { width: 35%; float: right; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); padding: 30px 20px; margin: 50px 0; z-index: 1; position: relative; } .main-timeline .timeline-content:before { content: ""; width: 18%; height: 1px; background: #0f3065; position: absolute; top: 50%; left: -18%; z-index: -1; transform: translateY(-50%); } .main-timeline .title { font-size: 20px; font-weight: bold; color: var(--heading-color); margin: 0 0 10px 0; } .main-timeline .description { font-size: 16px; color: var(--paragraph-color); line-height: 24px; margin: 0; } .main-timeline .timeline:nth-child(2n):before { box-shadow: 8px 0 5px -5px rgba(0, 0, 0, 0.5) inset; } .main-timeline .timeline:nth-child(2n) .timeline-icon { transform: rotate(-135deg); } .main-timeline .timeline:nth-child(2n) .year { transform: rotate(135deg); } .main-timeline .timeline:nth-child(2n) .timeline-content { float: left; } .main-timeline .timeline:nth-child(2n) .timeline-content:before { left: auto; right: -18%; } .main-timeline .timeline:nth-child(2n) .timeline-icon { border-top-color: #0f3065; border-right-color: #0f3065; } .main-timeline .timeline:nth-child(2n) .year { color: #0f3065; } .main-timeline .timeline:nth-child(2n) .timeline-content:before { background: #0f3065; } .main-timeline .timeline:nth-child(3n) .timeline-icon { border-top-color: #0f3065; border-right-color: #0f3065; } .main-timeline .timeline:nth-child(3n) .year { color: #0f3065; } .main-timeline .timeline:nth-child(3n) .timeline-content:before { background: #0f3065; } .main-timeline .timeline:nth-child(4n) .timeline-icon { border-top-color: #0f3065; border-right-color: #0f3065; } .main-timeline .timeline:nth-child(4n) .year { color: #0f3065; } .main-timeline .timeline:nth-child(4n) .timeline-content:before { background: #0f3065; } .prdpg table { padding: 7px 0px 7px 0px; border: 3px solid rgba(0, 0, 0, 0.1); border-collapse: separate; color: #0f3065; } .prdpg th { padding: 7px; border: 3px solid rgba(0, 0, 0, 0.1); border-collapse: separate; color: #0f3065; } .prdpg td { padding: 7px; border: 3px solid rgba(0, 0, 0, 0.1); border-collapse: separate; color: #0f3065; } .prdpg table { border: 1px solid #fff; } .prdpg table td { box-shadow: 0px 2px 18px 0px rgba(15, 48, 101, 0.11); background-color: #fff; border-radius: 3px; } .prdpg table tr.fstrow td { background-color: #353839; color: #fff; border-radius: 4px; border: 1.6px solid #fff; box-shadow: 0px 2px 18px 0px rgba(15, 48, 101, 0.11); } .spec table tr td:nth-child(1) { color: #fff; background-color: #0f3065; font-weight: 500; } .tblcnt table tr td { background: url(../img/contact/bg.png); } .tblcnt table tr td a { width: 100%; display: block; color: #fff; font-weight: 500; padding-left: 9px; } .tblcnt table tr td a:before { position: relative; content: "\f35a"; font-size: 14px; color: #fff; font-family: "font awesome 5 pro"; left: 0; top: 0; padding-right: 7px; } /* type image */ .typ { position: relative; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; transform-style: preserve-3d; perspective: 500px; margin: auto; } .typ .box { position: relative; width: 23.2%; height: 240px; background: #000; transition: 0.5s; transform-style: preserve-3d; overflow: hidden; margin-right: 15px; margin-top: 15px; margin-bottom: 35px; } .typ:hover .box { transform: rotateY(25deg); } .typ .box:hover ~ .box { transform: rotateY(-25deg); } .typ .box:hover { transform: rotateY(0deg) scale(1.25); z-index: 1; box-shadow: 0 25px 40px rgba(0, 0, 0, 0.5); } .typ .box .imgBx { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .typ .box .imgBx:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #143d7f, #000); z-index: 1; opacity: 0; transition: 0.5s; mix-blend-mode: multiply; } .typ .box:hover .imgBx:before { opacity: 1; } .typ .box .imgBx img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .typ .box .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; padding: 20px; align-items: flex-end; box-sizing: border-box; } .typ .box .content h3 { color: #fff; transition: 0.5s; text-transform: uppercase; margin-bottom: -6px; font-size: 18px; transform: translateY(200px); transition-delay: 0.3s; text-shadow: none; } .typ .box:hover .content h3 { transform: translateY(0px); } .typ .box .content p { color: #fff; transition: 0.5s; font-size: 13px; line-height: 1.2; transform: translateY(200px); transition-delay: 0.4s; padding-top: 10px; text-shadow: none; } .typ .box:hover .content p { transform: translateY(0px); } .top-space { padding-top: 100px; } .prdpg .parea { background-color: #fff; } .sidebar ul { list-style-type: none; padding: 0px; } .sidebar ul li { background: url(../img/contact/bg.png); box-shadow: 0px 2px 18px 0px rgba(15, 48, 101, 0.11); border-radius: 3px; margin-bottom: 5px; } .sidebar ul li a { display: flex; color: #fff; font-family: var(--heading-font); font-size: 21px; font-weight: 600; text-transform: uppercase; padding: 10px; line-height: 1.2; } .sidebar ul li ul { background-color: #fff; } .sidebar ul li ul li { background: none; background-color: #fff; margin: 0px; } .sidebar ul li ul li a { color: var(--heading-color); font-family: var(--body-font); font-size: 15px; font-weight: 600; } .sidebar ul ul li ul li a { font-family: var(--body-font); color: var(--paragraph-color); text-transform: none; font-size: 13px; font-weight: 500; } .sidebar ul ul li ul li.active { background-color: #fcf8e3; } .sidebar ul ul li ul li a::before { position: relative; content: "\f35a"; font-size: 14px; color: var(--paragraph-color); font-family: "font awesome 5 pro"; left: 0; top: 0; padding-right: 7px; } .style-white { color: #fff; } @media only screen and (max-width: 1199px) { .main-timeline .timeline { margin-top: -103px; } .main-timeline .timeline-content:before { left: -18%; } .main-timeline .timeline:nth-child(2n) .timeline-content:before { right: -18%; } } @media only screen and (max-width: 990px) { .main-timeline .timeline { margin-top: -127px; } .main-timeline .timeline-content:before { left: -2%; } .main-timeline .timeline:nth-child(2n) .timeline-content:before { right: -2%; } .typ .box { width: 45%; height: 240px; margin-right: 15px; margin-top: 15px; margin-bottom: 35px; } } @media only screen and (max-width: 767px) { .main-timeline .timeline { margin-top: 0; overflow: hidden; } .main-timeline .timeline:before, .main-timeline .timeline:nth-child(2n):before { box-shadow: none; } .main-timeline .timeline-icon, .main-timeline .timeline:nth-child(2n) .timeline-icon { margin-top: -30px; margin-bottom: 20px; position: relative; transform: rotate(135deg); } .main-timeline .year, .main-timeline .timeline:nth-child(2n) .year { transform: rotate(-135deg); } .main-timeline .timeline-content, .main-timeline .timeline:nth-child(2n) .timeline-content { width: 100%; float: none; border-radius: 0 0 20px 20px; text-align: center; padding: 25px 20px; margin: 0 auto; } .main-timeline .timeline-content:before, .main-timeline .timeline:nth-child(2n) .timeline-content:before { width: 15px; height: 25px; position: absolute; top: -22px; left: 50%; z-index: -1; transform: translate(-50%, 0); } } /*----------my-css-------------*/ .abt-sec { margin: 65px 0px; } /*----abt-pg-timeline-section-----*/ .abt-timeline-sec { padding: 45px 0px !important; background: url(../images/abt-timeline-bg.jpg) center no-repeat; background-size: cover; width: 100%; height: 100%; background-attachment: fixed; } .abt-timeline-sec .main-timeline .timeline { margin-top: 2%; } .abt-timeline-sec .main-timeline .timeline-icon { border-top-color: #ffffff; border-right-color: #82b2ff; } .abt-timeline-sec .main-timeline .timeline:nth-child(2n) .timeline-icon, .abt-timeline-sec .main-timeline .timeline:nth-child(3n) .timeline-icon { border-top-color: #ffffff; border-right-color: #82b2ff; } .abt-timeline-sec h2 { color: #fff; } /*-----abt-testimonials----*/ .abt-pg-testi { margin: 70px 0px; } .abt-pg-testi .single-testimonial-wrap { background: #cad4e5; } .abt-pg-testi .single-testimonial-wrap .client-wrap { padding: 25px 20px; } .testimonial-area.style-2.abt-pg-testi { margin-left: 0px; margin-right: 0px; } /*------abt-pg-contact-info-section-----*/ .contact-mid-info { background: url(../images/abt-pg-mid-con-bg.jpg) center no-repeat; width: 100%; height: 100%; background-size: cover; background-attachment: fixed; } .contact-mid-info .cta-inner-wrap .section-title .title { font-size: 29px; } .contact-mid-info .cta-inner-wrap { padding: 25px 25px; } .contact-mid-info .partner-area-2 { top: 0; background-position: unset !important; } .contact-mid-info .abt-con-info-right h3 { font-size: 65px; color: #fff; } .contact-mid-info .abt-con-info-right p { font-size: 18px; color: #fff; border-left: 3px solid #fff; padding-left: 10px; margin-bottom: 25px; } .contact-mid-info .abt-con-info-right .partner-slider .thumb img { filter: none; } /*------contact-us-page--------*/ .contact-area.con-form-sec { margin: 65px 0px; } .contact-area.con-form-sec .contact-form { background: #0f3065; } .contact-area.con-form-sec .contact-form h2 { color: #fff; border-bottom: 2px solid #ffffff; } .contact-area.con-form-sec .single-input-inner input { background: #fff; } .contact-area.con-form-sec .single-input-inner textarea { background: #fff; } .contact-area.con-form-sec .contact-information-wrap { background: #5271a5; } .contact-area.con-form-sec .single-select-inner .single-select { background: #fff; } .contact-area.con-form-sec .contact-information-wrap .single-contact-info-wrap h6 { color: #000; } .contact-area.con-form-sec .contact-information-wrap .single-contact-info-wrap { padding: 15px 30px 16px; } /*-------INNER-PAGES-CSS------*/ .divide-columns { column-count: 2; } .divide-3-columns { column-count: 3; } .main-pro-sec .single-service-wrap .thumb .icon { background: #ecf0f7; border: 4px solid #0f3066; } .main-pro-sec .single-service-wrap .thumb img { border: 1px solid #c1c1c1; } /* weight-calc-pg */ .weight-cal-sec { padding: 65px 0px; } .weight-cal-sec .single-info-col { background: #efefef; padding: 25px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .weight-cal-sec table { text-align: center; } .weight-cal-sec .spec table tr td:nth-child(1) { background: none; } .prdpg .weight-cal-sec table td { background: none; } .weight-cal-sec .spec table tr td:nth-child(1) { color: #101010; } .calc-option { padding: 8px 20px; } .calc-btn a { background: #0f3065; padding: 8px 15px; color: #ebe7e7; } .certificate a img { border: 1px solid; box-shadow: 5px 5px 5px; } .certificate a { text-align: center; } .certificate { margin: 15px 5px; text-align: center; padding: 10px 5px; } .certificate p { font-size: 20px; padding-top: 15px; } .footer-area .widget_nav_menu ul li p { color: #fff; font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 23px; margin-right: -5rem; } @import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&family=Yantramanav:wght@300;400;500;700;900&display=swap");@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');body,html { overflow-x: hidden; font-family: var(--body-font); } h4,h5 { line-height: 1.3380952381; } body,p { color: var(--paragraph-color); } .check-list li:after,.comment-navigation .nav-next:hover>a,.comment-navigation .nav-previous:hover>a,.post-navigation .nav-next:hover>a,.post-navigation .nav-previous:hover>a,.posts-navigation .nav-next:hover>a,.posts-navigation .nav-previous:hover>a,.video-area .cta-inner-wrap .btn,.widget_author .social-media li a:hover,.widget_contact .social-media li a { color: var(--main-color); } .about-thumb-wrap,.bg-relative,.blog-thumb-slider,.check-list li,.nav-right-part .cart-btn,.position-relative,.single-team-wrap .thumb,.skill-area .thumb,.video-area .cta-inner-wrap { position: relative; } .alignfull,embed,iframe,img,object { max-width: 100%; } .aligncenter,.banner-area-1 .banner-slider .owl-nav button,.banner-area-2 .banner-slider .owl-nav button,.check-list li,.single-checkbox input:checked~.checkmark:after,.sopen,.sticky { display: block; } .btn,.btn-base { line-height: 50px; } .alignleft,.main-timeline .timeline:nth-child(2n) .timeline-content { float: left; } .section-title p,.sidebar ul li ul li a,.sidebar ul ul li ul li a,body,html { font-family: var(--body-font); } .sidebar ul ul li ul li a::before,.tblcnt table tr td a:before { content: "\f35a"; font-family: "font awesome 5 pro"; padding-right: 7px; } :root { --main-color: #0f3065; --heading-color: #0f3065; --paragraph-color: #4b4e5c; --body-font: "Rubik",sans-serif; --heading-font: "Teko",sans-serif; --body-font-size: 16px; --line-height30: 1.7; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { margin: 0; line-height: var(--line-height30); font-size: var(--body-font-size); background-position: right bottom 18%; background-repeat: no-repeat; background-attachment: fixed; } .btn,.navbar-top .nav-phone-wrap,.section-title .title2,h1,h2,h3,h4,h5,h6 { font-family: var(--heading-font); } h1 { font-size: 75px; line-height: 80px; } h2 { font-size: 40px; line-height: 1.1; } h3 { font-size: 36px; line-height: 1.3833333333; } h4 { font-size: 30px; } h5 { font-size: 24px; } h6 { font-size: 20px; line-height: 1.2380952381; } h1,h2,h3,h4,h5,h6 { color: var(--heading-color); font-weight: 700; } p { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-bottom: 10px; } a { color: inherit; -webkit-transition: .4s; transition: .4s; } a,a:active,a:focus,a:hover { text-decoration: none; outline: 0; color: inherit; } pre { word-break: break-word; } a i { padding: 0 2px; } 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; } #content[tabindex="-1"]:focus,button:active,button:focus,button:hover { outline: 0; } 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; } .no-gutter.container,.no-gutter.container-fluid,.no-gutter.row { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .no-gutter>[class^=col-],.no-gutter[class^=col-] { padding-left: 0; padding-right: 0; } code { color: #faa603; } .check-list,.navbar-top ul { margin: 0; padding: 0; list-style: none; } .check-list li { padding-left: 20px; z-index: 0; } .check-list li:after { position: absolute; left: 0; top: 0; font-family: fontawesome; content: "\f105"; } .clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after,.site-header:after,.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation { clear: both; } .comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next { float: right; text-align: right; width: 50%; } .comment-navigation .nav-next>a,.comment-navigation .nav-previous>a,.owl-carousel .owl-nav button img,.post-navigation .nav-next>a,.post-navigation .nav-previous>a,.posts-navigation .nav-next>a,.posts-navigation .nav-previous>a,.single-team-wrap .details .hover-icon i,.single-team-wrap .details .hover-icon svg,.swiper-container .button img { -webkit-transition: .3s ease-in; transition: .3s ease-in; } .comment-list li { list-style: none; } .h-100vh { height: 100vh; } .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px; word-wrap: normal!important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto!important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .alignleft { clear: both; margin-right: 20px; } .alignright { float: right; clear: both; margin-left: 20px; } .aligncenter { clear: both; margin: 0 auto 1.75em; } .alignfull { margin: 1.5em 0; } .alignwide { max-width: 1100px; } .clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before { content: ""; display: table; table-layout: fixed; } .breadcrumb-area .page-list li:first-child:after,.faq-accordion .single-accordion-inner .accordion-header .accordion-button:not(.collapsed):before,.nav-right-part-mobile,.navbar-area-1 .logo,.navbar-area-2 .logo .logo-2,.navbar-area-2.sticky-active .nav-container .logo .logo-1,.partner-slider .owl-nav,.section-title .subtitle.style-2:after,.single-service-wrap .details .btn-wrap .read-more-text:after,.single-service-wrap-2 .details .btn-wrap .read-more-text:after,.sticky-active.navbar-area-2:after,.testimonial-block-one .owl-dots button,.updated:not(.published) { display: none; } .comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .custom-logo-link,.navbar-top .logo .main-logo,.request-quote-inner .tab-content .tab-pane .single-check-list li { display: inline-block; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; clear: both; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: .8075em 0; } .centred,.certificate a,.weight-cal-sec table,.wp-caption-text { text-align: center; } .wp-link-pages a { margin: 0 5px; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .wp-link-pages { margin-bottom: 30px; margin-top: 25px; } .wp-link-pages a,.wp-link-pages span { border: 1px solid #e2e2e2; padding: 5px 15px; display: inline-block; } .wp-link-pages .current,.wp-link-pages a:hover { background-color: var(--main-color); color: #fff; border-color: var(--main-color); } .navbar-top .nav-phone-wrap i,.navbar-top .nav-phone-wrap svg,.wp-link-pages span:first-child { margin-right: 5px; } dl,ol,ul { padding-left: 15px; } .post-password-form input { display: block; border: 1px solid #e2e2e2; height: 50px; border-radius: 3px; padding: 0 20px; } .post-password-form label { font-weight: 600; color: #333; } .post-password-form input[type=submit] { width: 100px; height: 50px; background-color: var(--main-color); color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 1px; border: none; cursor: pointer; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .post-password-form input[type=submit]:hover { background-color: #121a2f; } .footer-widget .table td,.footer-widget .table th { padding: .5rem!important; } @media all and (min-width:1200px) { .no-lg-gutters>.col,.no-lg-gutters>[class*=col-] { padding-right: 0; padding-left: 0; } } .btn { height: 50px; padding: 0 30px; border-radius: 0; overflow: hidden; position: relative; border: 0; font-size: 23px; -webkit-transition: .5s; transition: .5s; font-weight: 400; z-index: 0; } .btn:active,.btn:focus,.td-search-popup .search-form .form-group .form-control:active,.td-search-popup .search-form .form-group .form-control:focus,.td-search-popup .search-form .form-group .form-control:hover,.td-search-popup .search-form .submit-btn:active,.td-search-popup .search-form .submit-btn:focus,.td-search-popup .search-form .submit-btn:hover { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn:hover { background: #4285f4; } .btn:hover:after { height: 100%; width: 135%; } .btn:after { content: ""; background: #fff; position: absolute; -webkit-transition: .6s ease-in; transition: .6s ease-in; z-index: -1; height: 100%; left: -35%; top: 0; -webkit-transform: skew(30deg); transform: skew(30deg); -webkit-transform-origin: top left; transform-origin: top left; width: 0; } .btn-base { color: #fff; background: #414a4c; } .btn-base:active,.btn-base:focus,.btn-base:hover,.btn-white:active,.btn-white:focus,.btn-white:hover,.social-media li a:hover { color: #fff; background: var(--main-color); } .bg-base,.btn-base:active:after,.btn-base:focus:after,.btn-base:hover:after,.btn-white:active:after,.btn-white:focus:after,.btn-white:hover:after,.footer-area .widget_nav_menu ul li:hover:after,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:after,.owl-carousel .owl-nav button:hover,.request-quote-inner .nav-pills .nav-item .nav-link.active,.single-service-wrap:hover .details,.single-team-wrap:hover,.video-area .cta-inner-wrap .btn:after { background: var(--main-color); } .btn-white { color: var(--heading-color); background: #fff; line-height: 52px; } .btn-border-white { color: #fff; border: 2px solid rgba(255,255,255,.7); line-height: 48px; } .btn-border-white:focus,.btn-border-white:hover { color: #fff; background: var(--main-color); border: 2px solid var(--main-color); } .btn-border-black { color: var(--heading-color); border: 2px solid rgba(0,33,71,.2); line-height: 48px; } .btn-border-black:focus,.btn-border-black:hover { color: #fff; border: 2px solid var(--main-color); } .read-more-text { color: var(--heading-color); font-weight: 600; font-size: 14px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .read-more-text i,.read-more-text svg { font-size: 14px; } .read-more-text:after { content: ""; position: absolute; left: 0; bottom: -4px; background: #fb493d; height: 1px; width: 0%; -webkit-transition: .4s; transition: .4s; } .add-to-cart-btn.active,.add-to-cart-btn:focus,.add-to-cart-btn:hover,.breadcrumb-area .page-list li a,.read-more-text:hover,.single-blog-inner .details h4:hover a { color: #fb493d; } .read-more-text:hover:after,.single-select-inner .single-select .list,.single-service-wrap .thumb img,.tmline table tr,.video-thumb-wrap img { width: 100%; } .back-to-top,.social-media li a { height: 40px; width: 40px; line-height: 40px; text-align: center; } .add-to-cart-btn { font-size: 14px; font-weight: 400; color: #fff; } .add-to-cart-btn span { margin-right: 20px; } .shadow-none { -webkit-box-shadow: none!important; box-shadow: none!important; } .back-to-top { position: fixed; left: 35px; bottom: 60px; color: #fff; background: var(--main-color); background-position: center; background-size: cover; z-index: 99; font-size: 25px; cursor: pointer; display: none; -webkit-animation: 4s ease-in-out infinite backto-top-bounce; animation: 4s ease-in-out infinite backto-top-bounce; } .b_0,.dot2,.shape { bottom: 0; } @-webkit-keyframes backto-top-bounce { 0%,100% { -webkit-transform: translateY(-4px); transform: translateY(-5px); } 50% { -webkit-transform: translateY(8px); transform: translateY(10px); } } @keyframes backto-top-bounce { 0%,100% { -webkit-transform: translateY(-4px); transform: translateY(-5px); } 50% { -webkit-transform: translateY(8px); transform: translateY(10px); } } .owl-carousel .owl-nav button { height: 60px; width: 60px; line-height: 58px; border-radius: 50%; background: #fff; border: 0; -webkit-box-shadow: 0 8px 20px rgba(7,36,95,.15); box-shadow: 0 8px 20px rgba(7,36,95,.15); -webkit-transition: .3s ease-in; transition: .3s ease-in; } .owl-carousel .owl-nav button:hover img,.swiper-container .button:hover img { -webkit-filter: brightness(99); filter: brightness(99); } .pre-wrap { position: fixed; content: ""; -webkit-transform: translate(-100%,-240%); transform: translate(-100%,-240%); font-size: 62px; } .preloader-inner { position: fixed; left: 0; top: 0; z-index: 999999999999; background-color: #030724; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .preloader-inner .cancel-preloader { position: absolute; bottom: 30px; right: 30px; } .preloader-inner .cancel-preloader a { background-color: #fff; font-weight: 600; text-transform: capitalize; color: var(--main-color); width: 200px; height: 50px; text-align: center; line-height: 50px; border-radius: 30px; display: block; -webkit-transition: .4s; transition: .4s; } .preloader-inner .cancel-preloader a:hover { background-color: var(--heading-color); color: #fff; } .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); border-radius: 100%; -webkit-animation: 2s ease-in-out infinite sk-bounce; animation: 2s ease-in-out infinite sk-bounce; } .dot2 { top: auto; -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); } } .video-thumb-wrap { position: relative; margin-top: 20px; } .video-thumb-wrap .video-play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .video-play-btn { border-radius: 50%; background: var(--main-color); width: 60px; height: 60px; display: inline-block; line-height: 64px; position: relative; text-align: center; -webkit-animation: 2.5s linear infinite ripple-white3; animation: 2.5s linear infinite ripple-white3; z-index: 3; } .video-play-btn:after { z-index: -1; content: ""; position: absolute; width: 80px; height: 80px; border-radius: 50%; background: 0 0; border: 1px solid var(--main-color); top: -10px; left: -10px; } .video-play-btn i,.video-play-btn svg { color: #fff; margin-left: 4px; font-size: 20px; } .breadcrumb-area { padding: 110px 0 100px; position: relative; background-repeat: no-repeat; background-position: center bottom; } .breadcrumb-area .breadcrumb-inner { position: relative; z-index: 2; display: block; } .breadcrumb-area .page-title { font-weight: 800; font-size: 64px; line-height: 83px; margin-bottom: 0; color: #fff; text-shadow: 0 0 3px #0f3065,0 0 5px #0f3065; text-align: center; z-index: 999; } .breadcrumb-area .page-list { margin: 0; padding: 0; color: #fff; display: inline-block; } .breadcrumb-area .page-list li { font-weight: 400; font-size: 16px; line-height: 28px; list-style: none; display: inline-block; position: relative; color: #fff; } .breadcrumb-area .page-list li+li { padding-left: 23px; margin-left: 5px; } .breadcrumb-area .page-list li:after { position: absolute; left: 0; top: 1px; content: "\f061"; color: #fb493d; font-family: "Font Awesome 5 Free"; font-weight: 700; } .breadcrumb-area .page-list li:first-child { padding-left: 0; } .social-media { padding: 0; margin: 0; position: relative; z-index: 2; } .social-media li { display: inline-block; margin: 0 4px; } .social-media li a { border-radius: 50%; display: inline-block; background: #fff; color: #3f517e; } .slider-control-square .owl-nav .owl-next,.slider-control-square .owl-nav .owl-prev,.social-media li:first-child { margin-left: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child,.single-blog-inner .blog-meta li:last-child,.social-media li:last-child,.social-media.style-border li a i,.social-media.style-border li a svg { margin-right: 0; } .social-media.style-border li a { background: 0 0; border: 1px solid #fff; color: #fff; } .social-media.style-border li a:hover { background: #7e90af; border-color: #7e90af; color: #fff; } .slider-control-square .owl-nav button { height: 50px; width: 50px; line-height: 50px; margin: 0 8px; border-radius: 0; border: 1px solid var(--main-color); -webkit-transition: .4s; transition: .4s; -webkit-box-shadow: none; box-shadow: none; color: var(--main-color); background: 0 0; font-size: 20px; padding: 0; cursor: pointer; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button:not(.collapsed),.sidebar-menu .sidebar-inner .sidebar-subscribe button:hover,.sidebar-menu .sidebar-inner .social-media li a:hover,.slider-control-square .owl-nav button:hover,.tag-and-share .social-media li a:hover,.tag-and-share .tags a:hover,.widget_catagory ul li a:hover,.widget_contact .social-media li a:hover,.widget_download ul li a:hover,.widget_tags .tagcloud a:hover { background: var(--main-color); color: #fff; } .ratting-inner { color: #ffc107; } .bg-green { background: #1dc295; } .bg-blue { background: #2878eb; } .bg-red { background: #f14d5d; } .bg-gray { background: #1b1e26; } .bg-sky { background: #f9f9f9; } .bg-black,.quote-wrap .btn:hover:after { background: var(--heading-color); } .bg-light,.single-select-inner.style-bg .single-select { background: #f7fafc; } .bg-cover,.bg-overlay,.bg-overlay-2,.bg-overlay-3 { background-size: cover!important; } .bg-overlay,.bg-overlay-3 { position: relative; background-position: center!important; z-index: 0; } .bg-overlay:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: rgba(8,12,36,.8); z-index: -1; } .banner-inner,.bg-overlay .bg-z-index,.bg-overlay .container,.bg-overlay-2 .bg-z-index,.bg-overlay-2 .container,.bg-overlay-3 .bg-z-index,.bg-overlay-3 .container { position: relative; z-index: 2; } .bg-overlay-3:after,.section-title .subtitle:after { z-index: -1; position: absolute; top: 0; left: 0; content: ""; } .bg-overlay-2 { position: relative; } .bg-overlay-2:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: rgba(3,0,12,.5); } .bg-overlay-3:after { height: 100%; width: 100%; background: rgba(8,12,36,.7); } .pd-top-10 { padding-top: 10px; } .pd-top-20 { padding-top: 20px; } .pd-top-45 { padding-top: 45px; } .pd-top-60 { padding-top: 60px; } .pd-top-70 { padding-top: 70px; } .pd-top-75 { padding-top: 75px; } .pd-top-90 { padding-top: 90px; } .pd-top-100,.top-space { padding-top: 100px; } .pd-top-105 { padding-top: 105px; } .pd-top-110 { padding-top: 110px; } .pd-top-115 { padding-top: 115px; } .pd-top-120 { padding-top: 120px; } .pd-top-240 { padding-top: 240px; } .mg-top-120 { margin-top: 120px; } .pd-bottom-5 { padding-bottom: 5px; } .pd-bottom-20 { padding-bottom: 20px; } .pd-bottom-45 { padding-bottom: 45px; } .pd-bottom-70 { padding-bottom: 70px; } .pd-bottom-80 { padding-bottom: 80px; } .pd-bottom-90 { padding-bottom: 90px; } .pd-bottom-100 { padding-bottom: 100px; } .pd-bottom-110 { padding-bottom: 110px; } .pd-bottom-115 { padding-bottom: 115px; } .pd-bottom-120 { padding-bottom: 120px; } .pd-bottom-180 { padding-bottom: 180px; } .pd-bottom-240 { padding-bottom: 240px; } .mt-20 { margin-top: 20px!important; } .mb-30 { margin-bottom: 30px!important; } .mt-45 { margin-top: 45px!important; } .mb-60 { margin-bottom: 60px!important; } .mb-120 { margin-bottom: 120px; } .mrt-120 { margin-top: -120px; } .mrt-160 { margin-top: -160px; } .after-none:after { display: none!important; } .top_image_bounce { -webkit-animation: 3s ease-in-out infinite top-image-bounce; animation: 3s ease-in-out infinite top-image-bounce; } .left_image_bounce { -webkit-animation: 3s ease-in-out infinite left-image-bounce; animation: 3s ease-in-out infinite left-image-bounce; } .right_image_bounce { -webkit-animation: 3s ease-in-out infinite right-image-bounce; animation: 3s ease-in-out infinite right-image-bounce; } .spin_image { -webkit-animation: 3s ease-in-out infinite spin; animation: 3s ease-in-out infinite spin; } @-webkit-keyframes top-image-bounce { 0%,100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(12px); transform: translateY(12px); } } @keyframes top-image-bounce { 0%,100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(12px); transform: translateY(12px); } } @-webkit-keyframes left-image-bounce { 0%,100% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes left-image-bounce { 0%,100% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: 50%; transform-origin: 50%; } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: 50%; transform-origin: 50%; } } @-webkit-keyframes ripple-white3 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1); box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 100px rgba(255,255,255,0); box-shadow: 0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 100px rgba(255,255,255,0); } } @keyframes ripple-white3 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1); box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 100px rgba(255,255,255,0); box-shadow: 0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 100px rgba(255,255,255,0); } } .section-title { margin-bottom: 40px; position: relative; } .prdpg .section-title { margin-bottom: 10px; position: relative; } .section-title .subtitle { font-weight: 600; font-size: 16px; color: var(--main-color); background: -webkit-gradient(linear,left top,left bottom,color-stop(15.22%,rgba(250,67,24,0)),color-stop(33.76%,rgba(250,67,24,.0833333)),color-stop(58.49%,rgba(250,67,24,.23)),color-stop(79.25%,rgba(250,67,24,.39383)),to(#fa4318)); background: linear-gradient(180deg,rgba(250,67,24,0) 15.22%,rgba(250,67,24,.0833333) 33.76%,rgba(250,67,24,.23) 58.49%,rgba(250,67,24,.39383) 79.25%,#fa4318 100%); height: 46px; line-height: 46px; border-radius: 20px; display: inline-block; position: relative; z-index: 0; padding: 0 30px; margin-bottom: 19px; } .section-title .subtitle:after { height: -webkit-fill-available; width: -webkit-fill-available; background: #fff; border-radius: 0 0 20px 20px; margin: 0 2px 2px; } .section-title .subtitle.style-2 { background: url(../img/wcu/bg-subtitle.png) bottom/100% 100% no-repeat; } .section-title .title { margin-bottom: 30px; margin-top: 10px; font-size: 45px; font-weight: 700; text-transform: uppercase; position: relative; z-index: 0; } h2.keywd { margin-bottom: 20px; margin-top: 10px; font-size: 28px; font-weight: 600; line-height: 1.15; z-index: 0; } .section-title .title2 { color: var(--heading-color); margin: 30px 0 20px; font-size: 31px; font-weight: 600; text-transform: uppercase; position: relative; z-index: 0; } .footer-area .widget-title:after,.section-title .title2::after { content: ""; position: absolute; width: 100px; height: 3px; bottom: 0; left: 0; background: linear-gradient(90.09deg,#7e90af -7.63%,rgba(250,67,24,0) 99.84%); -webkit-transform: translate(0,50%); transform: translate(0,50%); z-index: -1; } .cta-inner-wrap .section-title .title { font-family: var(--heading-font); font-size: 44px; font-weight: 600; } .section-title .content { margin-top: 17px; margin-bottom: 0; } .section-title .content.left-line { border-left: 5px solid var(--main-color); padding-left: 50px; } .section-title .small-title { margin-top: 18px; line-height: 36px; } .abt-timeline-sec h2,.counter-block:first-child .counter-block-two .inner-box .count-outer,.counter-block:first-child .counter-block-two .inner-box p,.counter-block:nth-child(3) .counter-block-two .inner-box .count-outer,.counter-block:nth-child(3) .counter-block-two .inner-box p,.faq-accordion .single-accordion-inner .accordion-header .accordion-button:not(.collapsed) span,.footer-bottom-area p a,.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-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a,.navbar-top ul li a,.navbar-top ul li a:hover,.sec-title.light h2,.section-title.style-white .small-title,.section-title.style-white .subtitle,.section-title.style-white .title,.sidebar-area .widget .widget-title.style-white,.single-service-wrap .details h2:hover,.single-service-wrap-2:hover .details .btn-wrap .read-more-text,.single-service-wrap-2:hover .details h5,.single-service-wrap-2:hover .details p,.single-service-wrap:hover .details .btn-wrap .read-more-text,.single-service-wrap:hover .details h2,.single-service-wrap:hover .details h5,.single-service-wrap:hover .details p,.single-service-wrap:hover .details ul li,.single-team-wrap:hover .details h5,.single-team-wrap:hover .details p,.style-white,.video-area .cta-inner-wrap .single-cta-wrap .details h3,.widget_download ul li a:hover i,.widget_download ul li a:hover svg { color: #fff; } .section-title .btn { margin-top: 30px; margin-bottom: 30px; } .section-title.style-white .content,.single-pricing-inner .single-list-inner li.unavailable,.single-pricing-inner .single-list-inner li.unavailable i,.single-pricing-inner .single-list-inner li.unavailable svg { color: #d6d6d6; } .navct { position: fixed; top: 0; display: block; width: 100%; padding: 0 10px; font-size: 15px; background-color: #f3f3f3; z-index: 9999; } .navct p { color: #0f3065; text-align: center; margin-bottom: 0; } .navct p:hover { color: #000!important; } .navbar-top { background: 0 0; position: relative; margin-bottom: 68px; padding: 11px 0; } .navbar-top:after { content: ""; position: absolute; right: 0; top: 0; width: 68.7%; background: url(../img/shape/topbar-bg.png) 0 0/165% 100%; height: 100%; z-index: -1; } .navbar-top .nav-phone-wrap { background: url(../img/shape/nav-contact-bg.png) -38px 0/112% 100% no-repeat; display: inline-block; position: absolute; top: 94px; color: #fff; padding: 12.5px 117px 9.5px 115px; left: -100px; font-size: 14px; font-family: var(--body-font); font-weight: 400; z-index: 999; } .navbar-top .logo { position: absolute; left: -95px; top: 0; width: 525px; } .navbar-top ul.topbar-left { margin-left: 365px; } .navbar-top ul.topbar-left li+li { margin-left: 11px; } .navbar-top ul.topbar-left li i,.navbar-top ul.topbar-left li svg { margin-right: 7px; color: var(--main-color); } .navbar-top ul.topbar-right li+li { margin-left: 17px; } .navbar-top ul li { display: inline-block; color: #fff; font-size: 14px; font-weight: 400; } .navbar-area { z-index: 99; position: absolute; width: 100%; } .navbar-area .nav-container { background-color: transparent; padding: 17px 0; -webkit-transition: .4s; transition: .4s; } .navbar-area .nav-container .btn-transparent { font-size: 13px; font-weight: 700; } .navbar-area .nav-container .navbar-collapse .navbar-nav { display: block; width: 100%; text-align: left; } .navbar-area .nav-container .navbar-collapse .navbar-nav li { display: inline-block; font-weight: 500; line-height: 50px; text-transform: capitalize; } .navbar-area .nav-container .navbar-collapse .navbar-nav li a { color: #fff; font-weight: 600; font-size: 15px; font-family: var(--body-font); text-transform: uppercase; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.active a,.navbar-area .nav-container .navbar-collapse .navbar-nav li:hover a { color: #96a7f5; } .navbar-area .nav-container .navbar-collapse .navbar-nav li+li { margin-left: 5px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children { position: relative; z-index: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover { -webkit-transition: .4s; transition: .4s; } .mfp-zoom-in.mfp-removing.mfp-bg,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:before,.single-service-wrap-2:hover:after { opacity: 0; } .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 .sub-menu li:hover a:before,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu { visibility: visible; opacity: 1; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu { position: absolute; text-align: left; min-width: 210px; 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; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: .4s; transition: .4s; border-radius: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.border-bt0 { border-bottom: 0!important; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li { display: block; margin-left: 0; line-height: 22px; font-size: 15px; -webkit-transition: .4s; transition: .4s; border-bottom: 1px solid #f5f5f5; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { display: block; padding: 8px 20px; white-space: nowrap; -webkit-transition: .4s; transition: .4s; color: #414a4c; font-size: 14px; font-weight: 500; position: relative; } .counter-block:nth-child(3) .counter-block-two .inner-box,.counter-block:nth-child(3) .counter-block-two .inner-box:after,.counter-block:nth-child(3) .counter-block-two .inner-box:before,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.active,.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover,.working-section .tabs-box .tab-btns li.active-btn,.working-section .tabs-box .tab-btns li:hover,.working-section .tabs-content .inner-box .text { background: #353839; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.active a { color: #7e90af!important; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child,.widget-video-inner .details ul li:last-child { border-bottom: 0; } .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>.sub-menu { left: 100%; top: 20px; } .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%; } .navbar-area .nav-container .navbar-collapse .navbar-nav>li { margin-right: 7px; } .navbar-area-1 { padding: 0; top: 60px; } .navbar-area-1 .nav-container { padding: 7px 0 27px; } .navbar-area-1 .nav-container .navbar-collapse .navbar-nav { padding-left: 300px; } .navbar-area-1:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 78.5%; z-index: -1; } .navbar-area-1 .logo a { font-weight: 700; font-size: 24px; color: #fff; } .navbar-area-1 .logo a img { height: auto; } .funfact-style-two .counter-block,.navbar-area-2,.widget_contact .details { padding: 0; } .navbar-area-2 .logo { position: absolute; left: -70px; top: -22px; } .navbar-area-2 .nav-container { padding: 48px 0 20px; } .navbar-area-2.sticky-active .nav-container .logo { position: initial; } .navbar-area-2.sticky-active .nav-container .logo .logo-2 { display: block; width: 150%; } .sticky-active { -webkit-animation: .3s ease-in-out fadeInDown; animation: .3s ease-in-out fadeInDown; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 10px 20px 0 rgba(46,56,220,.05); box-shadow: 0 10px 20px 0 rgba(46,56,220,.05); background: #fff; } .bar1,.bar2,.bar3 { height: 2px; z-index: 9999; right: -5px; margin-bottom: 5px; position: absolute; background: #fff; } .sticky-active .nav-container { padding: 7px 12px; } .sticky-active .nav-container .logo { display: block; width: 150px; } .sticky-active .nav-container .navbar-collapse .navbar-nav { padding-left: 0; text-align: end; } .sticky-active .navbar-nav li a { color: #4b4e5c!important; } .sticky-active .navbar-nav li a:hover { color: #96a7f5!important; } .navbar-nav { opacity: 0; margin-right: -30px; visibility: hidden; -webkit-transition: .3s; transition: .3s; } .menu-open { opacity: 1; margin-right: 0; visibility: visible; } .bar1 { width: 32px; top: 10px; } .bar2 { width: 24px; top: 17px; } .bar3 { width: 18px; top: 24px; } .responsive-mobile-menu button:focus { outline: 0; border: none; } .footer-top-subscribe,.nav-right-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-right-part .btn { color: #fff; padding: 0 9px; margin-top: 5px; margin-bottom: 5px; } .nav-right-part a { margin-left: 12px; color: var(--heading-color); display: inline-block; } .nav-right-part .cart-btn span { position: absolute; right: -10px; top: -5px; height: 22px; width: 22px; border-radius: 50%; background: #fb493d; text-align: center; font-size: 13px; line-height: 22px; } .nav-right-part .menu-bar { background: #fff; border-radius: 50px; height: 50px; width: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 42px; } .sidebar-menu { width: 0; position: fixed; right: 0; top: 0; height: 100vh; background-color: #fff; z-index: 999; overflow-y: auto; -webkit-transition: .5s; transition: .5s; opacity: 0; visibility: hidden; } .sidebar-menu .sidebar-inner { position: relative; top: 150px; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; padding: 50px 40px; } .sidebar-menu .sidebar-inner .thumb { margin-bottom: 15px; } .progress-item,.sidebar-menu .sidebar-inner p { margin-bottom: 28px; } .sidebar-menu .sidebar-inner .sidebar-address { margin-bottom: 35px; } .footer-area .widget_nav_menu ul,.list-inner-wrap,.sidebar-menu .sidebar-inner .sidebar-address ul { margin: 0; padding: 0; } .sidebar-menu .sidebar-inner .sidebar-address ul li { list-style: none; margin-bottom: 4px; } .sidebar-menu .sidebar-inner .sidebar-address ul li:last-child,.widget-recent-post ul li:last-child .single-recent-post,.widget_catagory ul li:last-child,.widget_contact .details li:last-child,.widget_search .search-form .form-group { margin-bottom: 0; } .sidebar-menu .sidebar-inner .sidebar-address ul li i { margin-right: 6px; width: 25px; } .sidebar-menu .sidebar-inner .sidebar-subscribe { position: relative; margin-bottom: 40px; } .sidebar-menu .sidebar-inner .sidebar-subscribe input { width: 100%; border: 1px solid #d6dadf; height: 42px; padding: 0 45px 0 12px; } .sidebar-menu .sidebar-inner .sidebar-subscribe button { position: absolute; right: 0; top: 0; height: 42px; width: 42px; background: #97b3d0; -webkit-transition: .4s; transition: .4s; border: 0; color: var(--heading-color); cursor: pointer; } .sidebar-menu .sidebar-inner .social-media li a { background: #ced4da; } .sidebar-menu .sidebar-menu-close { background-color: #043381; border: 0; position: absolute; top: 0; right: 0; color: #fff; width: 50px; height: 50px; line-height: 50px; cursor: pointer; z-index: 999; } .sidebar-menu.active { width: 360px; opacity: 1; visibility: visible; } .sidebar-menu.active .sidebar-inner { top: 0; opacity: 1; visibility: visible; -webkit-transition: .7s ease-out .8s; transition: .7s ease-out .8s; } @media only screen and (max-width:991px) { .navbar-area .nav-container { padding: 15px; position: relative; z-index: 0; } .nav-right-part { margin-right: 50px; } .nav-right-part .btn .right { padding-left: 5px; font-size: 13px; } .navbar-area .nav-container .navbar-collapse .navbar-nav>li { margin-right: 0; padding-right: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li,.navbar-area .nav-container .navbar-toggler { padding: 0; } .navbar-area .nav-container .navbar-collapse { margin-top: 13px; } .navbar-area .nav-container .navbar-collapse .navbar-nav { display: block; margin-top: 20px; margin-bottom: 20px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li { display: block; text-align: left; line-height: 30px; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.1); } .navbar-area .nav-container .navbar-collapse .navbar-nav li a { display: block; color: #333; padding-left: 20px; } .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: 26px; right: 3px!important; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu { position: initial; width: 100%; border-top: none; -webkit-box-shadow: none; box-shadow: none; margin-left: 0; height: auto; overflow: hidden; max-height: 250px; overflow-y: scroll; background-color: transparent; border-radius: 10px; border-bottom: none; display: none; -webkit-transition: none; transition: none; visibility: visible; opacity: 1; padding: 0 0 0 20px; } .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.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; } .navbar-area .logo { padding-top: 0!important; } .widget ul { text-align: left; } .navbar-collapse { background: #fff; margin-top: 0; width: 100%; } .navbar-area { padding-bottom: 0; } .bar1,.bar2,.bar3 { background: #fff; } .party-box-wrapper { padding: 50px 0; } .party-box-wrapper .party-box-content h4 { font-size: 30px; line-height: 45px; } .footer-area .copyright-area-inner { padding: 20px; } .navbar-expand-lg .navbar-collapse { margin-top: 0; } .contact-widget .contact_info_list li.single-info-item .details { padding-left: 25px; } .footer-area .footer-top .widget.widget_nav_menu ul li a { font-size: 14px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { padding: 12px 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child a { padding-bottom: 3px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover i { opacity: 0; margin-right: -18px; } .nav-right-part-mobile { display: block; } .nav-right-part-desktop { display: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover { background: 0 0; } } .footer-area a:hover,.footer-bottom-area a:hover { color: #7e90af; } .toggle-btn { left: auto; right: -10px; position: absolute; top: 10px; width: 40px; height: 40px; -webkit-transition-duration: .5s; transition-duration: .5s; border: 0; background: 0 0; } .toggle-btn .icon-left { -webkit-transition-duration: .5s; transition-duration: .5s; position: absolute; height: 2px; width: 11px; top: 18px; background-color: #fff; left: 7px; } .toggle-btn .icon-left:before,.toggle-btn .icon-right:before { -webkit-transition-duration: .5s; transition-duration: .5s; position: absolute; width: 11px; height: 2px; background-color: #fff; content: ""; top: -7px; left: 0; } .toggle-btn .icon-left:after,.toggle-btn .icon-right,.toggle-btn .icon-right:after { -webkit-transition-duration: .5s; height: 2px; width: 11px; background-color: #fff; position: absolute; } .toggle-btn .icon-left:after,.toggle-btn .icon-right:after { transition-duration: .5s; content: ""; top: 7px; left: 0; } .toggle-btn .icon-left:hover,.toggle-btn .icon-right:hover,.toggle-btn:hover { cursor: pointer; } .toggle-btn .icon-right { transition-duration: .5s; top: 18px; left: 18px; } .toggle-btn.open .icon-left,.toggle-btn.open .icon-right { -webkit-transition-duration: .5s; transition-duration: .5s; background: 0 0; } .toggle-btn.open .icon-left:before { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px,1px); transform: rotateZ(45deg) scaleX(1.4) translate(2px,1px); } .toggle-btn.open .icon-left:after { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px,-1px); transform: rotateZ(-45deg) scaleX(1.4) translate(2px,-1px); } .toggle-btn.open .icon-right:before { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px,1px); transform: rotateZ(-45deg) scaleX(1.4) translate(-2px,1px); } .toggle-btn.open .icon-right:after { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px,-1px); transform: rotateZ(45deg) scaleX(1.4) translate(-2px,-1px); } @media only screen and (min-width:992px) and (max-width:1199px) { .navbar-area .nav-container .navbar-collapse .navbar-nav li { font-size: 16px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li+li { margin-left: 5px; } .navbar-nav li { padding-right: 9px!important; } } @media only screen and (min-width:768px) and (max-width:991px) { .navbar-area .nav-container .navbar-collapse .navbar-nav li { font-size: 14px; padding-left: 20px; padding-right: 20px; } .navbar-area .nav-container .navbar-collapse.sopen { display: block; } } @media only screen and (max-width:767px) { .logo-wrapper.mobile-logo,.responsive-mobile-menu { display: block; width: 100%; } .responsive-mobile-menu { position: relative; } .responsive-mobile-menu .navbar-toggler { position: absolute; left: calc(100% - 130px); top: 10px; } .table-responsive { display: block!important; } .btn-custom-default,.btn-custom-white { font-size: 14px; line-height: 33px; padding: 6px 20px; } .navbar-area .logo { padding-top: 0!important; } } .body-overlay,.td-search-popup .search-form { position: fixed; z-index: 999; visibility: hidden; opacity: 0; } @media only screen and (max-width:575px) { .navbar-area .logo { padding-top: 10px; } .widget.footer-widget .subscribe-form.subscribe-form-style2 .btn,.widget.footer-widget .subscribe-form.subscribe-form-style2 .form-control { padding: 15px 20px; } .search-popup .search-form { min-width: 350px; } } @media only screen and (max-width:375px) { .btn-custom-default,.btn-custom-white { padding: 5px 18px; } .search-popup .search-form .form-group .form-control,.search-popup .search-form .submit-btn { height: 45px; } .search-popup .search-form { min-width: 300px; } } @media only screen and (max-width:320px) { .search-popup .search-form { min-width: 265px; } .responsive-mobile-menu .navbar-toggler { left: calc(100% - 95px); } } .td-search-popup.active .search-form { visibility: visible; opacity: 1; width: 40%; } .td-search-popup .search-form { width: 35%; top: 50%; left: 50%; -webkit-transition: .4s; transition: .4s; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .td-search-popup .search-form .form-group .form-control { border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; height: 54px; padding: 0 75px 0 25px; background: #f7f9fb; } .td-search-popup .search-form .submit-btn { position: absolute; right: 0; top: 0; width: 60px; height: 54px; border: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; -webkit-transition: .4s; transition: .4s; padding: 0; text-align: center; cursor: pointer; background: var(--main-color); } .body-overlay { width: 100%; height: 100%; display: block; background: rgba(0,0,0,.95); content: ""; left: 0; top: 0; -webkit-transition: .4s; transition: .4s; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==),progress; } .body-overlay.active { visibility: visible; opacity: .97; } .mfp-zoom-in .mfp-content { opacity: 0; -webkit-transition: .4s; transition: .4s; -webkit-transform: scale(.7); transform: scale(.7); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: .4s; transition: .4s; } .mfp-zoom-in.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: .7; } .mfp-zoom-in.mfp-removing .mfp-content { -webkit-transform: scale(.7); transform: scale(.7); opacity: 0; } .single-input-inner { margin-bottom: 24px; position: relative; } .single-input-inner label,.single-select-inner label { font-weight: 400; font-size: 14px; color: var(--paragraph-color); margin-bottom: 0; position: absolute; top: 0; left: 20px; height: 60px; line-height: 60px; } .single-input-inner input { width: 100%; height: 60px; border: 0; border-radius: 0; padding: 0 40px; font-size: 14px; background: rgba(8,12,36,.06); color: var(--paragraph-color); } .single-input-inner input::-webkit-input-placeholder { color: var(--paragraph-color); } .single-input-inner input::-moz-placeholder { color: var(--paragraph-color); } .single-input-inner input:-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner input::-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner input::placeholder { color: var(--paragraph-color); } .pagination .pagination-arrow a:hover,.single-input-inner input:active,.single-input-inner input:focus,.single-input-inner input:hover { border: 0; } .single-input-inner textarea { width: 100%; border: 0; height: 160px; border-radius: 0; padding: 17px 40px; background: rgba(8,12,36,.06); color: var(--paragraph-color); margin-bottom: -8px; } .single-input-inner textarea::-webkit-input-placeholder { color: var(--paragraph-color); } .single-input-inner textarea::-moz-placeholder { color: var(--paragraph-color); } .single-input-inner textarea:-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner textarea::-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner textarea::placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input { border: 1px solid #d6d6d6!important; background: 0 0; height: 55px; padding: 0 20px; } .single-input-inner.style-border input::-webkit-input-placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input::-moz-placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input:-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input::-ms-input-placeholder { color: var(--paragraph-color); } .single-input-inner.style-border input::placeholder { color: var(--paragraph-color); } .single-input-inner.style-border textarea { border: 1px solid rgba(234,225,214,.6)!important; } .single-input-inner.style-border textarea::-webkit-input-placeholder { color: #bbb; } .single-input-inner.style-border textarea::-moz-placeholder { color: #bbb; } .single-input-inner.style-border textarea:-ms-input-placeholder { color: #bbb; } .single-input-inner.style-border textarea::-ms-input-placeholder { color: #bbb; } .single-input-inner.style-border textarea::placeholder { color: #bbb; } .single-input-inner.style-bg input,.single-input-inner.style-bg textarea { background: #f5f6f6; } .single-input-inner.style-bg input::-webkit-input-placeholder { color: #3f517e; } .single-input-inner.style-bg input::-moz-placeholder { color: #3f517e; } .single-input-inner.style-bg input:-ms-input-placeholder { color: #3f517e; } .single-input-inner.style-bg input::-ms-input-placeholder { color: #3f517e; } .single-input-inner.style-bg input::placeholder { color: #3f517e; } .single-input-inner.style-bg textarea::-webkit-input-placeholder { color: #3f517e; } .single-input-inner.style-bg textarea::-moz-placeholder { color: #3f517e; } .single-input-inner.style-bg textarea:-ms-input-placeholder { color: #3f517e; } .single-input-inner.style-bg textarea::-ms-input-placeholder { color: #3f517e; } .single-input-inner.style-bg textarea::placeholder { color: #3f517e; } .single-select-inner { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .single-select-inner .single-select { width: 100%; height: 60px; line-height: 60px; border: 0!important; border-radius: 0; font-size: 14px; color: var(--paragraph-color); background: rgba(8,12,36,.06); padding: 0 30px 0 40px; } .single-select-inner .single-select::-webkit-input-placeholder { color: var(--paragraph-color); } .single-select-inner .single-select::-moz-placeholder { color: var(--paragraph-color); } .single-select-inner .single-select:-ms-input-placeholder { color: var(--paragraph-color); } .single-select-inner .single-select::-ms-input-placeholder { color: var(--paragraph-color); } .single-select-inner .single-select::placeholder { color: var(--paragraph-color); } .single-select-inner .single-select:after { right: 20px; height: 7px; width: 7px; border-color: var(--paragraph-color); } .single-select-inner.style-border .single-select { border: 1px solid #d6d6d6!important; background: 0 0; height: 55px; line-height: 55px; padding: 0 20px; } .single-select-inner.style-bg .single-select::-webkit-input-placeholder { color: #3f517e; } .single-select-inner.style-bg .single-select::-moz-placeholder { color: #3f517e; } .single-select-inner.style-bg .single-select:-ms-input-placeholder { color: #3f517e; } .single-select-inner.style-bg .single-select::-ms-input-placeholder { color: #3f517e; } .single-select-inner.style-bg .single-select::placeholder { color: #3f517e; } .single-check-wrap { font-size: 14px; margin: 0; line-height: 26px; } .single-check-wrap .form-check-input { border-radius: 0; border: 1px solid #d6d6d6; outline: 0; -webkit-box-shadow: none; box-shadow: none; position: relative; height: 20px; width: 20px; } .single-check-wrap .form-check-input:after { content: ""; position: absolute; left: 5px; top: 5px; height: 8px; width: 8px; background: var(--main-color); opacity: 0; z-index: 1; } .single-check-wrap .form-check-input:checked[type=checkbox] { background: 0 0; } .single-check-wrap .form-check-input:checked[type=checkbox]::after { opacity: 1; } .about-inner-wrap,.pagination li+li,.single-check-wrap label { margin-left: 10px; } .booking-form { margin-top: -120px; z-index: 2; position: relative; } .booking-form-inner { padding: 45px 50px 30px; border-radius: 7px; background-size: cover; } .booking-form-inner h3 { color: #fff; margin-bottom: 2px; } .booking-form-inner p { color: #fff; margin-bottom: 30px; } .banner-inner .title { font-weight: 600; margin-top: 38px; } .banner-inner .content { margin-top: 11px; margin-bottom: 0; font-weight: 600; font-size: 16px; } .banner-inner .btn-wrap { margin-top: 35px; } .banner-inner.style-white .title { color: #fff; text-transform: uppercase; } .banner-inner.style-white .content,.single-cta-wrap a { color: #f4e0c7; } .shape { position: relative; } .shape .shape-5 { width: 100%; height: 240px; clip-path: polygon(74% 65%,100% 0%,100% 100%,0% 100%,0% 100%,0% 100%,0% 90%,27% 50%); } .shape .shape-4 { width: 100%; height: 240px; background: #fff; clip-path: polygon(75% 75%,100% 0%,100% 100%,0% 100%,0% 100%,0% 100%,0% 100%,27% 50%); } .contact-area.con-form-sec .contact-form,.counter-block:first-child .counter-block-two .inner-box,.counter-block:first-child .counter-block-two .inner-box:after,.counter-block:first-child .counter-block-two .inner-box:before,.main-timeline .timeline:nth-child(3n) .timeline-content:before,.main-timeline .timeline:nth-child(4n) .timeline-content:before,.shape .shape-5 { background: #0f3065; } .z_2 { z-index: 2; } .blog-thumb-slider .owl-nav button.owl-prev,.l_0 { left: 0; } .p_absolute { position: absolute; } .banner-area-1 .item { position: relative; background-size: cover!important; background-position: center!important; z-index: 1; } .banner-area-1 video { position: absolute; top: 0; left: 0; width: 100%; height: 125%; object-fit: cover; } .banner-area-1 .item:after { content: ""; background: -webkit-gradient(linear,left top,right top,color-stop(14.27%,rgba(8,12,36,.811263)),color-stop(29.06%,rgba(8,12,36,.16789)),color-stop(41.25%,rgba(8,12,36,.105506)),color-stop(51.56%,rgba(8,12,36,.132149)),color-stop(57.4%,rgba(8,12,36,.111263)),color-stop(82.4%,rgba(8,12,36,0))); background: linear-gradient(90deg,rgba(8,12,36,.811263) 14.27%,rgba(8,12,36,.16789) 29.06%,rgba(8,12,36,.105506) 41.25%,rgba(8,12,36,.132149) 51.56%,rgba(8,12,36,.111263) 57.4%,rgba(8,12,36,0) 82.4%); position: absolute; left: 0; top: 0; height: 100%; width: 120%; z-index: -1; } .banner-area-1 .item video { width: 100%; margin-left: 20px; position: relative; top: 32%; border: 4px solid #fff; } .banner-area-1 { overflow: hidden; } .banner-area-1 .banner-inner { padding: 255px 0 320px; position: relative; } .banner-area-1 .banner-inner .btn-wrap .btn-base,.banner-area-2 .banner-inner .btn-wrap .btn-base { margin-right: 28px; } .banner-area-1 .banner-slider .owl-nav { position: absolute; left: 10px; top: 42%; z-index: 9; display: none; } .banner-area-1 .banner-slider .owl-nav button.owl-prev,.banner-area-2 .banner-slider .owl-nav button.owl-prev { margin-bottom: 10px; } .banner-area-2 .banner-inner { padding: 343px 0 365px; position: relative; } .banner-area-2 .banner-slider .owl-nav { position: absolute; left: 10px; top: 50%; z-index: 9; } .banner-slider .owl-item.active .b-animate-1 { -webkit-animation: 2.5s .1s both fadeInLeft; animation: 2.5s .1s both fadeInLeft; } .banner-slider .owl-item.active .b-animate-2 { -webkit-animation: 2.5s .2s both fadeInLeft; animation: 2.5s .2s both fadeInLeft; } .banner-slider .owl-item.active .b-animate-3 { -webkit-animation: 2.5s .6s both fadeInLeft; animation: 2.5s .6s both fadeInLeft; } .banner-slider .owl-item.active .b-animate-4 { -webkit-animation: 2.5s .8s both fadeInLeft; animation: 2.5s .8s both fadeInLeft; } .banner-slider .owl-item.active .b-animate-5 { -webkit-animation: 2.5s .9s both fadeInLeft; animation: 2.5s .9s both fadeInLeft; } .feature-area { background: #fff; -webkit-box-shadow: 0 4px 50px rgba(0,35,90,.1); box-shadow: 0 4px 50px rgba(0,35,90,.1); border-radius: 20px; padding: 40px; position: relative; top: -210px; z-index: 2; } .feature-area .feature-slider { padding-top: 0; margin-top: -20px; } .feature-wrap { padding: 30px 40px 10px; border-radius: 10px; } .feature-wrap.bg-pink { background: rgba(250,67,24,.1); } .feature-wrap.bg-ash { background: rgba(8,12,36,.1); } .feature-wrap.bg-sky { background: rgba(0,133,239,.1); } .feature-wrap .icon { background: var(--main-color); height: 60px; width: 60px; line-height: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; position: relative; margin: 5px 0 22px 5px; } .feature-wrap .icon:after { position: absolute; content: ""; left: -5px; top: -5px; background: var(--heading-color); height: 60px; border-radius: 50%; width: 60px; z-index: -1; } .feature-wrap .icon img { margin: auto; width: auto; } .icon2 img { padding: 0 40px; margin-bottom: -18px; } .feature-wrap p { margin-top: 12px; margin-bottom: 0; } .feature-slider .owl-nav { position: absolute; right: 0; top: -128px; } .feature-slider .owl-nav .owl-prev,.widget_support p.contact i,.widget_support p.contact svg { margin-right: 10px; } .about-area { margin-top: -140px; } .about-area-2 .about-inner-wrap { margin-right: 64px; } .about-area-2 .about-thumb-wrap .img-1 { top: 0; right: 0; left: auto; bottom: auto; } .about-area-2 .about-thumb-wrap .img-2 { margin-left: -58px; } .about-area-2 .about-thumb-wrap .img-3 { margin-left: -168px; margin-bottom: -73px; } .about-area-2 .about-thumb-wrap .exprience-wrap { right: auto; top: auto; bottom: -88px; left: -56px; } .counter-block-two .inner-box:after,.counter-block-two .inner-box:before { width: 100%; height: 23px; left: 0; content: ""; clip-path: polygon(0% 0%,100% 100%,65% 0%,25% 25%,100% 100%,0% 100%,0% 100%,0% 0%); } .about-thumb-wrap .img-1 { position: absolute; left: -39px; bottom: 140px; z-index: -1; } .about-thumb-wrap .img-3 { margin-left: 240px; margin-top: -55px; vertical-align: bottom; } .about-thumb-wrap .exprience-wrap { display: inline-block; text-align: center; position: absolute; right: -20px; top: 17px; } .about-inner-wrap .btn-wrap,.about-inner-wrap .btn-wrap .author-wrap,.list-inner-wrap li,.single-about-wrap { display: -webkit-box; display: -ms-flexbox; } .about-thumb-wrap .exprience-wrap img { margin-bottom: -15px; } .about-thumb-wrap .exprience-wrap .details { background: url(../img/about/shape-2.png) center/cover; padding: 45px 30px; } .about-thumb-wrap .exprience-wrap .details h2 { font-size: 64px; font-weight: 900; color: var(--main-color); margin-bottom: 0; line-height: 83px; } .about-thumb-wrap .exprience-wrap .details p { font-weight: 600; color: var(--heading-color); line-height: 19px; } .details p b { color: #fff; font-size: 18px; font-weight: 600; } .counter-block-two .inner-box p,.pagination li a,.progress-item .progress-count.counting,.scroll-to-top .scroll-bar-text,.sec-title.light h2,.section-title .title3,.sidebar ul li a,.single-pricing-inner .header .price sup,.tag-and-share strong,.widget p.widget-title,blockquote span { font-family: var(--heading-font); } .cta-inner-wrap a.btn { width: 160px; display: block; margin: 0 auto; } .about-inner-wrap .section-title .content { margin-top: 10px; padding-left: 10px; font-size: 20px; font-weight: 500; color: var(--heading-color); line-height: 30px; margin-bottom: 10px; } .about-inner-wrap .btn-wrap { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; } .about-inner-wrap .btn-wrap .btn,.main-timeline .timeline:first-child { margin-top: 0; } .about-inner-wrap .btn-wrap .author-wrap { margin: 0 auto; text-align: center; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-inner-wrap .btn-wrap .author-wrap img { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 20px; } .about-inner-wrap .btn-wrap .author-wrap p { margin-bottom: 0; margin-top: 4px; font-size: 14px; font-weight: 500; color: #4d5765; } .about-inner-wrap .btn-wrap .video-wrap { font-weight: 600; font-size: 16px; line-height: 19px; color: var(--heading-color); margin-left: 100px; } .about-inner-wrap .btn-wrap .video-wrap span { margin-left: 10px; text-decoration: underline; } .about-inner-wrap .btn-wrap .video-wrap .video-play-btn { height: 45px; width: 45px; line-height: 45px; } .about-inner-wrap .btn-wrap .video-wrap .video-play-btn:after { height: 55px; width: 55px; top: -5px; left: -5px; border: 0; background: rgba(250,67,24,.3); } .about-inner-wrap .btn-wrap .video-wrap .video-play-btn i,.about-inner-wrap .btn-wrap .video-wrap .video-play-btn svg { font-size: 14px; margin-left: 2px; } .single-about-wrap { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 9px; } .single-about-wrap .icon,.single-recent-post .thumb { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 15px; } .blog-comment .media .media-body h6,.single-about-wrap h6 { font-weight: 700; font-size: 20px; line-height: 30px; margin-bottom: 0; } .list-inner-wrap li { list-style: none; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--heading-color); font-weight: 600; font-size: 14px; padding: 5px 0; } .list-inner-wrap li+li { margin-top: 2px; } .list-inner-wrap li i,.list-inner-wrap li img,.list-inner-wrap li svg { margin-right: 8px; } .funfact-style-two { margin: 100px 0 170px; } .funfact-style-two .inner-container { position: relative; margin: 0 15px -130px; z-index: 1; } .counter-block-two .inner-box { position: relative; display: block; background: #e6e6e9; padding: 50px 30px 53px; box-shadow: 0 0 100px 0 rgba(0,0,0,.12); } .counter-block-two .inner-box:before { position: absolute; background: #e6e6e9; top: -22px; } .counter-block-two .inner-box:after { position: absolute; background: #e6e6e9; bottom: -23px; transform: rotate(180deg); } .counter-block:last-child .counter-block-two .inner-box:before,.counter-block:nth-child(2) .counter-block-two .inner-box:before { transform: rotateY(180deg); clip-path: polygon(0% 0%,100% 100%,65% 0%,25% 25%,100% 100%,0% 100%,0% 100%,0% 0%); } .counter-block:last-child .counter-block-two .inner-box:after,.counter-block:nth-child(2) .counter-block-two .inner-box:after { transform: rotateX(180deg); clip-path: polygon(0% 0%,100% 100%,65% 0%,25% 25%,100% 100%,0% 100%,0% 100%,0% 0%); } .counter-block:first-child .counter-block-two .inner-box .icon-box,.counter-block:nth-child(3) .counter-block-two .inner-box .icon-box { color: rgba(255,255,255,.1); } .counter-block-two .inner-box .icon-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 120px; } .counter-block-two .inner-box .count-outer { position: relative; display: block; font-size: 60px; line-height: 60px; color: #141417; font-weight: 800; text-transform: uppercase; margin-bottom: 8px; } .counter-block-two .inner-box p { font-size: 27px; font-weight: 500; color: #141417; } .counter-block:nth-child(2) .counter-block-two .inner-box .icon-box,.counter-block:nth-child(4) .counter-block-two .inner-box .icon-box { opacity: .1; } .wcu-area { padding: 80px 0 87px; } .wcu-area .img-1 { position: absolute; top: 69px; left: 37px; } .wcu-area .img-2 { position: absolute; bottom: -28px; right: 0; } .wcu-area-2 { background-repeat: no-repeat; background-size: cover; background-position: center; padding-bottom: 168px; } .contact-information-wrap .single-contact-info-wrap .media,.single-wcu-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .single-wcu-wrap .icon { position: relative; width: 30px; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 5px 0 0 5px; z-index: 0; margin-right: 15px; } .single-wcu-wrap .icon:after { content: ""; position: absolute; left: 0; top: 0; background: 0 0; height: 30px; width: 30px; border: 1px solid var(--main-color); border-radius: 50%; z-index: -1; } .single-wcu-wrap .details h6 { color: #fff; font-size: 20px; line-height: 26px; margin-bottom: 10px; text-transform: uppercase; } .single-wcu-wrap .details p { color: #d6d6d6; font-size: 16px; font-weight: 600; line-height: 13px; margin-top: 9px; } .single-wcu-wrap.style-2 .icon { height: 50px; width: 50px; background: var(--main-color); border-radius: 50%; line-height: 50px; text-align: center; z-index: 1; padding: 0; margin-top: 10px; } .single-wcu-wrap.style-2 .icon:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: var(--main-color); z-index: -1; border: 0; border-radius: 50%; } .single-wcu-wrap.style-2 .icon:after { background: #fff; z-index: -2; top: -5px; left: -5px; border: 0; } .fact-area .fact-counter-area { -webkit-transform: translate(0,-120px); transform: translate(0,-120px); margin-bottom: -120px; } .fact-counter-area { border-top: 5px solid var(--main-color); padding: 39px 45px 11px; -webkit-transform: translate(0,-114px); transform: translate(0,-114px); margin-bottom: -114px; } .single-fact-wrap { position: relative; margin-bottom: 30px; padding-left: 15px; } .single-fact-wrap:after { content: ""; position: absolute; right: -15px; top: 50%; height: 140px; width: 4px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); background: var(--main-color); } .single-fact-wrap h2 { color: var(--main-color); font-weight: 700; font-size: 44px; line-height: 57px; margin-bottom: 8px; } .single-fact-wrap h5 { line-height: 31px; color: #fff; margin-bottom: 10px; } .single-fact-wrap p { line-height: 26px; color: #d6d6d6; margin-bottom: 0; } .single-team-wrap { position: relative; background: #fff; -webkit-box-shadow: 0 10px 50px rgba(7,36,95,.12); box-shadow: 0 10px 50px rgba(7,36,95,.12); border-radius: 10px; text-align: center; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .single-team-wrap .thumb:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: var(--heading-color); mix-blend-mode: soft-light; opacity: .6; border-radius: 10px 10px 0 0; } .single-team-wrap img { border-top: 10px solid #fff; border-bottom: 10px solid #fff; } .single-service-wrap:hover .details .btn-wrap .read-more-text span,.single-team-wrap:hover .details .hover-icon,.video-area .cta-inner-wrap .single-cta-wrap .icon { background: #fff; color: var(--main-color); } .single-team-wrap:hover .details .hover-icon:before { background: rgba(255,255,255,.5); } .single-team-wrap .details { padding: 0 6px 12px; min-height: 60px; -webkit-transition: .3s ease-in; transition: .3s ease-in; position: relative; display: flex; justify-content: center; align-items: center; } .single-team-wrap .details h5 { font-size: 22px; line-height: 18px; padding-top: 12px; -webkit-transition: .3s ease-in; transition: .3s ease-in; margin-bottom: -2px; } .single-team-wrap .details p { line-height: 24px; -webkit-transition: .3s ease-in; transition: .3s ease-in; margin-bottom: 0; } .single-team-wrap .details .hover-icon { background: var(--main-color); height: 40px; width: 40px; border-radius: 50%; line-height: 40px; color: #fff; position: absolute; left: 30px; top: -90%; -webkit-transition: .3s ease-in; transition: .3s ease-in; -webkit-transform: translate(0,50%); transform: translate(0,50%); margin-top: 15px; cursor: pointer; } .single-team-wrap .details .hover-icon:before { content: ""; position: absolute; height: 60px; width: 60px; background: rgba(15,48,101,.25); border-radius: 50%; top: 50%; right: 50%; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); z-index: -1; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .single-team-wrap .details .hover-icon:hover .fa-plus { -webkit-transform: rotate(45deg); transform: rotate(45deg); color: var(--main-color); } .single-team-wrap .details .hover-icon:hover .social-area,.swiper-slide.swiper-slide-active .single-portfolio-wrap .portfolio-details,.typ .box:hover .imgBx:before { opacity: 1; } .single-team-wrap .details .social-area { -webkit-transition: .3s ease-in; transition: .3s ease-in; position: absolute; right: 0; top: 0; -webkit-transform: translate(50%,-100%); transform: translate(50%,-100%); margin-bottom: 0; padding: 0; margin-top: -20px; margin-right: -34px; opacity: 0; } .single-team-wrap .details .social-area li { display: block; margin: 0; } .single-team-wrap .details .social-area li+li,.widget-video-inner .details { margin-top: 10px; } .single-team-wrap .details .social-area li a { background: #fff; -webkit-box-shadow: 0 4px 15px rgba(7,36,95,.15); box-shadow: 0 4px 15px rgba(7,36,95,.15); width: 225px; font-size: 14px; font-weight: 700; line-height: 40px; height: 40px; color: #0f3065; border-radius: 5px; display: block; text-align: left; padding-left: 10px; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .single-team-wrap .details .social-area li a i,.single-team-wrap .details .social-area li a svg { -webkit-transition: none; transition: none; } .single-team-wrap .details .social-area li a:hover { background: var(--main-color); -webkit-box-shadow: 0 8px 19px rgba(255,76,19,.3); box-shadow: 0 8px 19px rgba(255,76,19,.3); color: #fff; } .service-slider .owl-nav button,.team-slider .owl-nav button,.testimonial-slider .owl-nav button { -webkit-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; position: absolute; } .service-slider .owl-nav .owl-prev,.team-slider .owl-nav .owl-prev,.testimonial-slider .owl-nav .owl-prev { left: -90px; } .service-slider .owl-nav .owl-next,.team-slider .owl-nav .owl-next,.testimonial-slider .owl-nav .owl-next { position: absolute; right: -90px; } .call-to-contact-area { margin-top: 20px; position: relative; z-index: 0; } .call-to-contact-area img { position: absolute; width: 73.5%; left: 0; bottom: 0; z-index: -1; } .call-to-contact-area .section-title .subtitle { background-size: 98% 100%; } .cta-inner-wrap { background: url(../img/contact/bg.png); padding: 40px 50px; } .single-cta-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 41px; margin-left: 14px; } .single-cta-wrap .icon { width: 50px; height: 50px; -webkit-box-flex: 0; -ms-flex: none; flex: none; background: var(--main-color); line-height: 52px; text-align: center; color: #fff; border-radius: 50%; font-size: 20px; position: relative; z-index: 0; } .single-testimonial-wrap .client-wrap,.swiper-slide { -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; } .single-cta-wrap .icon:after { content: ""; position: absolute; left: 50%; top: 50%; background: #f4e0c7; opacity: .3; height: 76px; width: 76px; border-radius: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -1; } .single-cta-wrap .details { margin-left: 33px; } .single-cta-wrap .details h6 { font-weight: 700; font-size: 18px; line-height: 23px; color: #fff; margin-bottom: 5px; } .single-cta-wrap .details h3 { font-weight: 600; font-size: 29px; line-height: 39px; color: #fff; margin-bottom: 0; } .testimonial-area { background-position: center; background-size: cover; background-repeat: no-repeat; } .testimonial-area.style-2 { margin-left: 50px; margin-right: 50px; } .testimonial-area.style-2 .testimonial-slider .owl-nav button { right: 0; left: auto; top: -90px; } .testimonial-area.style-2 .testimonial-slider .owl-nav button.owl-prev { right: 70px; } .single-testimonial-wrap { border-radius: 5px; padding: 0; margin-top: 60px; z-index: 99; } .single-testimonial-wrap .icon { -webkit-transform: translate(0,-39px); transform: translate(0,-39px); margin-bottom: -9px; } .service-details-wrap .thumb .icon img,.single-service-wrap .thumb .icon img,.single-service-wrap-2 .icon img,.single-testimonial-wrap .client-wrap .thumb img,.single-testimonial-wrap .icon img { width: auto; } .single-testimonial-wrap p { font-weight: 400; font-size: 16px; line-height: 26px; color: #4d5765; border-left: 3px solid var(--main-color); padding-left: 7px; margin-bottom: 0; } .single-testimonial-wrap .client-wrap { margin-top: 29px; display: flex; -ms-flex-align: center; align-items: center; } .single-testimonial-wrap .client-wrap .thumb { margin-right: 10px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .single-testimonial-wrap .client-wrap .details h5 { font-weight: 700; font-size: 24px; color: #fff; line-height: 31px; margin-bottom: 3px; } .single-testimonial-wrap .client-wrap .details p { font-weight: 400; font-size: 16px; line-height: 19px; color: #4d5765; padding-left: 0; border: 0; } .portfolio-area { background-position: center!important; background-size: cover!important; } .portfolio-area .section-title { margin-bottom: -35px; } .swiper-container { margin: -305px -93px 253px; -webkit-transform: translate(0,134px); transform: translate(0,134px); padding-top: 172px; } .swiper-container .button { height: 55px; width: 55px; line-height: 54px; border-radius: 50%; background: #fff; border: 0; -webkit-box-shadow: 0 8px 20px rgba(7,36,95,.15); box-shadow: 0 8px 20px rgba(7,36,95,.15); -webkit-transition: .3s ease-in; transition: .3s ease-in; text-align: center; position: absolute; top: 22px; left: auto; } .pagination li a.active,.pagination li a:active,.pagination li a:focus,.pagination li a:hover,.swiper-container .button:hover { background: var(--main-color); color: #fff; -webkit-box-shadow: 0 8px 19px rgba(255,76,19,.3); box-shadow: 0 8px 19px rgba(255,76,19,.3); } .swiper-container .swiper-button-prev { right: 158px; } .swiper-container .swiper-button-next { right: 93px; } .swiper-slide { display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .2s linear; transition: .2s linear; -webkit-transform: scale(1); transform: scale(1); } .swiper-slide.swiper-slide-active .single-portfolio-wrap { -webkit-transform: scale(1.7); transform: scale(1.7); } .swiper-slide.swiper-slide-next { z-index: -1; } .single-portfolio-wrap { -webkit-transition: .3s ease-in; transition: .3s ease-in; margin: 84px 0; position: relative; } .single-portfolio-wrap .portfolio-details { position: absolute; left: 0; bottom: 0; width: -webkit-fill-available; background: #fff; border-radius: 5px; margin: 20px; padding: 20px 23px 16px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .single-portfolio-wrap .portfolio-details .details p { font-weight: 500; font-size: 10px; line-height: initial; color: var(--main-color); margin-bottom: 9px; } .single-portfolio-wrap .portfolio-details .details h4 { font-size: 14px; margin-bottom: 0; } .single-portfolio-wrap .portfolio-details .icon { height: 28px; width: 28px; background: var(--main-color); border-radius: 5px; text-align: center; line-height: 30px; color: #fff; margin-left: auto; font-size: 12px; } .partner-area-2 { background-size: 100% 100%!important; background-position: 0 0!important; background-repeat: no-repeat!important; position: relative; top: -109px; z-index: 1; margin-bottom: -109px; } .partner-slider .thumb { cursor: default; } .partner-slider .thumb:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .partner-slider .thumb img { width: auto; margin: auto; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: .3s ease-in; transition: .3s ease-in; } .skill-area .section-title { margin-bottom: 19px; } .service-area .section-title .subtitle.style-2,.skill-area .section-title .subtitle.style-2 { background-size: 95% 100%; } .skill-area .thumb.img-2 { margin-top: 90px; } .single-progressbar .title { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7px; } .single-progressbar .title h6 { font-weight: 500; font-size: 18px; line-height: 28px; margin-bottom: 0; } .single-progressbar .title .progress-count-wrap { margin-left: auto; font-weight: 500; font-size: 18px; line-height: 28px; color: var(--heading-color); font-family: var(--heading-font); } .progress-item .progress-count-wrap { position: absolute; top: -35px; right: 16px; } .progress-item .progress-count.counting { font-weight: 600; font-size: 16px; color: var(--heading-color); } .progress-item.add-progress-start .progress-count-wrap { position: absolute; top: -35px; right: -5px; } .progress-item.add-progress-full .progress-count-wrap { position: absolute; top: -35px; right: 11px; } .progress-item .progress-bg { position: relative; height: 6px; border-radius: 3px; background: #e0e0e0; } .progress-item .progress-bg .progress-rate { position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 3px; background: var(--main-color); -webkit-transition: 2.5s; transition: 2.5s; } .video-area { position: relative; z-index: 0; overflow: hidden; } .video-area .video-thumb-wrap { position: absolute; right: 0; top: 0; height: 100%; width: 80%; } .video-area .video-thumb-wrap img { height: 100%; } .video-area .video-thumb-wrap .video-play-btn { position: absolute; top: 50%; left: 68.5%; -webkit-animation: none; animation: none; } .blog-details-area .video-thumb-wrap .video-play-btn:after,.service-details-wrap .video-thumb-wrap .video-play-btn:after,.video-area .video-thumb-wrap .video-play-btn:after { height: 100px; width: 100px; background: var(--main-color); opacity: .3; border: 0; left: -20px; top: -20px; } .video-area .cta-inner-wrap .section-title .subtitle.style-2 { background: url(../img/shape/bg-subtitle.png) bottom/100% 100% no-repeat; } .contact-area,.contact-area.con-form-sec .single-input-inner input,.contact-area.con-form-sec .single-input-inner textarea,.contact-area.con-form-sec .single-select-inner .single-select,.faq-accordion .single-accordion-inner .accordion-header .accordion-button:not(.collapsed):after,.sidebar-area .widget .widget-title.style-white span,.sidebar-area .widget .widget-title.style-white span:after,.sidebar-area .widget .widget-title.style-white:after,.video-area .cta-inner-wrap .btn:hover,.video-area .cta-inner-wrap .btn:hover:after,.video-area .cta-inner-wrap .single-cta-wrap .icon:after { background: #fff; } .contact-area { -webkit-box-shadow: 0 10px 50px rgba(8,12,36,.08); box-shadow: 0 10px 50px rgba(8,12,36,.08); } .contact-area .contact-form { padding: 40px 40px 80px; } .contact-area .contact-form h3 { border-bottom: 2px solid var(--main-color); margin-bottom: 40px; padding-bottom: 4px; } .contact-information-wrap { background: var(--main-color); padding: 29px 40px 40px; } .contact-information-wrap h3 { border-bottom: 2px solid #fff; margin-bottom: 40px; padding-bottom: 4px; color: #fff; } .contact-information-wrap .single-contact-info-wrap { background: #fff; border-radius: 5px; padding: 23px 30px 27px; margin-bottom: 24px; } .contact-information-wrap .single-contact-info-wrap h6 { font-weight: 700; font-size: 20px; line-height: 26px; margin-bottom: 9px; } .contact-information-wrap .single-contact-info-wrap .media .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 50px; width: 50px; line-height: 50px; background: var(--main-color); border-radius: 5px; text-align: center; color: #fff; margin-right: 10px; font-size: 20px; } .contact-information-wrap .single-contact-info-wrap .media p { line-height: 26px; margin-bottom: 0; } .contact-g-map { margin-bottom: -11px; } .contact-g-map iframe { line-height: 1!important; border: 0; width: 100%; height: 600px; } .request-quote-inner { background: #fff; -webkit-box-shadow: 0 10px 50px rgba(8,12,36,.1); box-shadow: 0 10px 50px rgba(8,12,36,.1); position: relative; top: -168px; margin-bottom: -168px; } .request-quote-inner .nav-pills { background: #161922; } .quote-wrap .btn:hover,.single-pricing-inner .btn { background: var(--heading-color); } .request-quote-inner .nav-pills .nav-item { width: 50%; } .request-quote-inner .nav-pills .nav-item .nav-link { width: 100%; height: 80px; padding: 0; border-radius: 0; font-weight: 700; font-size: 16px; color: #fff; } .request-quote-inner .nav-pills .nav-item .nav-link img { margin-right: 15px; } .request-quote-inner .tab-content .tab-pane { padding: 46px 50px 50px; } .request-quote-inner .tab-content .tab-pane .subtitle { font-weight: 700; font-size: 16px; line-height: 21px; margin-bottom: 14px; } .quote-wrap .btn,.request-quote-inner .tab-content .tab-pane .btn,.single-pricing-inner .btn { height: 55px; line-height: 55px; font-size: 14px; } .request-quote-inner .tab-content .tab-pane .single-check-list { margin: 0 0 40px; padding: 0; list-style: none; } .request-quote-inner .tab-content .tab-pane .single-check-list li+li { margin-left: 30px; } .quote-wrap { padding: 31px 40px 40px; margin-left: 26px; } .quote-wrap h4 { color: #fff; line-height: 40px; margin-bottom: 17px; } .quote-wrap p { color: #fff; line-height: 26px; margin-bottom: 48px; } .quote-wrap .btn { color: var(--main-color); } .quote-wrap .btn:hover { color: #fff; } .single-pricing-inner { background: #fff; -webkit-box-shadow: 0 6px 30px rgba(0,15,87,.08); box-shadow: 0 6px 30px rgba(0,15,87,.08); padding: 44px 60px 50px; margin-bottom: 30px; } .single-pricing-inner .header { border-bottom: 1px solid #e4e4e4; padding-bottom: 4px; margin-bottom: 26px; } .single-pricing-inner .header h4 { font-weight: 700; font-size: 24px; line-height: 31px; display: inline-block; position: relative; margin-bottom: 17px; } .single-pricing-inner .header h4:after { content: ""; position: absolute; left: 0; bottom: -5px; height: 2px; width: 100%; background: var(--main-color); } .single-pricing-inner .header .price h2 { font-weight: 900; font-size: 64px; line-height: 83px; color: var(--main-color); } .single-pricing-inner .header .price sup { font-weight: 700; font-size: 36px; line-height: 47px; color: var(--main-color); } .single-pricing-inner .header .price span { font-weight: 600; font-size: 16px; line-height: 19px; color: var(--heading-color); margin-left: -26px; position: relative; bottom: -5px; } .single-pricing-inner .single-list-inner { margin: 0 0 38px; padding: 0; list-style: none; } .single-pricing-inner .single-list-inner li { font-weight: 400; font-size: 16px; line-height: 16px; } .single-pricing-inner .single-list-inner li+li { margin-top: 18px; } .single-pricing-inner .single-list-inner li i,.single-pricing-inner .single-list-inner li svg,.single-recent-post .details p i,.single-recent-post .details p svg { color: var(--main-color); margin-right: 10px; } .faq-accordion .single-accordion-inner { border: 0; margin-bottom: 30px; background: #fff; -webkit-box-shadow: 0 4px 20px rgba(8,12,36,.08); box-shadow: 0 4px 20px rgba(8,12,36,.08); } .faq-accordion .single-accordion-inner .accordion-header .accordion-button { font-weight: 600; font-size: 20px; line-height: 30px; color: var(--heading-color); background: #fff; border: 0; padding: 10px 30px; -webkit-box-shadow: none; box-shadow: none; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button span,.widget-video-inner .details ul li i { color: var(--main-color); margin-right: 7px; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button:after { background: var(--main-color); height: 2px; width: 12px; background: var(--main-color); -webkit-transform: none; transform: none; } .faq-accordion .single-accordion-inner .accordion-header .accordion-button:before { content: ""; background: var(--main-color); height: 12px; width: 2px; position: absolute; right: 35px; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .faq-accordion .single-accordion-inner .accordion-body { padding: 24px 30px; } .service-area.style-2 .single-service-wrap { margin-top: 0; -webkit-transform: none; transform: none; margin-bottom: 40px; } .service-area.style-2 .single-service-wrap .details { padding: 40px 29px 30px; } .single-service-wrap { -webkit-transform: translate(0,50%); transform: translate(0,50%); margin-top: -210px; z-index: 1; position: relative; } .single-service-wrap:hover .thumb:after,.single-service-wrap:hover .thumb:before { border-color: transparent transparent transparent var(--main-color); } .single-service-wrap:hover .details p { border-bottom-color: #fff; } .single-service-wrap .thumb:after,.single-service-wrap .thumb:before { position: absolute; border-style: solid; border-width: 40px 0 0 39px; border-color: transparent transparent transparent #fff; bottom: 68px; height: 0; width: 0; content: ""; } .single-service-wrap .thumb { margin: 0 30px; position: relative; z-index: 0; } .single-service-wrap .thumb:after { left: -30px; z-index: -1; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .single-service-wrap .thumb:before { right: -30px; -webkit-transform: translate(0,-175%); transform: rotate(270deg); -webkit-transition: .3s ease-in; transition: .3s ease-in; z-index: -1; } .service-details-wrap .thumb .icon,.single-service-wrap .thumb .icon { height: 70px; width: 70px; background: var(--main-color); border-radius: 50%; line-height: 68px; margin-left: auto; margin-bottom: -70px; position: relative; text-align: center; } .single-service-wrap .thumb .icon { right: 20px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .single-service-wrap .details { background: #fff; box-shadow: rgba(0,0,0,.35) 0 5px 15px; -webkit-transition: .3s ease-in; transition: .3s ease-in; padding: 32px 29px 30px; } .single-service-wrap .details h2,.single-service-wrap .details h5 { margin-bottom: 8px; -webkit-transition: .3s ease-in; line-height: 31px; } .single-service-wrap .details h5 { transition: .3s ease-in; } .single-service-wrap .details h2 { transition: .3s ease-in; font-size: 25px; } .single-service-wrap .details p { line-height: 26px; border-bottom: 1px solid rgba(8,12,36,.15); padding-bottom: 17px; -webkit-transition: .3s ease-in; transition: .3s ease-in; margin-bottom: 20px; } .single-service-wrap .details .btn-wrap .read-more-text { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 600; -webkit-transition: .3s ease-in; transition: .3s ease-in; color: var(--heading-color); } .single-service-wrap .details .btn-wrap .read-more-text span,.single-service-wrap-2 .details .btn-wrap .read-more-text span { display: inline-block; height: 26px; width: 26px; line-height: 26px; border-radius: 50%; margin-left: auto; text-align: center; background: var(--main-color); -webkit-transition: .3s ease-in; transition: .3s ease-in; color: #fff; } .service-details-wrap .thumb .icon { right: 50px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .service-details-wrap h2 { font-weight: 700; font-size: 40px; line-height: 52px; margin-top: 28px; margin-bottom: 9px; } .service-details-wrap p { font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 18px; } .service-details-wrap p.last-para { margin-bottom: -8px; } .service-details-wrap .subtitle { border-bottom: 1px solid #d6d6d6; padding-bottom: 16px; margin-bottom: 21px; line-height: 39px; } .service-details-wrap .list-inner-wrap li { position: relative; padding-left: 29px; line-height: 26px; } .service-details-wrap .list-inner-wrap li:after { content: ""; position: absolute; left: 0; top: 7px; background: #fff; border: 4px solid var(--main-color); height: 14px; width: 14px; } .blog-details-area .video-thumb-wrap .video-play-btn,.service-details-wrap .video-thumb-wrap .video-play-btn { -webkit-animation: none; animation: none; } .single-service-wrap-2 { position: relative; z-index: 0; border-radius: 6px; padding: 40px; background-size: cover!important; -webkit-box-shadow: 0 4px 30px rgba(8,12,36,.1); box-shadow: 0 4px 30px rgba(8,12,36,.1); } .single-service-wrap-2:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #fff; z-index: -1; border-radius: 5px; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .single-service-wrap-2:before { content: ""; position: absolute; left: 50%; top: 0; height: 4px; width: 70%; background: var(--main-color); -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .single-service-wrap-2 .icon { margin-bottom: 36px; } .single-service-wrap-2 .icon .img-2 { position: absolute; right: 0; top: 0; } .single-service-wrap-2 .details h5 { font-weight: 900; font-size: 24px; line-height: 31px; margin-bottom: 14px; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .single-service-wrap-2 .details p { font-weight: 400; font-size: 16px; line-height: 26px; padding-bottom: 25px; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .single-service-wrap-2 .details .btn-wrap .read-more-text { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; font-size: 14px; -webkit-transition: .3s ease-in; transition: .3s ease-in; color: var(--main-color); } .sidebar-area .widget { margin-bottom: 40px; border-radius: 0; background: rgba(8,12,36,.1); padding: 40px; } .sidebar-area .widget .widget-title { margin-bottom: 48px; font-weight: 700; font-size: 24px; line-height: 31px; position: relative; display: inline-block; } .sidebar-area .widget .widget-title:after { content: ""; position: absolute; width: 60px; height: 3px; bottom: -16px; left: 0; background: #fb493d; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .sidebar-area .widget .widget-title span { position: absolute; height: 3px; width: 3px; background: var(--heading-color); bottom: -14.5px; left: 65px; } .sidebar-area .widget .widget-title span:after { content: ""; position: absolute; width: 3px; height: 3px; bottom: 0; left: 8px; background: var(--heading-color); } .widget_search .search-form { position: relative; background: #fff; border-radius: 0; height: 55px; line-height: 55px; overflow: hidden; } .widget_search .search-form input { width: 100%; border: 0; height: 55px; background: #fff; padding: 0 48px 0 20px; } .widget_search .search-form input:focus { border: 0; outline: 0; } .widget_search .search-form button { position: absolute; right: 0; border: 0; background: 0 0; cursor: pointer; padding: 0 20px; top: 0; color: var(--main-color); height: 55px; } .widget_search .search-form button:active,.widget_search .search-form button:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; } .widget-recent-post ul { list-style: none; padding: 0; margin: 0; } .widget-recent-post ul li { border: 0; padding: 0; margin: 0; } .widget-recent-post ul li:last-child { border-bottom: 0!important; padding-bottom: 0; margin-bottom: 0; } .single-recent-post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .single-recent-post .details h6 { font-weight: 700; font-size: 18px; line-height: 28px; margin-bottom: 10px; margin-top: -10px; } .single-recent-post .details p { font-weight: 400; font-size: 14px; line-height: 14px; margin-bottom: 0; } .widget_catagory,.widget_download,.widget_support { padding: 22px 10px!important; } .widget_catagory ul,.widget_download ul,.widget_support ul { padding-left: 0; padding-bottom: 0; margin-bottom: 0; margin-top: 0; } .widget_catagory ul li,.widget_download ul li { list-style: none; -webkit-transition: .6s; transition: .6s; margin-bottom: 10px; margin-top: 0; } .widget_catagory ul li:last-child,.widget_download ul li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .widget_catagory ul li a { position: relative; color: var(--paragraph-color); padding: 18px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; font-size: 16px; line-height: 19px; border-radius: 0; background: rgba(8,12,36,.1); } .widget_catagory ul li a span { display: inline-block; margin-left: auto; } .widget_catagory ul li a i { padding-right: 5px; } .widget_download ul li a { position: relative; color: var(--paragraph-color); padding: 20.5px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; font-size: 14px; line-height: 14px; border-radius: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(8,12,36,.1); } .widget_download ul li a i,.widget_download ul li a svg { margin-right: 6px; color: var(--main-color); -webkit-transition: .3s ease-in; transition: .3s ease-in; } .widget_support { padding-bottom: 34px!important; } .widget_support .widget-title:after { left: 50%!important; -webkit-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; } .widget_support .widget-title span { left: 151px!important; } .widget p.widget-title { color: #fff; font-size: 31px; font-weight: 600; line-height: 1.2; } .widget_support p { color: #fff; font-size: 14px; margin-bottom: 10px; } .widget_support p.contact { font-weight: 600; margin-bottom: 7px; line-height: 26px; } .widget_author .thumb { margin-bottom: 23px; } .widget_author h5 { font-weight: 700; font-size: 24px; line-height: 26px; margin-bottom: 21px; } .widget_author p { line-height: 26px; margin-bottom: 24px; } .widget_author .social-media li { margin: 0 -4px 0 0; } .widget_author .social-media li a { background: 0 0; width: auto; height: auto; margin: 0 15px; color: #565969; } .widget_author .social-media li+li { border-left: 1px solid rgba(86,89,105,.2); } .widget_tags .tagcloud a { height: 40px; line-height: 39px; padding: 0 20px; border-radius: 0; display: inline-block; margin: 0 7px 10px 0; font-weight: 600; font-size: 14px; color: #fff; background: #080c24; -webkit-box-shadow: 0 2px 14px rgba(4,6,66,.05); box-shadow: 0 2px 14px rgba(4,6,66,.05); } .widget_checkbox_list .single-checkbox:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .single-checkbox { display: block; position: relative; padding-left: 28px; margin-bottom: 7px; padding-bottom: 7px; cursor: pointer; font-size: 16px; color: var(--heading-color); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #e3e3e3; } .pagination,.single-blog-inner .blog-meta li { display: -webkit-inline-box; display: -ms-inline-flexbox; } .single-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .single-checkbox input:checked~.checkmark { background-color: var(--main-color); } .single-checkbox .checkmark { position: absolute; top: 4px; left: 0; height: 20px; width: 20px; background-color: #eae1d6; } .single-checkbox .checkmark:after { content: ""; position: absolute; display: none; left: 8px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .widget-video-inner { border-radius: 5px; } .widget-video-inner .thumb { position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 20px; } .widget-video-inner .thumb:after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0,0,0,.3); } .widget-video-inner .thumb .video-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 50px; height: 50px; line-height: 52px; z-index: 1; } .widget-video-inner .thumb .video-btn i { font-size: 18px; } .widget-video-inner .thumb .video-btn:after { width: 70px; height: 70px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .widget-video-inner .details ul { padding: 0; margin: 0; } .widget-video-inner .details ul li { list-style: none; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; border-bottom: 1px dashed #e3e3e3; padding-bottom: 10px; margin-bottom: 10px; } .widget-video-inner .details ul li span { margin-right: auto; font-weight: 500; color: var(--heading-color); } .widget_contact .details li { margin-bottom: 18px; position: relative; padding-left: 25px; list-style: none; } .widget_contact .details li i { margin-right: 14px; position: absolute; left: 0; top: 6px; color: var(--main-color); } .widget_contact .details li .time { font-size: 12px; margin-top: 3px; } .widget_contact .single-contact-inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 13px; } .widget_contact .single-contact-inner .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 30px; width: 30px; background: var(--main-color); border-radius: 50%; text-align: center; color: #fff; line-height: 32px; font-size: 14px; margin-right: 10px; margin-top: 6px; } .widget_contact .single-contact-inner p { color: #d6d6d6; line-height: 28px; margin-bottom: 0; } .widget_subscribe p { color: #fff; font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 23px; } .widget_subscribe .single-subscribe-inner { height: 60px; line-height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; } .widget_subscribe .single-subscribe-inner input { height: 100%; font-weight: 400; font-size: 14px; line-height: 28px; border: 0; padding: 0 20px; width: 100%; } .widget_subscribe .single-subscribe-inner .btn { padding: 0 21px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .widget_subscribe .single-subscribe-inner .btn:after { left: -56%; } .single-blog-inner { margin-bottom: 30px; } .single-blog-inner.style-2 { margin-bottom: 40px; } .single-blog-inner.style-2 .details { padding: 37px 40px 40px; } .single-blog-inner.style-2 .details h2 { margin-bottom: 15px; line-height: 50px; } .single-blog-inner.style-2 .details p { margin-bottom: 25px; } .single-blog-inner.style-2 .blog-meta { border-bottom: 0; padding-bottom: 0; margin: 0 0 1px; } .single-blog-inner .thumb { position: relative; overflow: hidden; } .single-blog-inner .thumb img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: .9s; transition: .9s; width: 100%; } .single-blog-inner .thumb .video-play-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .single-blog-inner .blog-meta { margin: 16px 0 21px; padding: 0 0 22px; border-bottom: 1px solid #d6d6d6; } .single-blog-inner .blog-meta li { display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 26px; font-weight: 400; font-size: 16px; line-height: 14px; color: var(--paragraph-color); } .single-blog-inner .blog-meta li i,.single-blog-inner .blog-meta li svg { margin-right: 10px; color: var(--main-color); } .single-blog-inner .details { padding: 32px 30px; position: relative; background: #fff; -webkit-box-shadow: 0 6px 30px rgba(7,36,95,.08); box-shadow: 0 6px 30px rgba(7,36,95,.08); } .single-blog-inner .details h4 { margin-bottom: 0; font-weight: 500; font-size: 30px; line-height: 38px; } .single-blog-inner .details .read-more-text { font-weight: 600; font-size: 14px; } .single-blog-inner .details p { font-size: 16px; } .single-blog-inner:hover .thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); } .typ .box .content h3,.typ .box .content p { transform: translateY(200px); text-shadow: none; } .blog-thumb-slider .owl-nav button { height: 60px; width: 60px; position: absolute; top: 50%; border: 0; border-radius: 50%; background: var(--main-color); color: #fff; font-size: 30px; cursor: pointer; margin-top: -30px; } .tag-and-share .tags a,.tag-and-share strong,blockquote p,blockquote span { color: var(--heading-color); } .blog-thumb-slider .owl-nav button.owl-next { right: 0; } .pagination { display: inline-flex; margin: 20px 0 0; } .pagination .pagination-arrow a { border: 0; -webkit-transition: .4s; transition: .4s; } .pagination li a { height: 40px; width: 40px; margin-right: 0; border: 0; border-radius: 5px!important; background-color: rgba(0,15,87,.1); line-height: 42px; text-align: center; text-decoration: none; -webkit-transition: .4s; transition: .4s; display: block; font-weight: 500; font-size: 16px; } .pagination li a.page-next { width: auto; background: 0 0; font-weight: 700; font-size: 14px; color: var(--main-color); margin-left: 10px; } .pagination li a.page-next:hover { -webkit-box-shadow: none; box-shadow: none; color: var(--heading-color); } .pagination li:first-child a { border-radius: 2px 0 0 2px; } .pagination li:last-child a { border-radius: 0 2px 2px 0; } blockquote { background: rgba(8,12,36,.06); margin: 30px 0; padding: 31px 50px 38px; position: relative; border-left: 5px solid var(--main-color); } blockquote span { font-weight: 500; font-size: 20px; line-height: 26px; position: relative; padding-left: 69px; } blockquote span:after { position: absolute; content: ""; left: 0; top: 50%; background: var(--main-color); height: 4px; width: 59px; } blockquote p { font-weight: 600; font-size: 18px; font-style: italic; line-height: 30px; margin-bottom: 3px!important; } blockquote .d-flex { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } blockquote .icon { margin-left: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .tag-and-share { padding-top: 30px; margin-top: 25px; border-top: 1px solid #d6d6d6; } .tag-and-share strong { margin-bottom: 0; font-weight: 700; font-size: 20px; line-height: 26px; } .tag-and-share .tags a { display: inline-block; background: rgba(8,12,36,.06); height: 40px; line-height: 40px; padding: 0 20px; margin: 0 0 0 10px; font-weight: 600; font-size: 14px; } .tag-and-share .social-media { display: inline-block; margin-left: 14px; } .tag-and-share .social-media li { margin: 0; } .tag-and-share .social-media li a { background: rgba(8,12,36,.08); font-size: 14px; color: var(--paragraph-color); } .singla-blog-share-wrap { text-align: center; display: block; height: 60px; line-height: 60px; font-size: 14px; font-weight: 400; color: #fff; } .singla-blog-share-wrap.style-facebook { background: #3b5998; } .singla-blog-share-wrap.style-twitter { background: #1aa9f3; } .singla-blog-share-wrap.style-pinterest { background: #ac1e30; } .singla-blog-share-wrap:hover { background: #fff!important; color: #03000c; } .sec-title.light h2 { font-size: 45px; font-weight: 700; text-transform: uppercase; } .blog-comment { margin-top: 40px; padding: 33px 40px 31px; background: #fff; -webkit-box-shadow: 0 6px 50px rgba(8,12,36,.08); box-shadow: 0 6px 50px rgba(8,12,36,.08); margin-bottom: 40px; } .blog-comment h4 { margin-bottom: 23px; line-height: 39px; } .blog-comment .media { margin-bottom: 30px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; background: 0 0; border-bottom: 1px solid #d6d6d6; } .blog-comment .media.media-nesting { padding-left: 120px; } .blog-comment .media a,.footer-top-subscribe .thumb { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .blog-comment .media a img { border-radius: 50%; } .blog-comment .media .media-body { margin-left: 20px; position: relative; border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom: 21px; } .blog-comment .media .media-body .date { font-weight: 400; font-size: 14px; line-height: 26px; font-style: italic; color: var(--paragraph-color); display: block; } .blog-comment .media .media-body p { margin-top: 13px; line-height: 26px; margin-bottom: 11px; } .blog-comment .media .media-body a { font-weight: 700; font-size: 14px; line-height: 26px; color: var(--main-color); } .blog-comment .media .media-body a i,.blog-comment .media .media-body a svg { margin-right: 6px; } .blog-comment-form { margin-top: 40px; padding: 33px 40px 40px; background: #fff; -webkit-box-shadow: 0 6px 50px rgba(8,12,36,.08); box-shadow: 0 6px 50px rgba(8,12,36,.08); } .prdpg table td,.prdpg table tr.fstrow td,.sidebar ul li { box-shadow: 0 2px 18px 0 rgba(15,48,101,.11); } .blog-comment-form h4 { margin-bottom: 12px; line-height: 39px; } .blog-comment-form p { margin-bottom: 26px; line-height: 26px; } .blog-comment-form .btn { height: 55px; line-height: 55px; } .footer-area { position: relative; background-color: #080c24; padding-bottom: 10px; } .footer-area.style-2 .footer-top { padding: 0; border-color: rgba(255,255,255,.1); } .footer-area .footer-top { background-position: center; padding: 19px 0 0; } .footer-area .footer-top .single-footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 15px; } .footer-area .footer-top .single-footer-top .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 70px; width: 70px; border-radius: 5px; text-align: center; position: relative; margin: 6px 10px 0 6px; } .footer-area .footer-top .single-footer-top .details h3 { font-weight: 700; font-size: 20px; line-height: 28px; color: #fff; margin-bottom: 4px; } .footer-area .footer-top .single-footer-top .details p { font-weight: 400; font-size: 16px; line-height: 28px; color: #d6d6d6; margin-bottom: 0; } .footer-area .widget { position: relative; z-index: 2; margin-bottom: 40px; } .footer-area .widget-title { padding-bottom: 13px; margin-bottom: 26px; position: relative; font-weight: 700; font-size: 24px; line-height: 31px; color: #f8f8f8; } .footer-area .widget_about .thumb { margin-bottom: 13px; } .footer-area .widget_about .details p { font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 30px; } .footer-area .widget_nav_menu ul li { list-style: none; position: relative; color: #d6d6d6; font-weight: 600; font-size: 15px; line-height: 24px; margin-right: -1rem; } .footer-area .widget_nav_menu ul li i,.footer-area .widget_nav_menu ul li svg { margin-right: 3px; } .footer-area .widget_nav_menu ul li+li { margin-top: 16px; } .footer-bottom-area { background: #161922; padding: 21.5px 0; } .footer-bottom-area p { font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 0; } .footer-bottom-area ul { padding: 0; margin: 0; list-style: none; } .footer-bottom-area ul li { font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; display: inline-block; } .footer-bottom-area ul li+li { border-left: 1px solid #fff; padding-left: 9px; margin-left: 6px; } .footer-top-subscribe h3 { color: #fff; margin-bottom: 0; padding: 50px 0 47px; } .footer-top-subscribe .media-left { margin-left: 78px; padding-left: 80px; padding-right: 58px; border-left: 1px solid rgba(255,255,255,.1); } .footer-top-subscribe .single-subscribe-inner { min-width: 360px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .scroll-to-top { position: fixed; right: -35px; bottom: 80px; transform: rotate(90deg); z-index: 99; } .scroll-to-top .visible { visibility: visible!important; opacity: 1!important; } .scroll-to-top .scroll-top-inner { opacity: 0; visibility: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: .4s cubic-bezier(.4, 0, .2, 1); -o-transition: .4s cubic-bezier(.4, 0, .2, 1); transition: .4s cubic-bezier(.4, 0, .2, 1); } .scroll-to-top .scroll-bar { width: 50px; height: 4px; margin-right: 10px; position: relative; } .scroll-to-top .scroll-bar:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #7e90af; opacity: .2; } .scroll-to-top .scroll-bar .bar-inner { position: absolute; top: 0; right: 0; height: 100%; background-color: #7e90af; } .scroll-to-top .scroll-bar-text { font-size: 22px; font-weight: 500; color: #7e90af; cursor: pointer; transition: .5s; } .scroll-to-top .scroll-bar-text:hover { transform: scale(1.02); } .working-section .tabs-content .inner-box .text::before { position: absolute; content: ""; width: 100%; height: 25px; left: 0; top: -25px; clip-path: polygon(0% 0%,100% 100%,65% 0%,25% 25%,100% 100%,0% 100%,0% 100%,0% 0%); } .working-section .tabs-content .inner-box .text h2 { position: absolute; left: 50%; top: 37%; transform: translate(-50%,-50%); font-size: 80px; font-weight: 800; color: rgba(255,255,255,.2); text-transform: uppercase; } .working-section .tabs-content .inner-box .text h3 { position: relative; display: block; font-size: 50px; line-height: 50px; color: #fff; font-weight: 800; } .products .item { margin-bottom: 50px; } .tmline table tr td { min-width: 78px; font-size: 15px; } .tmline table tr td strong { font-size: 15px; font-weight: 700; color: #fff; background-color: #0f3065; padding: 6px 10px; border-radius: 80px; } .tmline table img { width: 18px; display: block; margin: 2px auto; } @media only screen and (max-width:1920px) { .banner-area-1 video { height: 70%; } } @media only screen and (max-width:1600px) { .banner-area-1 video { height: 85%; } } @media only screen and (max-width:1366px) { .banner-area-1 video { height: 125%; } } @media only screen and (max-width:1200px) { .working-section .tabs-box .tab-btn-box { position: relative; left: 0; height: auto; margin-bottom: 40px; } .working-section .tabs-box .tab-btns li { position: relative; left: 0!important; top: 0!important; right: 0!important; bottom: 0!important; margin: 0 8px; } .working-section .tabs-box .tab-btns li:before { display: none; } } @media only screen and (max-width:991px) { .working-section .tabs-box { margin-right: 0; } .working-section .tabs-content .inner-box { margin-bottom: 30px; } .banner-inner .title { margin-top: 0; line-height: 1!important; } } @media only screen and (max-width:810px) { .banner-area-1 .item { position: relative; max-width: 100%; } .banner-area-1 video { height: 51%; width: 100%; z-index: 2; } } @media only screen and (max-width:767px) { .working-section .shape { display: none; } .working-section { padding-bottom: 40px; } .pd-bottom-120 { padding-top: 80px; } .footer-area .widget_nav_menu ul li { font-size: 17px; } .about-area { margin-top: -210px; } .navbar-area-2 .logo .logo-2 { width: 112%; } .banner-area-1 video { height: 60%; width: 100%; } .feature-area { top: -150px; } .banner-area-1 .item::after { background: #fff; } } @media only screen and (max-width:499px) { .working-section .tabs-content .inner-box { width: 290px; height: 290px; } .working-section .content-box { margin-left: 0; } .banner-area-1 video { height: 59%; } } @media only screen and (max-width:428px) { .banner-area-1 video { height: 66%; } } @media only screen and (max-width:414px) { .banner-area-1 video { height: 60%; } } @media only screen and (max-width:412px) { .banner-area-1 video { height: 59.5%; } } @media only screen and (max-width:390px) { .banner-area-1 video { height: 64%; } } @media only screen and (max-width:375px) { .banner-area-1 video { height: 67%; } } @media only screen and (max-width:360px) { .banner-area-1 video { height: 68.5%; } } .about-area-inner { background-color: #fff; padding: 20px; border-radius: 5px; } .testimonial-block-one img { transition: transform .5s; overflow: hidden; } .testimonial-block-one:hover img { transform: scale(1.1); } .main-timeline { overflow: hidden; position: relative; width: 85%; margin: 0 auto; } .main-timeline .timeline { position: relative; margin-top: -9%; } .main-timeline .timeline:after,.main-timeline .timeline:before { content: ""; display: block; width: 100%; clear: both; } .main-timeline .timeline:before { content: ""; width: 100%; height: 66%; box-shadow: -5px 0 5px -5px rgba(0,0,0,.5) inset; position: absolute; top: 17%; right: 0; z-index: 2; } .main-timeline .timeline-icon { width: 190px; height: 190px; border-radius: 50%; border: 10px solid transparent; border-top-color: #0f3065; border-right-color: #0f3065; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; transform: rotate(45deg); } .main-timeline .year { display: block; width: 110px; height: 110px; line-height: 110px; border-radius: 50%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.4); margin: auto; font-size: 20px; font-weight: 700; color: #0f3065; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: rotate(-45deg); } .typ,.typ .box { transform-style: preserve-3d; position: relative; } .main-timeline .timeline-content { width: 35%; float: right; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.4); padding: 30px 20px; margin: 50px 0; z-index: 1; position: relative; } .main-timeline .timeline-content:before { content: ""; width: 18%; height: 1px; background: #0f3065; position: absolute; top: 50%; left: -18%; z-index: -1; transform: translateY(-50%); } .main-timeline .title { font-size: 20px; font-weight: 700; color: var(--heading-color); margin: 0 0 10px; } .main-timeline .description { font-size: 16px; color: var(--paragraph-color); line-height: 24px; margin: 0; } .main-timeline .timeline:nth-child(2n):before { box-shadow: 8px 0 5px -5px rgba(0,0,0,.5) inset; } .main-timeline .timeline:nth-child(2n) .timeline-icon { transform: rotate(-135deg); border-top-color: #0f3065; border-right-color: #0f3065; } .main-timeline .timeline:nth-child(2n) .year { transform: rotate(135deg); color: #0f3065; } .main-timeline .timeline:nth-child(2n) .timeline-content:before { left: auto; right: -18%; background: #0f3065; } .main-timeline .timeline:nth-child(3n) .timeline-icon,.main-timeline .timeline:nth-child(4n) .timeline-icon { border-top-color: #0f3065; border-right-color: #0f3065; } .main-timeline .timeline:nth-child(3n) .year,.main-timeline .timeline:nth-child(4n) .year { color: #0f3065; } .prdpg table { padding: 7px 0; border-collapse: separate; color: #0f3065; } .prdpg td,.prdpg th { padding: 7px; border: 3px solid rgba(0,0,0,.1); border-collapse: separate; color: #0f3065; } .prdpg table { border: 1px solid #fff; } .prdpg table td { background-color: #fff; border-radius: 3px; } .sidebar ul li,.tblcnt table tr td { background: url(../img/contact/bg.png); } .prdpg table tr.fstrow td { background-color: #353839; color: #fff; border-radius: 4px; border: 1.6px solid #fff; } .spec table tr td:first-child { color: #fff; background-color: #0f3065; font-weight: 500; } .tblcnt table tr td a { width: 100%; display: block; color: #fff; font-weight: 500; padding-left: 9px; } .tblcnt table tr td a:before { position: relative; font-size: 14px; color: #fff; left: 0; top: 0; } .typ { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; perspective: 500px; margin: auto; } .typ .box { width: 23.2%; height: 240px; background: #000; transition: .5s; overflow: hidden; margin-right: 15px; margin-top: 15px; margin-bottom: 35px; } .typ:hover .box { transform: rotateY(25deg); } .typ .box:hover~.box { transform: rotateY(-25deg); } .typ .box:hover { transform: rotateY(0) scale(1.25); z-index: 1; box-shadow: 0 25px 40px rgba(0,0,0,.5); } .typ .box .imgBx { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .typ .box .imgBx:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg,#143d7f,#000); z-index: 1; opacity: 0; transition: .5s; mix-blend-mode: multiply; } .typ .box .imgBx img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .typ .box .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; padding: 20px; align-items: flex-end; box-sizing: border-box; } .typ .box .content h3 { color: #fff; transition: .5s 0.3s; text-transform: uppercase; margin-bottom: -6px; font-size: 18px; } .typ .box:hover .content h3,.typ .box:hover .content p { transform: translateY(0); } .typ .box .content p { color: #fff; transition: .5s 0.4s; font-size: 13px; line-height: 1.2; padding-top: 10px; } .prdpg .parea,.sidebar ul li ul { background-color: #fff; } .sidebar ul { list-style-type: none; padding: 0; } .sidebar ul li { border-radius: 3px; margin-bottom: 5px; } .sidebar ul li a { display: flex; color: #fff; font-size: 21px; font-weight: 600; text-transform: uppercase; padding: 10px; line-height: 1.2; } .sidebar ul li ul li { background: #fff; margin: 0; } .sidebar ul li ul li a { color: var(--heading-color); font-size: 15px; font-weight: 600; } .sidebar ul ul li ul li a { color: var(--paragraph-color); text-transform: none; font-size: 13px; font-weight: 500; } .sidebar ul ul li ul li.active { background-color: #fcf8e3; } .sidebar ul ul li ul li a::before { position: relative; font-size: 14px; color: var(--paragraph-color); left: 0; top: 0; } @media only screen and (max-width:1199px) { .margin-xlt-80 { margin-top: 0; } .contact-widget .contact_info_list li.single-info-item .details { padding-left: 25px; } .main-timeline .timeline { margin-top: -103px; } .main-timeline .timeline-content:before { left: -18%; } .main-timeline .timeline:nth-child(2n) .timeline-content:before { right: -18%; } } @media only screen and (max-width:990px) { .main-timeline .timeline { margin-top: -127px; } .main-timeline .timeline-content:before { left: -2%; } .main-timeline .timeline:nth-child(2n) .timeline-content:before { right: -2%; } .typ .box { width: 45%; height: 240px; margin-right: 15px; margin-top: 15px; margin-bottom: 35px; } } @media only screen and (max-width:767px) { .main-timeline .timeline { margin-top: 0; overflow: hidden; } .main-timeline .timeline:before,.main-timeline .timeline:nth-child(2n):before { box-shadow: none; } .main-timeline .timeline-icon,.main-timeline .timeline:nth-child(2n) .timeline-icon { margin-top: -30px; margin-bottom: 20px; position: relative; transform: rotate(135deg); } .main-timeline .timeline:nth-child(2n) .year,.main-timeline .year { transform: rotate(-135deg); } .main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content { width: 100%; float: none; border-radius: 0 0 20px 20px; text-align: center; padding: 25px 20px; margin: 0 auto; } .main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before { width: 15px; height: 25px; position: absolute; top: -22px; left: 50%; z-index: -1; transform: translate(-50%,0); } } .abt-sec,.contact-area.con-form-sec { margin: 65px 0; } .abt-timeline-sec { padding: 45px 0!important; background: url(../images/abt-timeline-bg.jpg) center/cover no-repeat fixed; width: 100%; height: 100%; } .abt-timeline-sec .main-timeline .timeline { margin-top: 2%; } .abt-timeline-sec .main-timeline .timeline-icon,.abt-timeline-sec .main-timeline .timeline:nth-child(2n) .timeline-icon,.abt-timeline-sec .main-timeline .timeline:nth-child(3n) .timeline-icon { border-top-color: #fff; border-right-color: #82b2ff; } .abt-pg-testi { margin: 70px 0; } .abt-pg-testi .single-testimonial-wrap { background: #cad4e5; } .abt-pg-testi .single-testimonial-wrap .client-wrap { padding: 25px 20px; } .testimonial-area.style-2.abt-pg-testi { margin-left: 0; margin-right: 0; } .contact-mid-info { background: url(../images/abt-pg-mid-con-bg.jpg) center/cover no-repeat fixed; width: 100%; height: 100%; } .contact-mid-info .cta-inner-wrap .section-title .title { font-size: 29px; } .contact-mid-info .cta-inner-wrap { padding: 25px; } .contact-mid-info .partner-area-2 { top: 0; background-position: unset!important; } .contact-mid-info .abt-con-info-right h3 { font-size: 65px; color: #fff; } .contact-mid-info .abt-con-info-right p { font-size: 18px; color: #fff; border-left: 3px solid #fff; padding-left: 10px; margin-bottom: 25px; } .contact-mid-info .abt-con-info-right .partner-slider .thumb img { filter: none; } .contact-area.con-form-sec .contact-form h2 { color: #fff; border-bottom: 2px solid #fff; } .contact-area.con-form-sec .contact-information-wrap { background: #5271a5; } .contact-area.con-form-sec .contact-information-wrap .single-contact-info-wrap h6 { color: #000; } .contact-area.con-form-sec .contact-information-wrap .single-contact-info-wrap { padding: 12px 20px; } .divide-columns { column-count: 2; } .divide-3-columns { column-count: 3; } .main-pro-sec .single-service-wrap .thumb .icon { background: #ecf0f7; border: 4px solid #0f3066; } .main-pro-sec .single-service-wrap .thumb img { border: 1px solid #c1c1c1; } .weight-cal-sec { padding: 65px 0; } .weight-cal-sec .single-info-col { background: #efefef; padding: 25px; box-shadow: rgba(0,0,0,.35) 0 5px 15px; } .prdpg .weight-cal-sec table td,.weight-cal-sec .spec table tr td:first-child { background: 0 0; } .weight-cal-sec .spec table tr td:first-child { color: #101010; } .calc-option { padding: 8px 20px; } .calc-btn a { background: #0f3065; padding: 8px 15px; color: #ebe7e7; } .certificate a img { border: 1px solid; box-shadow: 5px 5px 5px; } .certificate { margin: 15px 5px; text-align: center; padding: 10px 5px; } .certificate p { font-size: 20px; padding-top: 15px; } .footer-area .widget_nav_menu ul li p { color: #fff; font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 23px; margin-right: -5rem; } .whatsapp-float { position: fixed; width: 50px; height: 50px; bottom: 40px; left: 18px; background-color: #25d366; color: #fff; border-radius: 100px; text-align: center; box-shadow: 2px 2px 3px #999; z-index: 100; } .whatsapp-float i { color: #fff; text-align: center; font-size: 100px; margin-top: 100px; } .section-title .title3 { color: var(--heading-color); margin: 30px 0 20px; font-size: 26px; font-weight: 600; text-transform: uppercase; position: relative; z-index: 0; } p a { color: #0d2956; font-weight: 500; } /* Css For Easton */ /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header/style-one/style-two 5. Main Slider/style-one/style-two 6. Intro Section 7. Welcome Section 9. Cta Section 8. Research Fields 10. Testimonial Section 11. Researches Section 12. Team Section 14. Video 15. Fact Counter 16. News Section 19. Clients Section 20. Main Footer 21. Footer Bottom 22. Research Style Two 23. Innovative Solution 24. Discover Section 25. Testimonial Section 26. Chooseus Section 27. News Style Two 28. Page Title 29. Research Page Section 30. Research Details 31. Professor Page Section 32. Professor Details 33. About Section 34. Error Section 35. Blog Page Section 36. Blog Details 37. Blog Sidebar 38. Contact Section 39. Google Map **********************************************/ /*** ==================================================================== Global Settings ==================================================================== ***/ .large-container{ max-width: 1550px; padding: 0px 15px; margin: 0 auto; } .container-fluid{ padding: 0px; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .small-container{ max-width:680px; margin:0 auto; } .boxed_wrapper{ position: relative; margin: 0 auto; overflow: hidden !important; width: 100%; min-width: 300px; } .centred{ text-align: center; } .pull-left{ float: left; } .pull-right{ float: right; } /** button **/ .theme-btn{ position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 16px; line-height: 26px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #fff !important; text-align: center; padding: 12px 36px; text-transform: uppercase; z-index: 1; transition: all 500ms ease; } .theme-btn.btn-one{ } .theme-btn:before{ position: absolute; content: ''; width: 0%; height: 100%; right: 0px; top: 0px; opacity: 0.1; z-index: -1; transition: all 500ms ease; } .theme-btn.btn-one:before{ background: #000; } .theme-btn:hover:before{ width: 100%; left: 0px; } .pagination{ position: relative; display: block; } .pagination li{ position: relative; display: inline-block; margin-right: 10px; } .pagination li:last-child{ margin: 0px !important; } .pagination li a{ position: relative; display: inline-block; font-size: 17px; font-weight: 500; height: 50px; width: 50px; line-height: 50px; background: #ffffff; text-align: center; color: #141417; z-index: 1; transition: all 500ms ease; } .pagination li a:hover, .pagination li a.current{ color: #fff; } .sec-pad{ padding: 60px 0px 50px 0px; } .mr-0{ margin: 0px !important; } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .sec-title h5{ text-transform: uppercase; } /** about-section **/ .about-section{ position: relative; } .image_block_one .image-box .image{ overflow: hidden; } .image_block_one .image-box .image img{ width: 100%; transition: all 500ms ease; } .image_block_one .image-box .image:hover img{ transform: scale(1.05); } .image_block_one .image-box .icon{ top: -20px; } .float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-y; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-y; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-y; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-y; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .float-bob-x{ animation-name: float-bob-x; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-x; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-x; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-x; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-x; -o-animation-duration: 15s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .image_block_one .image-box .text-box{ width: 220px; padding: 47px 15px 43px 15px; } .image_block_one .image-box .text-box .light-icon{ left: 50%; top: 50%; transform: translate(-50%,-50%); } .image_block_one .image-box .text-box h3{ line-height: 34px; } .image_block_one .image-box .shape-box .shape-1{ background-repeat: no-repeat; } /** overlay-layer-animation **/ .overlay-anim-black-bg { display: inline-block; overflow: hidden; } .overlay-anim-black-bg:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99); -o-transition: 1s cubic-bezier(.858, .01, .068, .99); transition: 1s cubic-bezier(.858, .01, .068, .99); z-index: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .overlay-anim-black-bg:after{ background: #222; } .overlay-anim-black-bg.overlay-animation:after{ -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); } .content_block_one .content-box .inner .single-item{ position: relative; display: block; padding: 12px 0px 8px 100px; min-height: 80px; } .content_block_one .content-box .inner .single-item .icon-box{ position: absolute; left: 0px; top: 0px; width: 80px; height: 80px; line-height: 80px; font-size: 40px; color: #fff; text-align: center; border-radius: 50%; } .content_block_one .content-box .inner .single-item h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; } .list-style-one li{ position: relative; display: block; font-size: 16px; line-height: 26px; padding-left: 30px; margin-bottom: 11px; } .list-style-one li:last-child{ margin-bottom: 0px; } .list-style-one li:before{ position: absolute; content: "\e90a"; font-family: 'icomoon'; font-size: 16px; left: 0px; top: 0px; } .content_block_one .content-box .list-style-one{ margin-bottom: 32px; } .about-section .pattern-layer{ position: absolute; right: 0px; bottom: 0px; width: 410px; height: 460px; background-repeat: no-repeat; } /** feature-section **/ .feature-section{ position: relative; } .feature-block-one .inner-box{ overflow: hidden; background: #515358; transition: all 500ms ease; } .feature-block-one .inner-box:hover{ background: #f0965e; } .feature-block-one .inner-box .image-box{ overflow: hidden; max-width: 250px; width: 100%; float: left; } .feature-block-one .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .feature-block-one .inner-box:hover .image-box img{ transform: scale(1.05); } .feature-block-one .inner-box .content-box{ width: calc(100% - 250px); float: right; background: #26282e; padding: 73px 40px 67px 50px; text-align: left; min-height: 351px; clip-path: polygon(10% 0, 400% 0%, 10% 132%, 0 75%); transition: all 500ms ease; } .feature-block-one .inner-box:hover .content-box{ } .feature-block-one .inner-box .content-box .icon-box{ margin-bottom: 20px; transition: all 500ms ease; } .feature-block-one .inner-box:hover .content-box .icon-box{ color: #fff; } .feature-block-one .inner-box .content-box h3{ position: relative; display: block; font-size: 24px; line-height: 32px; margin-bottom: 15px; } .feature-block-one .inner-box .content-box h3 a{ display: inline-block; color: #fff; } .feature-block-one .inner-box .content-box h3 a:hover{ text-decoration: underline; } .feature-block-one .inner-box .content-box p{ font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 16px; } .feature-block-one .inner-box .content-box .link a{ position: relative; display: inline-block; font-size: 15px; line-height: 26px; color: #fff; font-weight: 600; text-transform: uppercase; } .feature-block-one .inner-box .content-box .link a i{ position: relative; opacity: 0; font-size: 14px; top: 1px; transition: all 500ms ease; } .feature-block-one .inner-box .content-box .link a:hover i{ opacity: 1; margin-left: 8px; } /** service-section **/ .service-section{ position: relative; padding: 115px 0px 70px 0px; } .tabs-box .tab{ position:relative; display:none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .tabs-box .tab.active-tab{ display:block; } .tabs-box .tab{ transform:scale(0.9,0.9) translateY(0px); } .tabs-box .tab.active-tab{ transform:scale(1) translateY(0px); } .content_block_two .content-box .text h3{ font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 24px; } .image_block_three .image-box{ padding-bottom: 50px; } .content_block_two .content-box .text{ margin-bottom: 32px; } .content_block_two .content-box .text p{ margin-bottom: 26px; } .content_block_two .content-box .text p:last-child{ margin-bottom: 0px; } .content_block_two .content-box .single-item{ padding: 0px 0px 0px 100px; margin-bottom: 42px; } .content_block_two .content-box .single-item .icon-box{ position: absolute; left: 0px; top: 1px; width: 80px; height: 80px; line-height: 80px; font-size: 40px; background: #fff; border-radius: 50%; text-align: center; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); z-index: 1; transition: all 500ms ease; } .content_block_two .content-box .single-item:hover .icon-box{ color: #fff; } .content_block_two .content-box .single-item .icon-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); border-radius: 50%; z-index: -1; transition: all 500ms ease; } .content_block_two .content-box .single-item:hover .icon-box:before{ transform: scale(1,1); } .content_block_two .content-box .single-item h4{ font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 16px; } .content_block_two .content-box .single-item h4 a{ display: inline-block; color: #141417; } .content_block_two .content-box .single-item h4 a:hover{ } .service-section .tab-btns li{ position: relative; display: block; float: left; width: 33.333%; font-size: 20px; line-height: 30px; color: #141417; font-weight: 600; background: #fff; text-align: center; padding: 30px 15px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); cursor: pointer; transition: all 500ms ease; } .service-section .tab-btns li.active-btn, .service-section .tab-btns li:hover{ color: #fff; } .service-section .tab-btns li:before{ position: absolute; content: ''; width: 16px; height: 16px; left: 50%; bottom: -6px; transform: translateX(-50%) rotate(45deg); opacity: 0; transition: all 500ms ease; } .service-section .tab-btns li.active-btn:before, .service-section .tab-btns li:hover:before{ opacity: 1; } .image_block_two .image-box .image{ overflow: hidden; } .image_block_two .image-box .image img{ width: 100%; } .image_block_two .image-box .image:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .image_block_two .image-box .image:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .image_block_two .image-box .icon-box{ position: absolute; left: -30px; bottom: -30px; width: 120px; height: 120px; line-height: 120px; font-size: 50px; color: #fff; text-align: center; border-radius: 50%; z-index: 1; } .image_block_two .image-box .icon-box:before{ position: absolute; content: ''; width: 160px; height: 160px; border-radius: 50%; left: -20px; top: -20px; border: dashed; border-width: 2px; } .image_block_three .image-box .image{ overflow: hidden; } .image_block_three .image-box .image img{ width: 100%; } .image_block_three .image-box .image:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .image_block_three .image-box .image:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } .image_block_three .image-box .text{ position: absolute; left: 0px; bottom: 50px; width: calc(100% - 55px); padding: 32px 20px 32px 25px; z-index: 1; } .image_block_three .image-box .text:before{ position: absolute; content: ''; width: 35px; height: 100%; top: 0px; right: -35px; clip-path: polygon(0% 0%, 100% 0%, 50% 33%, 50% 75%, 0% 100%, 0% 100%, 0% 80%, 0% 20%); } .image_block_three .image-box .text h5{ position: relative; font-size: 18px; line-height: 26px; font-weight: 600; color: #fff; padding-left: 35px; } .image_block_three .image-box .text h5 i{ position: absolute; left: 0px; top: -2px; font-size: 30px; } .content_block_three .content-box{ position: relative; display: block; margin-left: 20px; } .content_block_three .content-box .text{ position: relative; display: block; margin-bottom: 30px; } .content_block_three .content-box .text h3{ font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 15px; } .content_block_three .content-box .text p{ margin-bottom: 26px; } .content_block_three .content-box .text p:last-child{ margin-bottom: 0px; } .content_block_three .content-box .list-box{ position: relative; display: flex; justify-content: space-between; } .content_block_three .content-box .list-style-one li{ font-size: 18px; font-weight: 500; color: #141417; } .content_block_three .content-box .list-style-one li:before{ color: #b8b8b9; } .content_block_three .content-box .list-style-one{ position: relative; } .content_block_three .content-box .list-style-one:before{ position: absolute; content: ''; background: #e5e5e5; width: 1px; height: 100%; top: 0px; right: -50px; } .content_block_three .content-box .list-style-one:last-child:before{ display: none; } .content_block_three .content-box .list-style-one:last-child{ padding-left: 30px; } .service-section .pattern-layer .pattern-1{ position: absolute; left: 0px; bottom: 0px; width: 316px; height: 406px; background-repeat: no-repeat; } .service-section .pattern-layer .pattern-2{ position: absolute; right: 0px; bottom: 0px; width: 261px; height: 188px; background-repeat: no-repeat; } /** chooseus-section **/ .chooseus-section{ padding: 115px 0px 110px 0px; overflow: hidden; } .chooseus-section .pattern-layer{ position: absolute; left: -130px; top: -150px; width: 292px; height: 292px; background-repeat: no-repeat; z-index: 1; -webkit-animation: zoom-fade 4s infinite linear; animation: zoom-fade 4s infinite linear; } .chooseus-section .outer-container{ padding: 0px 120px; max-width: 1920px; margin: 0 auto; } .chooseus-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: calc(50% + 285px); height: 100%; background: #f2efeb; clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%, 0% 0%); } .content_block_four .content-box{ position: relative; display: block; } .content_block_four .content-box .inner-box{ margin: 0px 10px; } .content_block_four .content-box .inner-box .single-column{ padding: 0px 5px; } .content_block_four .content-box .inner-box .single-item{ position: relative; display: block; background: #fff; padding: 30px 30px 21px 30px; margin-bottom: 10px; z-index: 1; } .content_block_four .content-box .inner-box .single-item:before{ position: absolute; content: ''; width: 100%; height: 0%; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .content_block_four .content-box .inner-box .single-item:hover:before{ height: 100%; } .content_block_four .content-box .inner-box .single-item .icon-box{ background: #fdf1e9; margin-bottom: 11px; } .content_block_four .content-box .inner-box .single-item h5{ line-height: 28px; transition: all 500ms ease; } .content_block_four .content-box .inner-box .single-item:hover h5{ color: #fff; } .image_block_four .image-box{ position: relative; display: block; margin-left: 47px; } .image_block_four .image-box img{ width: 100%; } .image_block_four .image-box .image-1{ clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%, 25% 0%); } .image_block_four .image-box .video-inner .video-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .image_block_four .image-box .video-inner .video-btn a{ position: relative; display: inline-block; width: 100px; height: 100px; line-height: 110px; background: #fff; text-align: center; font-size: 40px; border-radius: 50%; } .image_block_four .image-box .video-inner .video-btn a:before, .image_block_four .image-box .video-inner .video-btn a:after { width: 100%; height: 100%; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgba(235, 115, 40, 0.9); box-shadow: 0 0 0 0 rgba(235, 115, 40, 0.9); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } .image_block_four .image-box .video-inner .video-btn a:after{ -webkit-animation-delay: .6s; animation-delay: .6s; } .image_block_four .image-box .image-shape .shape-1{ position: absolute; left: -20px; bottom: -80px; width: 238px; height: 238px; background-repeat: no-repeat; -webkit-animation: zoom-fade 4s infinite linear; animation: zoom-fade 4s infinite linear; } .image_block_four .image-box .image-shape .shape-2{ position: absolute; top: -90px; right: -70px; width: 184px; height: 200px; background-repeat: no-repeat; -webkit-animation: zoom-fade 4s infinite linear; animation: zoom-fade 4s infinite linear; } /** team-section **/ .team-section{ position: relative; } .team-block-one{ max-width: 270px; margin: 0 auto; margin-top: 40px; } .team-block-one .inner-box{ position: relative; display: block; } .team-block-one .inner-box .image-box{ position: relative; display: block; padding-bottom: 70px; } .team-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; border-radius: 50%; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); } .team-block-one .inner-box .image-box .image:before{ position: absolute; content: ''; background: #000; width: calc(100% - 14px); height: 100%; left: 7px; top: 7px; transform: scale(0,0); opacity: 0.4; z-index: 1; border-radius: 50%; clip-path: polygon(0% 0%, 100% 0%, 100% 93%, 0% 96%, 0% 0%); transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .image:before{ transform: scale(1,1); } .team-block-one .inner-box .image-box .image img{ width: 100%; border-radius: 50%; transition: all 500ms ease; } .team-block-one .inner-box .image-box .shape{ position: absolute; left: 0px; top: -1px; width: 270px; height: 255px; background-repeat: no-repeat; z-index: 1; } .team-block-one .inner-box .image-box .bar-box .bar{ position: absolute; } .team-block-one .inner-box .image-box .bar-box .bar-1{ left: 50%; transform: translateX(-50%); bottom: 0px; width: 74px; height: 26px; border-radius: 0% 0% 50% 50%; } .team-block-one .inner-box .image-box .bar-box .bar-2{ left: 50%; transform: translateX(-50%); bottom: 32px; width: 92px; height: 12px; border-radius: 10px; } .team-block-one .inner-box .image-box .bar-box .bar-3{ left: 50%; transform: translateX(-50%); bottom: 51px; width: 110px; height: 12px; border-radius: 10px; } .team-block-one .inner-box .image-box .social-links{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0); transition: all 500ms ease; z-index: 2; } .team-block-one .inner-box:hover .image-box .social-links{ transform: translate(-50%,-50%) scale(1,1); } .team-block-one .inner-box .image-box .social-links li{ position: relative; display: inline-block; font-size: 18px; color: #fff; margin: 0px 10px; } .team-block-one .inner-box .image-box .social-links li a{ display: inline-block; color: #fff; } .team-block-one .inner-box .image-box .social-links li a:hover{ } .team-block-one .inner-box .lower-content h3{ display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 7px; } .team-block-one .inner-box .lower-content{ padding-top: 25px; } .team-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #141417; } .team-block-one .inner-box .lower-content h3 a:hover{ } .team-block-one .inner-box .lower-content .designation{ position: relative; display: block; font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 17px; } .team-section .owl-dots{ position: relative; display: block; margin-top: 41px; } .team-section .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 7px; height: 7px; background: #d9d9d9; border-radius: 50%; margin: 0px 5px; cursor: pointer; transition: all 500ms ease; } .team-section .owl-theme .owl-dots .owl-dot.active span, .team-section .owl-theme .owl-dots .owl-dot span:hover{ } /** project-section **/ .project-section{ position: relative; } .project-block-one .inner-box{ position: relative; display: block; } .project-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; background: #000; } .project-block-one .inner-box .image-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.8; clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%, 0% 0%); transform: scale(0,0); z-index: 1; transition: all 500ms ease; } .project-block-one .inner-box:hover .image-box:before{ transform: scale(1,1); } .project-block-one .inner-box .image-box img{ width: 100%; opacity: 0.8; transition: all 500ms ease; } .project-block-one .inner-box:hover .image-box img{ opacity: 0.5; transform: scale(1.05); } .project-block-one .inner-box .view-btn{ position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); z-index: 1; } .project-block-one .inner-box .view-btn a{ position: relative; display: inline-block; font-size: 60px; line-height: 50px; color: #fff; transform: scale(0,0); } .project-block-one .inner-box:hover .view-btn a{ transform: scale(1,1); } .project-block-one .inner-box .text{ position: absolute; left: 0px; bottom: 0px; width: 100%; padding-left: 60px; padding-right: 50px; z-index: 1; opacity: 0; transition: all 500ms ease; } .project-block-one .inner-box:hover .text{ bottom: 60px; opacity: 1; } .project-block-one .inner-box .text h4{ position: relative; display: block; margin-bottom: 5px; } .project-block-one .inner-box .text h4 a{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; background: #26282e; padding: 16px 32px; } .project-block-one .inner-box .text h4 a:hover{ text-decoration: underline; } .project-block-one .inner-box .text span{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; color: #fff; font-weight: 500; background: #26282e; padding: 7px 30px; } /** faq-section **/ .faq-section{ padding-top: 115px; } .image_block_five .image-box{ position: relative; display: block; margin-right: 30px; padding-right: 90px; padding-bottom: 75px; } .image_block_five .image-box .image-1{ position: relative; display: block; overflow: hidden; clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 0% 100%, 0% 0%); } .image_block_five .image-box .image-1:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .image_block_five .image-box .image-1:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } .image_block_five .image-box .image-2{ position: absolute; right: 0px; bottom: 0px; overflow: hidden; } .image_block_five .image-box img{ width: 100%; transition: all 500ms ease; } .image_block_five .image-box .image-2:hover img{ transform: scale(1.05); } .image_block_five .image-box .shape{ position: absolute; top: 250px; right: 55px; width: 346px; height: 328px; background-repeat: no-repeat; } .content_block_five .content-box .sec-title p{ line-height: 26px; color: #141417; } .accordion-box .block{ position: relative; display: block; margin-bottom: 30px; transition: all 500ms ease; } .accordion-box .block:last-child{ margin-bottom: 0px; } .accordion-box .block .acc-btn{ position: relative; display: block; cursor: pointer; background: #fff; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); padding: 17px 50px 17px 30px; transition: all 500ms ease; } .accordion-box .block .acc-btn .icon-outer{ position: absolute; top: 18px; right: 30px; font-size: 22px; color: #141417; transition: all 500ms ease; } .accordion-box .block .acc-btn.active .icon-outer{ transform: rotate(180deg); color: #fff; } .accordion-box .block .acc-btn.active{ } .accordion-box .block .acc-btn h5{ font-size: 18px; line-height: 26px; font-weight: 600; transition: all 500ms ease; } .accordion-box .block .acc-btn.active h5{ color: #fff; } .accordion-box .block .acc-content{ position:relative; display:none; padding: 25px 30px 0px 30px; } .accordion-box .block .acc-content p{ color: #141417; } .accordion-box .block .acc-content.current{ display:block; } /** clients-section **/ .clients-section{ padding: 120px 0px 115px 0px; } .clients-section .clients-logo img{ position: relative; display: block; max-width: auto; width: auto; margin: 0 auto; transition: all 500ms ease; } .clients-section .clients-logo img:hover{ transform: scale(1.03); } /** testimonial-section **/ .testimonial-section{ padding: 58px 0px; overflow: hidden; } .testimonial-section:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.5; } .parallax-bg{ position: absolute; left: 0px; top: -30%; width: 100%; height: 150%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; z-index: -1; } .testimonial-section .bg-layer-2{ position: absolute; top: 0px; right: 0px; width: 705px; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 1% 100%, 10% 0%); } .sec-title.light h3{ color: #fff; } .sec-title.light p{ color: #fff; } .whychs .testimonial-block-one .inner-box{ background: #fff; opacity:0.95; border-radius:5px; padding: 0px; } .testimonial-block-one .inner-box{ background: #fff; opacity:0.95; border-radius:5px; padding: 35px 45px; } .testimonial-block-one .inner-box .icon-box{ margin-bottom: 10px; } .testimonial-block-one .inner-box p{ display: block; font-size: 18px; line-height: 32px; font-weight: 500; color: #141417; margin-bottom: 24px; } .testimonial-block-one .inner-box .author-box{ padding: 9px 0px 7px 90px; } .testimonial-block-one .inner-box .author-box .author-thumb img{ width: 100%; border-radius: 50%; } .testimonial-block-one .inner-box .author-box h4{ display: block; font-size: 21px; line-height: 26px; font-weight: 600; margin-bottom: 2px; } .testimonial-block-one .inner-box .light-icon{ position: absolute; right: 100px; top: 50%; transform: translateY(-50%); } .testimonial-section .nav-style-one .owl-nav{ display:none; position: absolute; left: -630px; bottom: 64px; } .whychs .owl-nav{ display:none; } .nav-style-one .owl-nav button{ position: relative; display: inline-block; width: 60px; height: 60px; line-height: 10px; background: #fff; font-size: 25px; border-radius: 50%; text-align: center; color: #141417; cursor: pointer; transition: all 500ms ease; } .icon-31::before { color:#353839; } .nav-style-one .owl-nav button:hover{ color: #fff; } .testimonial-section .nav-style-one .owl-nav .owl-prev{ margin-right: 15px; } /** pricing-section **/ .pricing-section{ overflow: hidden; } .pricing-block-one .pricing-table{ padding: 0px 30px 30px 30px; } .pricing-block-one .pricing-table:before{ position: absolute; content: ''; border: 1px solid #e4e4e4; width: 100%; height: 50%; left: 0px; bottom: 0px; transition: all 500ms ease; } .pricing-block-one .pricing-table:after{ position: absolute; content: ''; width: 100%; height: 0%; left: 0px; bottom: 0px; z-index: -1; transition: all 500ms ease; } .pricing-block-one .pricing-table:hover:after{ height: 50%; } .pricing-block-one .inner-box{ background: #fff; padding: 0px 20px 50px 20px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); } .pricing-block-one .inner-box .table-header .icon-box{ position: relative; display: inline-block; width: 110px; height: 110px; line-height: 110px; text-align: center; font-size: 60px; color: #fff; border-radius: 50%; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05); margin-bottom: 33px; margin-top: -55px; } .pricing-block-one .inner-box .table-header h2{ position: relative; display: block; font-size: 40px; line-height: 50px; font-weight: 700; margin-bottom: 14px; } .pricing-block-one .inner-box .table-header{ margin-bottom: 35px; } .pricing-block-one .inner-box .feature-list li{ position: relative; display: block; font-size: 16px; line-height: 26px; margin-bottom: 10px; color: #141417; } .pricing-block-one .inner-box .feature-list li:last-child{ margin-bottom: 10px; } .pricing-block-one .inner-box .table-content{ margin-bottom: 45px; } .pricing-block-one .inner-box .feature-list li span{ position: relative; display: inline-block; padding-left: 25px; } .pricing-block-one .inner-box .feature-list li span:before{ position: absolute; content: "\e90a"; font-family: 'icomoon'; font-size: 16px; left: 0px; top: 0px; } .pricing-block-one .inner-box .table-footer a{ position: relative; display: inline-block; font-size: 15px; line-height: 26px; font-weight: 600; color: #141417; text-align: center; padding: 17px 30px 15px 30px; border: 1px solid #e7e7e7; text-transform: uppercase; z-index: 1; transition: all 0ms ease; -moz-transition: all 0ms ease; -webkit-transition: all 0ms ease; -ms-transition: all 0ms ease; -o-transition: all 0ms ease; } .pricing-block-one .inner-box .table-footer a:before{ position: absolute; content: ''; width: 0%; height: 100%; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .pricing-block-one .inner-box .table-footer a:hover:before{ width: 100%; } .pricing-block-one .inner-box .table-footer a:hover{ color: #fff; } .pricing-block-one .inner-box .table-footer a span{ position: relative; transition: all 500ms ease; } .pricing-block-one .inner-box .table-footer a:hover span{ padding-right: 20px; } .pricing-block-one .inner-box .table-footer a span:before{ position: absolute; content: "\e906"; font-family: 'icomoon'; font-size: 14px; top: -2px; right: 0px; opacity: 0; color: #fff; font-weight: 400; transition: all 500ms ease; } .pricing-block-one .inner-box .table-footer a:hover span:before{ opacity: 1; } .pricing-block-one .inner-box .light-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .pricing-section .pattern-layer .pattern-1{ position: absolute; left: 70px; top: -30px; width: 281px; height: 271px; background-repeat: no-repeat; } .float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-y; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-y; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-y; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-y; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .float-bob-x{ animation-name: float-bob-x; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-x; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-x; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-x; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-x; -o-animation-duration: 15s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .pricing-section .pattern-layer .pattern-2{ position: absolute; right: 65px; bottom: 0px; width: 231px; height: 454px; background-repeat: no-repeat; } .bg-color-1{ background: #f2efeb; } /** cta-section **/ .cta-section{ overflow: hidden; } .content_block_six .content-box{ background: #fff; padding: 45px 50px 50px 50px; } .content_block_six .content-box .text{ margin-bottom: 22px; } .content_block_six .content-box .text p{ color: #141417; } .content_block_six .content-box .support-box{ padding: 4px 0px 5px 90px; } .content_block_six .content-box .support-box .icon-box{ color: #fff; text-align: center; } .content_block_six .content-box .support-box h5{ position: relative; display: block; font-size: 18px; line-height: 26px; color: #666668; font-weight: 500; margin-bottom: 1px; } .content_block_six .content-box .support-box h3{ position: relative; display: block; font-size: 26px; line-height: 34px; font-weight: 600; } .content_block_six .content-box .support-box h3 a{ display: inline-block; color: #141417; } .content_block_six .content-box .support-box h3 a:hover{ } .cta-section .image-layer{ position: absolute; top: 0px; right: 20%; } .cta-section .pattern-layer .pattern-1{ position: absolute; left: 0px; bottom: 0px; width: 318px; height: 333px; background-repeat: no-repeat; } .cta-section .pattern-layer .pattern-2{ position: absolute; right: 0px; bottom: 170px; width: 218px; height: 326px; background-repeat: no-repeat; } .cta-section .pattern-layer .pattern-3{ position: absolute; top: 70px; right: 400px; width: 184px; height: 200px; background-repeat: no-repeat; -webkit-animation: zoom-fade 4s infinite linear; animation: zoom-fade 4s infinite linear; } .cta-section .pattern-layer .pattern-4{ position: absolute; bottom: 170px; right: 35%; width: 184px; height: 200px; background-repeat: no-repeat; -webkit-animation: zoom-fade 4s infinite linear; animation: zoom-fade 4s infinite linear; } .bg-color-2{ background: #26282e; } /** funfact-section **/ .funfact-section{ padding: 70px 0px 64px 0px; } .funfact-section .inner-container{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .counter-block-one .inner-box{ position: relative; display: block; } .counter-block-one .inner-box:before{ position: absolute; content: ''; background: rgba(255, 255, 255, 0.10); width: 2px; height: 100px; top: 30px; right: -120px; } .counter-block-one:last-child .inner-box:before{ display: none; } .counter-block-one .inner-box .icon-box{ margin-bottom: 15px; } .counter-block-one .inner-box .count-outer{ position: relative; display: block; font-size: 50px; line-height: 60px; font-weight: 600; color: #fff; margin-bottom: 5px; } .counter-block-one .inner-box p{ color: rgba(255, 255, 255, 1); } /** news-section **/ .news-block-one .inner-box{ background: #fff; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08); } .news-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; background: #000; } .news-block-one .inner-box .image-box:before{ position: absolute; content: ''; background: #fbe3d4; width: 100%; height: 20px; left: 0px; bottom: 0px; z-index: 1; clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition: all 500ms ease; } .news-block-one .inner-box:hover .image-box:before{ } .news-block-one .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .news-block-one .inner-box:hover .image-box img{ opacity: 0.7; transform: scale(1.05); } .news-block-one .inner-box .lower-content{ padding: 29px 30px 27px 30px; } .news-block-one .inner-box .lower-content h3{ display: block; font-size: 24px; line-height: 30px; font-weight: 600; margin-bottom: 20px; } .news-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #141417; } .news-block-one .inner-box .lower-content h3 a:hover{ } .news-block-one .inner-box .lower-content .post-info li{ position: relative; display: inline-block; float: left; font-size: 16px; color: #808080; margin-right: 20px; padding-left: 25px; } .news-block-one .inner-box .lower-content .post-info li a{ display: inline-block; color: #808080; } .news-block-one .inner-box .lower-content .post-info li:last-child{ margin: 0px !important; } .news-block-one .inner-box .lower-content .post-info li i{ position: absolute; left: 0px; top: 4px; font-size: 18px; } .news-block-one .inner-box .lower-content .post-info{ margin-bottom: 18px; } .news-block-one .inner-box .lower-content p{ margin-bottom: 16px; } .news-block-one .inner-box .lower-content .link a{ position: relative; display: inline-block; font-size: 15px; line-height: 26px; color: #141417; font-weight: 600; text-transform: uppercase; } .news-block-one .inner-box .lower-content .link a i { position: relative; opacity: 0; font-size: 14px; top: 1px; transition: all 500ms ease; } .news-block-one .inner-box .lower-content .link a:hover i { opacity: 1; margin-left: 8px; } /** subscribe-section **/ .subscribe-section .inner-container{ position: relative; display: block; padding: 35px 50px; margin-bottom: -65px; z-index: 1; } .subscribe-section .inner-container .text h2{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 600; color: #fff; } .subscribe-section .inner-container .text{ margin-right: 70px; } .subscribe-section .inner-container .form-inner{ margin-left: -50px; } .subscribe-section .inner-container .form-inner .form-group{ position: relative; margin-bottom: 0px; padding-right: 220px; } .subscribe-section .inner-container .form-inner .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 60px; font-size: 16px; color: #808080; padding: 10px 20px; background: #fff; transition: all 500ms ease; } .subscribe-section .inner-container .form-inner .form-group button{ position: absolute; top: 0px; right: 0px; width: 200px; height: 60px; line-height: 60px; font-size: 15px; font-weight: 600; color: #fff; text-align: center; background: #26282e; text-transform: uppercase; cursor: pointer; transition: all 500ms ease; } .subscribe-section .inner-container .form-inner .form-group button:hover{ background: #fff; color: #26282e; } .subscribe-section .inner-container .form-inner .form-group button i{ position: relative; margin-left: 5px; top: 1px; font-size: 14px; } /** main-footer **/ .main-footer{ overflow: hidden; } .main-footer .icon-layer{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .main-footer .footer-widget .footer-logo{ position: relative; display: block; margin-bottom: 30px; } .main-footer .footer-top{ padding: 150px 0px 67px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .main-footer p, .main-footer a, .main-footer li{ color: rgba(255, 255, 255, 0.60); } .main-footer .widget-title{ position: relative; display: block; margin-bottom: 27px; } .main-footer .widget-title h3{ display: block; font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; } .main-footer .links-widget .links-list li{ position: relative; display: block; margin-bottom: 10px; } .main-footer .links-widget .links-list li:last-child{ margin-bottom: 0px; } .main-footer .links-widget .links-list li a{ display: inline-block; } .main-footer .contact-widget .info-list li{ margin-bottom: 19px; } .main-footer .contact-widget .info-list li:last-child{ margin-bottom: 0px; } /** footer-bottom **/ .footer-bottom{ padding: 32px 0px; } .footer-bottom .bottom-inner{ display: flex; align-items: center; justify-content: space-between; } .footer-bottom .bottom-inner .footer-nav li{ position: relative; display: inline-block; float: left; margin-right: 35px; } .footer-bottom .bottom-inner .footer-nav li:last-child{ margin: 0px !important; } .footer-bottom .bottom-inner .footer-nav li:before{ position: absolute; content: ''; background: rgba(255, 255, 255, 0.60); width: 1px; height: 14px; top: 5px; right: -18px; } .footer-bottom .bottom-inner .footer-nav li:last-child:before{ display: none; } /*** ==================================================================== home-page-2 ==================================================================== ***/ /** header-style-two **/ .header-style-two{ position: relative; } .header-style-two .header-top{ padding: 14.5px 0px; } .header-top .text p{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; color: #fff; font-weight: 500; padding-left: 31px; } .header-top .text p i{ position: absolute; left: 0px; top: 0px; font-size: 26px; font-weight: 400; } .header-upper{ position: relative; display: block; background: #faf8f5; } .header-upper .upper-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .header-upper .upper-inner .logo-box{ float: none; padding: 0px; margin: 0px; } .header-upper .upper-inner .logo-box .logo{ position: relative; display: block; padding: 27px 44px 33px 40px; max-width: 100%; } .header-upper .upper-inner .logo-box .logo:before{ position: absolute; content: ''; width: 32px; height: 100%; top: 0px; right: -30px; clip-path: polygon(0% 0%, 100% 0%, 50% 30%, 50% 75%, 7% 100%, 0% 100%, 0% 80%, 0% 20%); } .header-upper .upper-inner .info-list{ position: relative; display: flex; align-items: center; } .header-upper .upper-inner .info-list li{ position: relative; display: block; padding-left: 60px; margin-right: 50px; } .header-upper .upper-inner .info-list li:last-child{ margin: 0px !important; } .header-upper .upper-inner .info-list li .icon-box{ position: absolute; left: 0px; top: 0px; font-size: 45px; line-height: 50px; } .header-upper .upper-inner .info-list li h5{ position: relative; display: block; font-size: 18px; line-height: 26px; font-weight: 600; margin-bottom: 0px; } .header-upper .upper-inner .info-list li p{ position: relative; display: block; font-size: 15px; line-height: 24px; color: #141417; } .header-upper .upper-inner .info-list li p a{ display: inline-block; color: #141417; } .header-upper .upper-inner .info-list li p a:hover{ } .header-style-two .outer-box{ padding: 0px; } .header-style-two .main-menu .navigation > li > a{ font-weight: 600; padding: 15px 0px; } .header-style-two .outer-box .theme-btn{ padding: 17px 36px; } /** banner-style-two **/ .banner-style-two{ position: relative; } .banner-style-two .shape .shape-4{ width: 100%; height: 240px; background: #f3f0ec; clip-path: polygon(75% 75%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 27% 50%); } .banner-style-two .shape .shape-5{ width: 100%; height: 240px; clip-path: polygon(74% 65%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 90%, 27% 50%); } .banner-carousel .content-box .btn-box{ line-height: 28px; color: #fff; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .btn-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .banner-style-two .content-box p{ margin-bottom: 32px; } .banner-carousel .content-box .btn-box .theme-btn{ padding: 17px 36px; } .banner-style-two .banner-carousel .slide-item{ padding-bottom: 360px; } .banner-style-two .banner-carousel .owl-nav{ top: 33%; } /** feature-style-two **/ .feature-style-two{ background: #f3f0ec; padding-bottom: 114px; } .feature-style-two .inner-container{ position: relative; margin-top: -237px; z-index: 2; } .feature-block-two .inner-box{ position: relative; display: block; max-width: 290px; width: 100%; margin: 0 auto; background: #fff; padding: 50px 30px 63px 30px; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.08); } .feature-block-two .inner-box .icon-box{ background: #fdf1e9; margin-bottom: 25px; } .feature-block-two .inner-box .icon-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 50%; transform: scale(0,0); z-index: -1; transition: all 500ms ease; } .feature-block-two .inner-box:hover .icon-box:before{ transform: scale(1,1); } .feature-block-two .inner-box:hover .icon-box{ color: #fff; } .feature-block-two .inner-box h3{ font-size: 24px; line-height: 32px; margin-bottom: 16px; } .feature-block-two .inner-box h3 a{ display: inline-block; color: #141417; } .feature-block-two .inner-box h3 a:hover{ } .feature-block-two .inner-box p{ color: #141417; } .feature-block-two .inner-box .shape-1{ position: absolute; top: 0px; right: -40px; width: 40px; height: 100%; background: #fff; clip-path: polygon(0% 0%, 100% 0%, 50% 20%, 90% 80%, 7% 100%, 0% 100%, 0% 80%, 0% 0%); } .feature-block-two .inner-box .shape-2{ position: absolute; top: 0px; left: -40px; width: 41px; height: 100%; background: #fff; clip-path: polygon(0% 0%, 100% 0%, 50% 20%, 90% 80%, 7% 100%, 0% 100%, 0% 80%, 0% 0%); transform: rotate(180deg); } .feature-block-two .inner-box:before{ position: absolute; content: ''; width: calc(100% - 90px); left: 26px; bottom: 0px; height: 7px; } /** about-style-two **/ .about-style-two{ background: #f3f0ec; } .content_block_seven .content-box{ position: relative; display: block; } .content_block_seven .content-box .bold-text{ color: #141417; } .content_block_seven .content-box .inner-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; } .content_block_seven .content-box .inner-box .left-content h4{ margin-bottom: 17px; } .content_block_seven .content-box .inner-box .list-style-one{ margin-bottom: 44px; } .content_block_seven .content-box .inner-box .theme-btn{ padding: 17px 32px; } .content_block_seven .content-box .inner-box .single-item{ position: relative; display: block; padding: 12px 0px 8px 100px; margin-bottom: 40px; min-height: 80px; } .content_block_seven .content-box .inner-box .single-item:last-child{ margin-bottom: 0px; } .content_block_seven .content-box .inner-box .single-item .icon-box{ position: absolute; display: inline-block; left: 0px; top: 0px; width: 80px; height: 80px; line-height: 80px; font-size: 45px; text-align: center; border-radius: 50%; } .content_block_eight .content-box{ position: relative; display: block; } .content_block_eight .content-box .image-box{ position: relative; display: block; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 94%, 0% 0%); } .content_block_eight .content-box .image-box img{ width: 100%; } .content_block_eight .content-box .image-box:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.3; } .content_block_eight .content-box .text{ position: absolute; left: 0px; bottom: 0px; width: 290px; background: #fff; padding: 33px 15px 35px 15px; box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.10); } .content_block_eight .content-box .text .icon-box{ position: relative; display: block; font-size: 48px; line-height: 50px; margin-bottom: 10px; } .content_block_eight .content-box .text h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; } .content_block_eight .content-box .text h3 a{ display: inline-block; color: #141417; } .content_block_eight .content-box .text h3 a:hover{ } .content_block_eight .content-box .video-btn{ position: absolute; left: 230px; bottom: 140px; } .content_block_eight .content-box .video-btn a{ position: relative; display: inline-block; width: 160px; height: 160px; line-height: 112px; background: #fff; font-size: 40px; text-align: center; border-radius: 50%; } .content_block_eight .content-box .video-btn a:before, .content_block_eight .content-box .video-btn a:after { width: 160px; height: 160px; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgba(235, 115, 40, 0.9); box-shadow: 0 0 0 0 rgba(235, 115, 40, 0.9); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } .content_block_eight .content-box .video-btn a:after{ -webkit-animation-delay: .6s; animation-delay: .6s; } /** service-style-two **/ .service-style-two{ position: relative; } .service-block-one{ max-width: 370px; margin: 0 auto; } .service-block-one .inner-box{ position: relative; display: block; background: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06); } .service-block-one .inner-box .image-box{ overflow: hidden; background: #000000; } .service-block-one .inner-box .image-box .shape-1{ width: 100%; height: 65px; background: #fbe3d4; clip-path: polygon(67% 57%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 75%, 26% 52%); z-index: 1; } .service-block-one .inner-box .image-box .shape-2{ width: 100%; height: 65px; background: #fff; clip-path: polygon(75% 75%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 27% 50%); z-index: 1; } .service-block-one .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .service-block-one .inner-box:hover .image-box img{ opacity: 0.7; transform: scale(1.05); } .service-block-one .inner-box .lower-content{ padding: 11px 30px 36px 40px; z-index: 2; } .service-block-one .inner-box .lower-content .icon-box{ top: -75px; color: #fff; } .service-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 16px; } .service-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #141417; } .service-block-one .inner-box .lower-content h3 a:hover{ } .service-block-one .inner-box .lower-content p{ margin-bottom: 17px; } .service-block-one .inner-box .lower-content .link a{ position: relative; display: inline-block; font-size: 15px; line-height: 26px; font-weight: 600; text-transform: uppercase; color: #141417; } .service-block-one .inner-box .lower-content .link a:hover{ } .service-block-one .inner-box .lower-content .link a i{ position: relative; top: 1px; margin-left: 0px; font-size: 14px; font-weight: 700; opacity: 0; transition: all 500ms ease; } .service-block-one .inner-box .lower-content .link a:hover i{ margin-left: 5px; opacity: 1; } .service-style-two .owl-carousel .owl-stage-outer{ overflow: visible; } .service-style-two .owl-carousel .owl-stage-outer .owl-item{ opacity: 0; } .service-style-two .owl-carousel .owl-stage-outer .owl-item.active{ opacity: 1; } .service-style-two .owl-dots{ position: relative; display: block; margin-top: 50px; text-align: center; } .service-style-two .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 7px; height: 7px; background: #d9d9d9; border-radius: 50%; margin: 0px 5px; cursor: pointer; transition: all 500ms ease; } .service-style-two .owl-theme .owl-dots .owl-dot.active span, .service-style-two .owl-theme .owl-dots .owl-dot span:hover{ } /** chooseus-style-two **/ .chooseus-style-two{ background: #f2efeb; padding: 200px 0px 120px 0px; margin-top: 60px; } .chooseus-style-two .content-box{ background: #fff; padding: 64px 50px 32px 70px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10); } .chooseus-style-two .content-box .inner-box .single-item{ position: relative; display: block; padding: 0px 0px 0px 100px; margin-bottom: 42px; } .chooseus-style-two .content-box .inner-box .single-item .icon-box{ position: absolute; display: inline-block; left: 0px; top: 1px; width: 80px; height: 80px; line-height: 80px; font-size: 40px; background: #fff; text-align: center; border-radius: 50%; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); z-index: 1; transition: all 500ms ease; } .chooseus-style-two .content-box .inner-box .single-item:hover .icon-box{ color: #fff; } .chooseus-style-two .content-box .inner-box .single-item .icon-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 50%; transform: scale(0,0); z-index: -1; transition: all 500ms ease; } .chooseus-style-two .content-box .inner-box .single-item:hover .icon-box:before{ transform: scale(1,1); } .chooseus-style-two .content-box .inner-box .single-item h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 16px; } .chooseus-style-two .image-layer{ position: absolute; right: 15px; bottom: 0px; } .chooseus-style-two .shape .shape-1{ position: absolute; right: 0px; bottom: 0px; width: 515px; height: 330px; } .chooseus-style-two .shape .shape-2{ position: absolute; left: 0px; top: -60px; width: 100%; height: 60px; background: #f2efeb; clip-path: polygon(75% 75%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 15% 15%); } .chooseus-style-two .shape .shape-3{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } /** working-section **/ .working-section .tabs-box{ position: relative; margin-right: 30px; padding-top: 28px; padding-bottom: 28px; } .working-section .tabs-box .tab-btn-box{ position: absolute; top: 0px; left: 540px; height: 100%; } .working-section .tabs-content{ position: relative; z-index: -1; } .working-section .tabs-content .inner-box{ position: relative; width: 370px; height: 370px; border-radius: 50%; overflow: hidden; } .working-section .tabs-content .inner-box .image-box{ position: relative; display: block; border-radius: 50%; } .working-section .tabs-content .inner-box .image-box img{ width: 100%; border-radius: 50%; } .working-section .tabs-content .inner-box .text{ position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 21px 15px 48px 15px; } .working-section .tabs-content .inner-box .text:before{ position: absolute; content: ''; width: 100%; height: 25px; left: 0px; top: -25px; clip-path: polygon(0% 0%, 100% 100%, 65% 0%, 25% 25%, 100% 100%, 0% 100%, 0% 100%, 0% 0%); } .working-section .tabs-content .inner-box .text h2{ position: absolute; left: 50%; top: 37%; transform: translate(-50%,-50%); font-size: 80px; font-weight: 800; color: rgba(255, 255, 255, 0.20); text-transform: uppercase; } .working-section .tabs-content .inner-box .text h3{ position: relative; display: block; font-size: 50px; line-height: 50px; color: #fff; font-weight: 800; } .working-section .tabs-box .tab-btns li{ position: absolute; display: inline-block; width: 110px; height: 110px; line-height: 110px; text-align: center; font-size: 50px; background: #fff; border-radius: 50%; cursor: pointer; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); transition: all 500ms ease; } .working-section .tabs-box .tab-btns li:hover, .working-section .tabs-box .tab-btns li.active-btn{ color: #fff; } .working-section .tabs-box .tab-btns li:first-child{ top: 0px; right: 55px; } .working-section .tabs-box .tab-btns li:nth-child(2){ top: 50%; margin-top: -50px; right: 0px; } .working-section .tabs-box .tab-btns li:last-child{ right: 55px; bottom: 0px; } .working-section .tabs-box .tab-btns li:before{ position: absolute; content: ''; background: #ded6cc; width: 300px; height: 2px; top: 50%; transform: translateY(-50%); right: 0px; z-index: -1; transition: all 500ms ease; } .working-section .tabs-box .tab-btns li:hover:before, .working-section .tabs-box .tab-btns li.active-btn:before{ } .working-section .tabs-box .tab-btns li:first-child:before{ transform: translateY(-50%) rotate(-20deg); top: 100%; } .working-section .tabs-box .tab-btns li:last-child:before{ transform: translateY(-50%) rotate(20deg); top: 0%; } .working-section .content-box{ position: relative; display: block; } .working-section .content-box h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 27px; } .working-section .content-box p{ position: relative; display: block; margin-bottom: 26px; } .working-section .content-box .theme-btn{ padding: 17px 40px; } .working-section .shape .shape-1{ position: absolute; left: 0px; top: 0px; width: 1186px; height: 663px; background-repeat: no-repeat; z-index: -1; } .working-section .shape .shape-2{ position: absolute; right: 0px; bottom: 55px; width: 335px; height: 406px; background-repeat: no-repeat; z-index: -1; } /** search-field-two **/ .search-field-two{ background: #26282e; padding: 113px 0px 190px 0px; } .search-field-two .title-text{ margin-bottom: 27px; } .search-field-two .title-text h2{ position: relative; display: block; font-size: 40px; line-height: 50px; color: #fff; font-weight: 700; } .search-field-two .search-area form{ position: relative; display: block; margin-left: 5px; padding-right: 205px; } .search-field-two .search-area .form-group{ position: relative; padding: 0px 10px; margin-bottom: 0px; } .search-field-two .search-area .form-group input[type='text'], .search-field-two .search-area .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 60px; background: #54565a; font-size: 16px; color: #fff; padding: 10px 20px; transition: all 500ms ease; } .search-field-two .search-area .form-group .icon{ position: absolute; top: 20px; right: 30px; z-index: 1; font-size: 14px; color: #fff; } .search-field-two .search-area .form-group input:focus{ background: #fff; color: #141417; } .search-field-two .search-area .btn-box{ position: absolute; top: 0px; right: 0px; } .search-field-two .search-area .btn-box .theme-btn{ padding: 17px 36.5px; } .search-field-two .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .faq-section .bg-layer{ position: absolute; right: 0px; bottom: 0px; width: calc(50% - 30px); height: calc(100% + 70px); background-size: cover; background-repeat: no-repeat; background-position: center; } /** testimonial-style-two **/ .testimonial-style-two{ padding-bottom: 110px; } .testimonial-style-two .testimonial-block-one .inner-box{ box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); } .testimonial-style-two .owl-carousel .owl-stage-outer{ overflow: visible; } .testimonial-style-two .owl-carousel .owl-stage-outer .owl-item{ opacity: 0; } .testimonial-style-two .owl-carousel .owl-stage-outer .owl-item.active{ opacity: 1; } .testimonial-style-two .owl-dots{ position: relative; display: block; margin-top: 50px; text-align: center; } .testimonial-style-two .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 7px; height: 7px; background: #d9d9d9; border-radius: 50%; margin: 0px 5px; cursor: pointer; transition: all 500ms ease; } .testimonial-style-two .owl-theme .owl-dots .owl-dot.active span, .testimonial-style-two .owl-theme .owl-dots .owl-dot span:hover{ } /** cta-style-two **/ .cta-style-two{ background: #26282e; padding: 60px 0px; overflow: hidden; } .cta-style-two .content-box{ display: block; } .cta-style-two .image-box{ position: relative; display: block; margin-left: -105px; } .cta-style-two .image-box img{ width: 100%; } .cta-style-two .content-box .text{ margin-bottom: 22px; } .cta-style-two .content-box .text p{ color: #fff; } .cta-style-two .content-box .support-box{ position: relative; display: block; padding: 4px 0px 5px 90px; } .cta-style-two .content-box .support-box .icon-box{ position: absolute; display: inline-block; width: 70px; height: 70px; line-height: 70px; font-size: 40px; color: #fff; text-align: center; border-radius: 50%; left: 0px; top: 0px; } .cta-style-two .content-box .support-box p{ position: relative; display: block; font-size: 18px; line-height: 26px; font-weight: 600; color: #c6c6c7; margin-bottom: 1px; } .cta-style-two .content-box .support-box h3{ position: relative; display: block; font-size: 26px; line-height: 34px; color: #fff; font-weight: 600; } .cta-style-two .content-box .support-box h3 a{ display: inline-block; color: #fff; } .cta-style-two .content-box .support-box h3 a:hover{ } .cta-style-two .image-box .shape .shape-1{ position: absolute; right: 40px; bottom: 5px; width: 170px; height: 178px; background-repeat: no-repeat; } .cta-style-two .image-box .shape .shape-2{ position: absolute; right: 75px; bottom: -155px; width: 327px; height: 327px; border-radius: 50%; background: rgba(255, 255, 255, 0.05); -webkit-animation: zoom-fade 8s infinite linear; animation: zoom-fade 8s infinite linear; } .cta-style-two .pattern-layer .pattern-1{ position: absolute; left: 0px; bottom: 0px; width: 617px; height: 535px; background-repeat: no-repeat; } .cta-style-two .pattern-layer .pattern-2{ position: absolute; top: 0px; right: 0px; height: 100%; width: 1514px; background-repeat: no-repeat; } .cta-style-two .pattern-layer .pattern-3{ position: absolute; left: 280px; top: 60px; width: 255px; height: 254px; background-repeat: no-repeat; } /*** ==================================================================== home-page-3 ==================================================================== ***/ /** header-style-three **/ .header-style-three{ position: absolute; left: 0px; top: 50px; width: 100%; } .header-style-three .header-upper{ background: transparent; } .header-style-three .header-upper .upper-inner{ background: #2e3033; padding-right: 40px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07); } .header-style-three .header-upper .upper-inner .logo-box .logo{ background: #f9f6f4; } .header-style-three .header-upper .upper-inner .logo-box .logo:before{ background: #f9f6f4; } .header-style-three .header-upper .upper-inner .info-list li h5{ color: #fff; } .header-style-three .header-upper .upper-inner .info-list li p{ color: #fff; } .header-style-three .header-upper .upper-inner .info-list li p a{ color: #fff; } .header-style-three .header-lower .outer-box{ background: #fff; padding-left: 40px; padding-right: 0px; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05); } .header-style-three .sticky-header .outer-box{ padding: 0px; } .header-style-three .main-menu .navigation > li > a{ padding: 15px 0px; } .header-style-three .outer-box .theme-btn.btn-one{ padding: 17px 36px; } /** banner-style-three **/ .banner-style-three .banner-carousel .slide-item{ padding: 375px 0px 165px 0px; } .banner-style-three .banner-carousel .slide-item .image-layer{ left: inherit; right: 0px; width: 60%; } .banner-style-three .banner-carousel .slide-item:before{ position: absolute; content: ''; background: #f5f0ed; width: calc(50% + 50px); height: 100%; left: 0px; top: 0px; opacity: 1; clip-path: polygon(0% 0%, 100% 0%, 95% 20%, 95% 80%, 85% 100%, 0% 100%, 0% 80%, 0% 0%); } .banner-style-three .banner-carousel .slide-item:after{ position: absolute; content: ''; background: #f19d69; width: calc(50% + 80px); height: 100%; left: 0px; top: 0px; opacity: 1; clip-path: polygon(0% 0%, 100% 0%, 92% 15%, 95% 80%, 82% 101%, 0% 100%, 0% 80%, 0% 0%); } .banner-style-three .banner-carousel .content-box{ max-width: 500px; } .banner-style-three .banner-carousel .content-box h2, .banner-style-three .banner-carousel .content-box p{ color: #141417; } .banner-style-three .banner-carousel .content-box p{ margin-bottom: 32px; } .banner-style-three .banner-carousel .content-box h2{ margin-bottom: 23px; } .banner-style-three .banner-carousel .owl-nav button{ background: #fff; } .banner-style-three .banner-carousel .owl-nav button:hover{ color: #fff; } .banner-style-three .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 45%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 4; } /** feature-style-three **/ .feature-style-three{ background: #2d2f32; padding: 50px 0px 45px 0px; } .feature-style-three .inner-container{ position: relative; display: flex; align-items: center; justify-content: space-between; } .feature-style-three .feature-block-three{ max-width: 310px; } .feature-block-three .inner-box{ position: relative; display: block; padding: 10px 0px 0px 110px; } .feature-block-three .inner-box .icon-box{ position: absolute; left: 0px; top: 0px; width: 90px; height: 90px; line-height: 90px; font-size: 45px; color: #fff; background: rgba(255, 255, 255, 0.10); text-align: center; border-radius: 50%; z-index: 1; } .feature-block-three .inner-box .icon-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 50%; transform: scale(0,0); z-index: -1; transition: all 500ms ease; } .feature-block-three .inner-box:hover .icon-box:before{ transform: scale(1,1); } .feature-block-three .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 30px; font-weight: 600; color: #fff; margin-bottom: 17px; } .feature-block-three .inner-box h3 a{ display: inline-block; color: #fff; } .feature-block-three .inner-box h3 a:hover{ } .feature-block-three .inner-box p{ color: #bdbec1; } .feature-block-three .inner-box:before{ position: absolute; content: ''; background: rgba(255, 255, 255, 0.10); width: 1px; height: 100%; top: 0px; right: -70px; } .feature-block-three:last-child .inner-box:before{ display: none; } /** about-style-three **/ .content_block_nine .content-box{ position: relative; display: block; } .content_block_nine .content-box .image-box{ position: relative; display: block; } .content_block_nine .content-box .image-box img{ width: 100%; } .content_block_nine .content-box .image-box .image{ position: relative; clip-path: polygon(6% 0%, 100% 0%, 101% 0%, 100% 100%, 0% 100%, 0% 100%, 5% 80%, 0% 23%); } .content_block_nine .content-box .image-box .image:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.3; } .content_block_nine .content-box .image-box:before{ position: absolute; content: ''; background: #fff; width: 50px; height: 100%; right: 0px; top: 0px; z-index: 1; clip-path: polygon(0% 0%, 100% 0%, 50% 20%, 90% 80%, 7% 100%, 0% 100%, 0% 80%, 0% 0%); transform: rotate(180deg); } .content_block_nine .content-box .image-box .video-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .content_block_nine .content-box .image-box .video-btn a{ position: relative; display: inline-block; width: 100px; height: 100px; line-height: 110px; text-align: center; font-size: 40px; background: #fff; border-radius: 50%; } .content_block_nine .content-box .image-box .video-btn a:before, .content_block_nine .content-box .image-box .video-btn a:after { width: 100%; height: 100%; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } .content_block_nine .content-box .image-box .video-btn a:after{ -webkit-animation-delay: .6s; animation-delay: .6s; } .content_block_nine .content-box .text{ position: absolute; right: 0px; bottom: 0px; width: 220px; background: #fff; text-align: center; padding: 45px 30px; box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.15); z-index: 1; } .content_block_nine .content-box .text .icon-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 200px; color: #fdf1e9; } .content_block_nine .content-box .text h2{ position: relative; display: block; font-size: 50px; line-height: 50px; font-weight: 700; margin-bottom: 16px; } .content_block_nine .content-box .text h5{ display: block; font-size: 18px; line-height: 28px; font-weight: 500; } .content_block_nine .content-box .image-box .shape .shape-1{ position: absolute; left: -40px; top: 40px; width: 130px; height: 130px; background-repeat: no-repeat; } .content_block_nine .content-box .image-box .shape .shape-2{ position: absolute; left: 200px; bottom: -45px; width: 130px; height: 130px; background-repeat: no-repeat; } .content_block_ten .content-box{ position: relative; display: block; } .content_block_ten .content-box .text{ margin-bottom: 34px; } .content_block_ten .content-box .inner-box{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 44px; } .content_block_ten .content-box .inner-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 17px; } .content_block_ten .content-box .support-box{ position: relative; display: block; padding: 9px 0px 9px 100px; } .content_block_ten .content-box .support-box .icon-box{ position: absolute; display: inline-block; width: 80px; height: 80px; line-height: 80px; font-size: 40px; color: #fff; text-align: center; border-radius: 50%; left: 0px; top: 0px; } .content_block_ten .content-box .support-box p{ position: relative; display: block; font-size: 16px; line-height: 26px; font-weight: 500; color: #666668; margin-bottom: 6px; } .content_block_ten .content-box .support-box h3{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #141417; font-weight: 600; } .content_block_ten .content-box .support-box h3 a{ display: inline-block; color: #141417; } .content_block_ten .content-box .support-box h3 a:hover{ } .about-style-three .pattern-layer{ position: absolute; right: 0px; bottom: 0px; width: 337px; height: 406px; background-repeat: no-repeat; } .image_block_six .image-box{ position: relative; display: block; } .image_block_six .image-box .image{ position: relative; display: block; clip-path: polygon(8% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 10% 80%, 0% 25%); } .image_block_six .image-box .image img{ width: 100%; } .image_block_six .image-box .icon-box{ position: absolute; top: 50%; transform: translateY(-50%); left: -30px; width: 100px; height: 100px; line-height: 100px; font-size: 40px; background: #fff; text-align: center; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); } .image_block_six .image-box .shape{ position: absolute; right: -50px; bottom: -30px; width: 130px; height: 130px; background-repeat: no-repeat; } .service-section.alternat-2 .content_block_two .content-box .text{ margin-bottom: 46px; } .service-section.alternat-2 .content_block_two .content-box .single-item{ margin-bottom: 31px; } .service-section.alternat-2 .tab-btns li{ width: calc(33.333% - 15px); } .service-section.alternat-2 .tab-btns li:after{ position: absolute; content: ''; background: #fff; width: 15px; height: 100%; top: 0px; right: -14px; transition: all 500ms ease; clip-path: polygon(0% 0%, 75% 0%, 25% 30%, 50% 70%, 0% 100%, 0% 100%, 0% 50%, 0% 50%); z-index: 1; } .service-section.alternat-2 .tab-btns li:last-child:after{ display: none; } .service-section.alternat-2 .tab-btns li.active-btn:after, .service-section.alternat-2 .tab-btns li:hover:after{ } .image_block_seven .image-box{ position: relative; display: block; } .image_block_seven .image-box img{ width: 100%; } .image_block_seven .image-box .image-1{ clip-path: polygon(95% 0%, 85% 50%, 89% 100%, 0% 100%, 0% 0%, 25% 0%); } .image_block_seven .image-box .image-2{ margin-right: -10px; clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%); } .image_block_seven .image-box .shape .shape-1{ position: absolute; top: -45px; right: -50px; width: 184px; height: 200px; background-repeat: no-repeat; } .image_block_seven .image-box .shape .shape-2{ position: absolute; left: 40px; bottom: -30px; width: 130px; height: 130px; background-repeat: no-repeat; } .content_block_three .content-box .inner-box li{ position: relative; float: left; width: 20%; } .content_block_three .content-box .inner-box li .single-item{ position: relative; display: block; margin-right: 30px; text-align: center; width: 120px; } .content_block_three .content-box .inner-box li:last-child .single-item{ margin: 0px !important; } .content_block_three .content-box .inner-box li .single-item .icon-box{ position: relative; display: inline-block; width: 120px; height: 120px; line-height: 120px; font-size: 50px; background: #fff; text-align: center; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); margin-bottom: 14px; transition: all 500ms ease; } .content_block_three .content-box .inner-box li .single-item:hover .icon-box{ color: #fff; } .content_block_three .content-box .inner-box li .single-item h4{ position: relative; display: block; font-size: 20px; line-height: 28px; font-weight: 600; } .content_block_three .content-box .inner-box li .single-item h4 a{ display: inline-block; color: #141417; } .content_block_three .content-box .inner-box li .single-item h4 a:hover{ } .service-section.alternat-2 .content_block_three .content-box .text h3{ margin-bottom: 24px; } .service-section.alternat-2 .content_block_three .content-box{ margin-left: 50px; } .service-section.alternat-2{ padding-top: 0px; } .service-section .pattern-layer .pattern-3{ position: absolute; left: 0px; bottom: 0px; height: calc(100% - 274px); width: 100%; background-repeat: no-repeat; background-size: cover; } /** cta-style-three **/ .cta-style-three{ padding: 71px 0px 79px 0px; } .cta-style-three .inner-box{ position: relative; display: flex; align-items: center; justify-content: space-between; } .cta-style-three .inner-box .text h2{ position: relative; display: block; font-size: 40px; line-height: 50px; color: #fff; font-weight: 700; } .cta-style-three .inner-box .btn-box .theme-btn{ background: #2d2f32; padding: 22px 41px; } .cta-style-three .inner-box .btn-box .theme-btn:before{ background: #fff !important; opacity: 1; } .cta-style-three .inner-box .icon-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 150px; color: rgba(255, 255, 255, 0.10); } /** chooseus-style-three **/ .chooseus-style-three{ padding: 114px 0px 70px 0px; } .chooseus-style-three .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .chooseus-block-one .inner-box{ position: relative; display: block; padding: 0px 0px 0px 100px; margin-bottom: 42px; } .chooseus-block-one .inner-box .icon-box{ position: absolute; display: inline-block; left: 0px; top: 1px; width: 80px; height: 80px; line-height: 80px; font-size: 45px; background: #fff; text-align: center; border-radius: 50%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); z-index: 1; transition: all 500ms ease; } .chooseus-block-one .inner-box:hover .icon-box{ color: #fff; } .chooseus-block-one .inner-box .icon-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); border-radius: 50%; z-index: -1; transition: all 500ms ease; } .chooseus-block-one .inner-box:hover .icon-box:before{ transform: scale(1,1); } .chooseus-block-one .inner-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 16px; } /** success-section **/ .success-section{ background: #2d2f32; } .progress-box .bar{ position:relative; width:100%; height:8px; background:#4c4e51; } .progress-box .bar-inner{ position:relative; display:block; width:0px; height:8px; -webkit-transition:all 1500ms ease; -ms-transition:all 1500ms ease; -o-transition:all 1500ms ease; -moz-transition:all 1500ms ease; transition:all 1500ms ease; } .progress-box h6{ font-size: 16px; line-height: 24px; color: #fff; font-weight: 500; margin-bottom: 8px; } .progress-box .count-text{ position: absolute; top: -32px; right: -17px; font-size: 16px; line-height: 24px; color: #fff; font-weight: 500; } .content_block_11 .content-box{ position: relative; display: block; } .content_block_11 .content-box .text p{ color: #bdbec1; } .success-section .bg-layer{ position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; } .success-section .bg-layer .bg-image{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .success-section .bg-layer .bg-image:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.1; } .success-section .bg-layer:before{ position: absolute; content: ''; background: #2d2f32; height: 100%; width: 47px; top: 0px; right: 0px; z-index: 1; clip-path: polygon(100% 0%, 100% 0%, 200% 0%, 100% 100%, 0% 100%, 0% 100%, 100% 80%, 0% 25%); } .success-section .bg-layer:after{ position: absolute; content: ''; height: 100%; width: 47px; top: 0px; right: 0px; clip-path: polygon(50% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 50% 80%, 0% 25%); } /** team-style-two **/ .team-style-two{ padding: 114px 0px 110px 0px; } .team-block-two{ position: relative; max-width: 370px; margin: 0 auto; } .team-block-two .inner-box{ position: relative; display: block; padding-left: 20px; } .team-block-two .inner-box .image-box{ position: relative; } .team-block-two .inner-box .image-box:before{ position: absolute; content: ''; top: 0px; right: 0px; width: 40px; height: 100%; background: #fff; clip-path: polygon(0% 0%, 100% 0%, 50% 20%, 90% 80%, 7% 100%, 0% 100%, 0% 80%, 0% 0%); transform: rotate(180deg); z-index: 1; } .team-block-two .inner-box .image-box:after{ position: absolute; content: ''; top: 0px; left: 0px; width: 40px; height: 100%; background: #fff; clip-path: polygon(0% 0%, 100% 0%, 50% 20%, 90% 80%, 7% 100%, 0% 100%, 0% 80%, 0% 0%); } .team-block-two .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; background: #000; } .team-block-two .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .team-block-two .inner-box:hover .image-box .image img{ opacity: 0.5; transform: scale(1.05); } .team-block-two .inner-box .image-box .social-links{ position: absolute; left: 50%; top: 35%; transform: translate(-50%,-50%) scale(0,0); transition: all 500ms ease; } .team-block-two .inner-box:hover .image-box .social-links{ transform: translate(-50%,-50%) scale(1,1); } .team-block-two .inner-box .image-box .social-links li{ position: relative; display: inline-block; margin: 0px 14px; } .team-block-two .inner-box .image-box .social-links li a{ position: relative; display: inline-block; font-size: 20px; color: #fff; } .team-block-two .inner-box .image-box .social-links li a:hover{ } .team-block-two .inner-box .content-box{ position: absolute; left: 0px; bottom: 40px; width: 268px; background: #fff; padding: 22px 30px 20px 30px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); transition: all 500ms ease; } .team-block-two .inner-box .content-box:before{ position: absolute; content: ''; background: #fff; width: 17px; height: 100%; top: 0px; right: -17px; clip-path: polygon(0% 0%, 100% 0%, 40% 30%, 60% 70%, 0% 100%, 0% 100%, 0% 100%, 0% 0%); transition: all 500ms ease; } .team-block-two .inner-box .content-box h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 2px; } .team-block-two .inner-box .content-box h3 a{ position: relative; display: inline-block; color: #141417; } .team-block-two .inner-box .content-box h3 a:hover{ } .team-block-two .inner-box .content-box .designation{ position: relative; display: block; font-size: 16px; line-height: 24px; font-weight: 500; transition: all 500ms ease; } .team-block-two .inner-box:hover .content-box h3 a, .team-block-two .inner-box:hover .content-box .designation{ color: #fff; } .team-style-two .owl-dots{ position: relative; display: block; margin-top: 50px; text-align: center; } .team-style-two .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 7px; height: 7px; background: #d9d9d9; border-radius: 50%; margin: 0px 5px; cursor: pointer; transition: all 500ms ease; } .team-style-two .owl-theme .owl-dots .owl-dot.active span, .team-style-two .owl-theme .owl-dots .owl-dot span:hover{ } /** testimonial-style-three **/ .testimonial-style-three{ padding-bottom: 120px; } .testimonial-style-three .owl-dots{ position: relative; display: block; margin-top: 30px; text-align: center; } .testimonial-style-three .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 7px; height: 7px; background: #d9d9d9; border-radius: 50%; margin: 0px 5px; cursor: pointer; transition: all 500ms ease; } .testimonial-style-three .owl-theme .owl-dots .owl-dot.active span, .testimonial-style-three .owl-theme .owl-dots .owl-dot span:hover{ } .testimonial-style-three .testimonial-block-one .inner-box{ padding: 0px; } .testimonial-style-three .testimonial-block-one .inner-box .light-icon{ right: 0px; } .content_block_12 .content-box{ position: relative; display: block; background: #f5f0ed; padding: 60px 30px 60px 60px; } .content_block_12 .content-box .counter-block{ position: relative; display: block; padding: 8px 0px 5px 120px; margin-bottom: 50px; } .content_block_12 .content-box .counter-block:last-child{ margin-bottom: 0px; } .content_block_12 .content-box .counter-block .icon-box{ position: absolute; left: 0px; top: 0px; width: 100px; height: 100px; line-height: 100px; font-size: 60px; color: #fff; text-align: center; border-radius: 50%; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); } .content_block_12 .content-box .counter-block .count-outer{ position: relative; display: block; font-size: 50px; line-height: 50px; font-weight: 600; color: #141417; margin-bottom: 11px; text-transform: uppercase; } .content_block_12 .content-box .shape{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } .content_block_12 .content-box .image-layer{ position: absolute; right: -100px; bottom: 0px; } .testimonial-style-three .pattern-layer{ position: absolute; left: 10px; bottom: 120px; width: 40px; height: 328px; background-repeat: no-repeat; } .search-field-two.alternat-2{ padding-bottom: 120px; } .main-footer.alternat-2 .footer-top{ padding-top: 86px; } /** contact-section **/ .contact-section #contact-google-map{ position: relative; width: 100%; height: 690px; } .nice-select:after{ width: 8px; height: 8px; border-bottom: 2px solid #6e6e6e; border-right: 2px solid #6e6e6e; right: 20px; } .nice-select{ position: relative; display: block; width: 100%; border: none !important; border-radius: 0px; padding: 0px 0px; font-weight: 400; background: transparent; height: 42px; font-size: 16px; color: #6e6e6e; line-height: 42px; border-bottom: 1px solid #e5e5e5 !important; } .contact-section .content-inner{ position: absolute; left: 0px; top: 0px; width: 100%; padding: 100px 0px; z-index: 2; } .contact-section .content_block_13 .content-box{ background: #fff; padding: 64px 70px 70px 70px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); } .content_block_13 .content-box .form-inner .form-group{ position: relative; display: block; margin-bottom: 26px; } .content_block_13 .content-box .form-inner .form-group:last-child{ margin-bottom: 0px; } .content_block_13 .content-box .form-inner .form-group input[type="text"], .content_block_13 .content-box .form-inner .form-group input[type="email"], .content_block_13 .content-box .form-inner .form-group textarea{ position: relative; display: block; width: 100%; height: 42px; font-size: 16px; color: #6e6e6e; line-height: 42px; border-bottom: 1px solid #e5e5e5; transition: all 500ms ease; } .content_block_13 .content-box .form-inner .form-group input:focus{ } .content_block_13 .content-box .form-inner .form-group .theme-btn{ padding: 17px 38px; } .content_block_13 .content-box .form-inner .form-group .message-btn{ padding-top: 14px; } .content_block_13 .content-box .form-inner .form-group textarea{ height: 120px; resize: none; } /*** ==================================================================== home-page-4 ==================================================================== ***/ /** banner-style-four **/ .banner-style-four{ overflow: hidden; } .banner-style-four .banner-carousel .slide-item:before{ opacity: 0.6; } .banner-style-four .banner-carousel .slide-item .content-box p{ margin-bottom: 32px; } .banner-style-four .banner-carousel .content-box{ margin: 0 auto; } .banner-style-four .banner-carousel .slide-item{ padding: 130px 0px 320px 0px; } /** feature-style-four **/ .feature-style-four .inner-container{ position: relative; margin-top: -100px; z-index: 1; } .feature-block-four .inner-box{ position: relative; display: block; background: #fff; padding: 0px 80px 35px 80px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); } .feature-block-four .inner-box:before{ position: absolute; content: ''; width: calc(100% - 170px); left: 85px; bottom: 0px; height: 7px; transform: scaleX(0); transition: all 500ms ease; } .feature-block-four .inner-box:hover:before{ transform: scaleX(1); } .feature-block-four .inner-box .icon-box{ position: relative; display: inline-block; margin-top: -55px; top: -15px; margin-bottom: 46px; } .feature-block-four .inner-box .icon-box .icon{ position: relative; display: inline-block; width: 112px; height: 112px; line-height: 112px; text-align: center; font-size: 50px; background: #fbe3d4; border-radius: 50%; z-index: 1; clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 0% 94%, 0% 0%); transition: all 500ms ease; } .feature-block-four .inner-box:hover .icon-box .icon{ color: #fff; } .feature-block-four .inner-box .icon-box .icon:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 50%; transform: scale(0,0); z-index: -1; transition: all 500ms ease; } .feature-block-four .inner-box:hover .icon-box .icon:before{ transform: scale(1,1); } .feature-block-four .inner-box .icon-box .icon-shape{ position: absolute; left: -49px; top: -28px; width: 210px; height: 233px; background-repeat: no-repeat; } .feature-block-four .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 16px; } .feature-block-four .inner-box h3 a{ display: inline-block; color: #141417; } .feature-block-four .inner-box h3 a:hover{ } .feature-block-four .inner-box p{ color: #141417; } /** about-style-four **/ .about-style-four .inner-box .left-content p{ color: #141417; margin-bottom: 32px; font-weight: 500; } .about-style-four .inner-box .right-content p{ margin-bottom: 25px; } .about-style-four .image-box .image{ position: relative; display: block; overflow: hidden; } .about-style-four .image-box .image:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .about-style-four .image-box .image:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } .about-style-four .image-box .image img{ width: 100%; } .about-style-four .image-box .shape{ position: absolute; top: -130px; right: -50px; width: 184px; height: 200px; background-repeat: no-repeat; -webkit-animation: zoom-fade 6s infinite linear; animation: zoom-fade 6s infinite linear; } /** service-style-three **/ .service-block-two .inner-box{ position: relative; display: block; background: #fff; } .service-block-two .inner-box .image-box{ position: relative; display: block; overflow: hidden; background: #000; } .service-block-two .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .service-block-two .inner-box:hover .image-box img{ opacity: 0.7; transform: scale(1.05); } .service-block-two .inner-box .lower-content{ padding: 0px 40px 37px 40px; } .service-block-two .inner-box .lower-content .icon-box{ position: relative; display: inline-block; margin-top: -49px; top: -11px; margin-bottom: 43px; } .service-block-two .inner-box .lower-content .icon-box .icon{ position: relative; display: inline-block; width: 96px; height: 96px; line-height: 96px; text-align: center; font-size: 40px; background: #fbe3d4; border-radius: 50%; z-index: 1; clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 0% 94%, 0% 0%); transition: all 500ms ease; } .service-block-two .inner-box:hover .lower-content .icon-box .icon{ color: #fff; } .service-block-two .inner-box .lower-content .icon-box .icon:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 50%; transform: scale(0,0); z-index: -1; transition: all 500ms ease; } .service-block-two .inner-box:hover .lower-content .icon-box .icon:before{ transform: scale(1,1); } .service-block-two .inner-box .lower-content .icon-box .icon-shape{ position: absolute; left: -46px; top: -27px; width: 188px; height: 208px; background-repeat: no-repeat; } .service-block-two .inner-box .lower-content h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 15px; } .service-block-two .inner-box .lower-content h3 a{ display: inline-block; color: #141417; } .service-block-two .inner-box .lower-content h3 a:hover{ } .service-block-two .inner-box .lower-content p{ margin-bottom: 16px; } .service-block-two .inner-box .lower-content .link a{ position: relative; display: inline-block; font-size: 15px; line-height: 24px; font-weight: 600; color: #141417; text-transform: uppercase; } .service-block-two .inner-box .lower-content .link a:hover{ } .service-block-two .inner-box .lower-content .link a span{ position: relative; display: inline-block; transition: all 500ms ease; } .service-block-two .inner-box .lower-content .link a:hover span{ padding-right: 21px; } .service-block-two .inner-box .lower-content .link a span:before{ position: absolute; content: "\e906"; font-family: 'icomoon'; font-size: 14px; top: 0px; right: 0px; opacity: 0; transition: all 500ms ease; } .service-block-two .inner-box .lower-content .link a:hover span:before{ opacity: 1; } .service-block-two .inner-box:before{ position: absolute; content: ''; width: calc(100% - 170px); left: 85px; bottom: 0px; height: 7px; transform: scaleX(0); transition: all 500ms ease; } .service-block-two .inner-box:hover:before{ transform: scaleX(1); } .service-style-three .owl-dots{ position: relative; display: block; margin-top: 50px; text-align: center; } .service-style-three .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 7px; height: 7px; background: #d9d9d9; border-radius: 50%; margin: 0px 5px; cursor: pointer; transition: all 500ms ease; } .service-style-three .owl-theme .owl-dots .owl-dot.active span, .service-style-three .owl-theme .owl-dots .owl-dot span:hover{ } .service-style-three .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } /** working-style-two **/ .working-style-two .sec-title{ margin-bottom: -126px; } .working-style-two .tabs-content .text{ position: relative; display: block; margin-top: 161px; } .working-style-two .tabs-content .text h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; padding-left: 40px; margin-bottom: 27px; } .working-style-two .tabs-content .text h3 i{ position: absolute; left: 0px; font-size: 30px; } .working-style-two .tabs-content .text p{ margin-bottom: 26px; } .working-style-two .tabs-content .text .theme-btn{ padding: 17px 40px; margin-top: 6px; } .working-style-two .tabs-content .image-box{ position: relative; display: block; } .working-style-two .tabs-content .image-box .shape{ position: absolute; top: -35px; right: -35px; width: 130px; height: 130px; background-repeat: no-repeat; } .working-style-two .tabs-content .image-box .image{ position: relative; display: block; overflow: hidden; } .working-style-two .tabs-content .image-box .image img{ width: 100%; } .working-style-two .tabs-box{ position: relative; display: block; padding-bottom: 55px; } .working-style-two .tabs-box .tab-btn-box{ position: absolute; right: 395px; bottom: 0px; z-index: 9; } .working-style-two .tabs-box .tab-btns li{ position: relative; display: block; width: 110px; height: 110px; line-height: 110px; font-size: 50px; background: #fff; border-radius: 50%; text-align: center; cursor: pointer; margin-bottom: 30px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); transition: all 500ms ease; } .working-style-two .tabs-box .tab-btns li:last-child{ margin-bottom: 0px; } .working-style-two .tabs-box .tab-btns li.active-btn, .working-style-two .tabs-box .tab-btns li:hover{ color: #fff; } /** funfact-style-three **/ .funfact-style-three{ padding: 100px 0px 170px 0px; } .funfact-style-three .inner-container{ position: relative; display: flex; align-items: center; justify-content: space-between; } .counter-block-three .inner-box{ position: relative; display: block; padding: 8px 0px 5px 120px; } .counter-block-three .inner-box .icon-box{ color: #fff; transition: all 500ms ease; } .counter-block-three .inner-box .icon-box:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); border-radius: 50%; z-index: -1; transition: all 500ms ease; } .counter-block-three .inner-box:hover .icon-box:before{ transform: scale(1,1); } .counter-block-three .inner-box .count-outer{ position: relative; display: block; font-size: 50px; line-height: 50px; color: #fff; font-weight: 600; margin-bottom: 11px; text-transform: uppercase; } .counter-block-three .inner-box p{ color: #fff; } .funfact-style-three .shape{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } /** testimonial-style-four **/ .testimonial-style-four .bg-layer{ position: absolute; left: 0px; top: -70px; width: calc(50% - 45px); height: calc(100% - 50px); background-size: cover; background-repeat: no-repeat; background-position: center; } .testimonial-style-four:before{ position: absolute; content: ''; background: #f5f0ed; width: calc(50% + 45px); height: 100%; top: 0px; right: 0px; } .testimonial-style-four .testimonial-content{ display: block; } .testimonial-style-four .testimonial-block-one .inner-box{ padding: 0px; background: transparent; } .testimonial-style-four .testimonial-block-one .inner-box .light-icon{ right: 0px; } .testimonial-style-four .owl-nav{ position: absolute; top: 50%; transform: translateY(-50%); right: -300px; } .testimonial-style-four .nav-style-one .owl-nav button{ display: block; margin: 10px 0px; } .testimonial-style-four .pattern-layer{ position: absolute; top: 0px; right: 0px; height: 100%; width: 446px; background-repeat: no-repeat; } .bg-color-3{ background: #f5f0ed; } /** faq-style-two **/ .faq-style-two{ position: relative; } .content_block_14 .content-box{ padding-left: 120px; padding-bottom: 70px; } .content_block_14 .content-box .image-box{ position: relative; display: block; overflow: hidden; } .content_block_14 .content-box .image-box img{ width: 100%; } .content_block_14 .content-box .image-box:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .content_block_14 .content-box:hover .image-box:before { -webkit-animation: shine 1s; animation: shine 1s; } .content_block_14 .content-box .support-center{ width: 250px; background: #fff; text-align: center; padding: 58px 15px 59px 15px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); } .content_block_14 .content-box .support-center .icon-box{ position: relative; display: block; font-size: 45px; line-height: 40px; margin-bottom: 18px; } .content_block_14 .content-box .support-center h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 10px; } .content_block_14 .content-box .support-center h3 a{ display: inline-block; color: #141417; } .content_block_14 .content-box .support-center h3 a:hover{ } .content_block_14 .content-box .support-center p{ position: relative; display: block; font-size: 20px; line-height: 28px; font-weight: 500; } .content_block_14 .content-box .experience-box{ width: 250px; text-align: center; padding: 50px 30px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); } .content_block_14 .content-box .experience-box .light-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 150px; color: rgba(255, 255, 255, 0.15); } .content_block_14 .content-box .experience-box h2{ position: relative; display: block; font-size: 50px; line-height: 50px; color: #fff; font-weight: 700; margin-bottom: 16px; } .content_block_14 .content-box .experience-box h5{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #fff; font-weight: 500; } .faq-style-two .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } /** pricing-style-two **/ .pricing-style-two{ position: relative; } .pricing-block-two{ position: relative; display: block; padding: 30px 30px 0px 30px; } .pricing-block-two:before{ position: absolute; content: ''; background: #fff; width: 100%; height: calc(100% - 140px); left: 0px; top: 0px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08); } .pricing-block-two .pricing-table{ position: relative; display: block; background: #fff; padding: 30px 30px 40px 30px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08); } .pricing-block-two .pricing-table .table-header{ position: relative; padding-bottom: 30px; margin-bottom: 27px; border-bottom: 1px solid #e5e5e5; } .pricing-block-two .pricing-table .table-header .light-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 200px; color: #fdf4ee; } .pricing-block-two .pricing-table .table-header .icon-box{ position: relative; display: inline-block; width: 110px; height: 110px; line-height: 110px; text-align: center; font-size: 50px; background: #fff; border-radius: 50%; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); margin-bottom: 28px; z-index: 1; transition: all 500ms ease; } .pricing-block-two .pricing-table .table-header h2{ position: relative; display: block; font-size: 40px; line-height: 40px; font-weight: 700; margin-bottom: 19px; } .pricing-block-two .pricing-table .table-header p{ position: relative; display: block; margin-bottom: 22px; } .pricing-block-two .pricing-table .table-header a{ position: relative; display: inline-block; font-size: 15px; line-height: 26px; font-weight: 600; color: #141417; background: #fff; text-transform: uppercase; border: 1px solid #e7e7e7; padding: 16px 30px; } .pricing-block-two .pricing-table .table-header a:hover{ color: #fff; } .pricing-block-two .pricing-table .feature-list li{ position: relative; display: block; font-size: 16px; line-height: 26px; color: #141417; margin-bottom: 10px; } .pricing-block-two .pricing-table .feature-list li:last-child{ margin-bottom: 0px; } .pricing-block-two .pricing-table .feature-list li span{ position: relative; display: inline-block; padding-left: 24px; } .pricing-block-two .pricing-table .feature-list li span:before{ position: absolute; content: "\e90a"; font-family: 'icomoon'; font-size: 16px; left: 0px; top: 0px; } .pricing-block-two.active-block .pricing-table .table-header .icon-box{ color: #fff; box-shadow: none; } .pricing-block-two.active-block .pricing-table .table-header a{ color: #fff; } .pricing-block-two.active-block .pricing-table .table-header a span{ position: relative; padding-right: 22px; } .pricing-block-two.active-block .pricing-table .table-header a span:before{ position: absolute; content: "\e906"; font-family: 'icomoon'; font-size: 13px; top: -2px; right: 0px; font-weight: 400; transition: all 500ms ease; } /** project-style-two **/ .project-style-two{ position: relative; } .project-style-two .owl-carousel .owl-stage-outer{ overflow: visible; } .project-style-two .owl-carousel{ max-width: 970px; width: 100%; margin: 0 auto; } .project-block-two .inner-box{ position: relative; display: block; overflow: hidden; } .project-block-two .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .project-block-two .inner-box .image-box img{ width: 100%; } .project-block-two .inner-box .image-box:before { position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.30) 100%); bottom: 0px; right: 0px; z-index: 1; opacity: 0; transition: all 500ms ease; } .owl-item.active .project-block-two .inner-box .image-box:before{ opacity: 1; } .project-block-two .inner-box .view-btn{ position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); z-index: 2; } .project-block-two .inner-box .view-btn a{ position: relative; display: inline-block; font-size: 80px; color: #fff; transform: scale(0,0); } .owl-item.active .project-block-two .inner-box .view-btn a{ transform: scale(1,1); } .project-block-two .inner-box .text{ position: absolute; left: 0px; bottom: 0px; width: 100%; padding-left: 50px; z-index: 1; opacity: 0; transition: all 500ms ease; } .owl-item.active .project-block-two .inner-box .text{ bottom: 50px; opacity: 1; } .project-block-two .inner-box .text h4{ position: relative; display: block; margin-bottom: 5px; } .project-block-two .inner-box .text h4 a{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; color: #141417; font-weight: 600; background: #fff; padding: 16px 32px; } .project-block-two .inner-box .text h4 a:hover{ } .project-block-two .inner-box .text span{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; color: #141417; font-weight: 500; background: #fff; padding: 7px 30px; } .project-style-two .owl-nav{ position: absolute; left: 0px; top: 45%; transform: translateY(-50%); width: 100%; } .project-style-two .owl-nav button{ position: absolute; top: 0px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); } .project-style-two .owl-nav .owl-prev{ left: -80px; } .project-style-two .owl-nav .owl-next{ right: -80px; } .news-section.alternat-2 .news-block-one .inner-box .image-box:before{ display: none; } .news-block-one .inner-box .image-box .category{ position: absolute; left: 0px; bottom: 0px; z-index: 1; } .news-block-one .inner-box .image-box .category a{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 500; color: #141417; background: #fff; padding: 7px 30px; } .news-block-one .inner-box .image-box .category a:hover{ color: #fff; } /*** ==================================================================== home-page-5 ==================================================================== ***/ /** header-style-five **/ .header-style-five{ position: relative; background: #fff; } .header-top-two{ position: relative; display: block; border-bottom: 1px solid #ededed; padding: 11.5px 0px; } .header-top-two .top-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .header-top-two .top-inner .text p{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #141417; padding-left: 27px; } .header-top-two .top-inner .text p i{ position: absolute; left: 0px; top: 0px; font-size: 20px; } .header-top-two .top-inner .text p span{ font-weight: 500; } .header-top-two .top-inner .info{ position: relative; display: flex; align-items: center; } .header-top-two .top-inner .info li{ position: relative; display: inline-block; margin-right: 30px; } .header-top-two .top-inner .info li:last-child{ margin: 0px !important; } .header-top-two .top-inner .info li a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #141417; } .header-top-two .top-inner .info li a:hover{ } /** header-upper-two **/ .header-upper-two{ position: relative; padding: 25px 0px; } .header-upper-two .upper-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .header-upper-two .upper-inner .logo-box{ padding: 0px 0px; margin: 0px; } .header-upper-two .upper-inner .option-block{ position: relative; display: flex; align-items: center; } .header-upper-two .upper-inner .option-block .support-center{ position: relative; display: block; padding: 0px 0px 0px 50px; margin-right: 60px; } .header-upper-two .upper-inner .option-block .support-center .icon-box{ position: absolute; left: 0px; top: 3px; font-size: 40px; line-height: 40px; color: #c0c0c1; } .header-upper-two .upper-inner .option-block .support-center p{ font-size: 15px; line-height: 20px; margin-bottom: 0px; } .header-upper-two .upper-inner .option-block .support-center h6{ position: relative; display: block; font-size: 16px; line-height: 26px; font-weight: 600; color: #141417; } .header-upper-two .upper-inner .option-block .support-center h6 a{ display: inline-block; color: #141417; } .header-upper-two .upper-inner .option-block .support-center h6 a:hover{ } .header-upper-two .upper-inner .option-block .search-box-outer{ position: relative; display: inline-block; width: 500px; border: 1px solid #e8e8e8; border-radius: 30px; padding-left: 30px; } .header-upper-two .upper-inner .option-block .search-box-outer .select-box{ position: relative; float: left; width: 160px; } .header-upper-two .upper-inner .option-block .search-box-outer .select-box:before{ position: absolute; content: ''; background: #e6e6e6; width: 1px; height: 24px; top: 12px; right: 12px; } .header-upper-two .upper-inner .option-block .search-box-outer .nice-select{ border: none !important; font-size: 15px; font-weight: 500; color: #141417; height: 48px; line-height: 48px; } .header-upper-two .upper-inner .option-block .search-box-outer .nice-select:after { border-bottom: 1px solid #141417; border-right: 1px solid #141417; right: 39px; } .header-upper-two .upper-inner .option-block .search-box-outer .search-form{ float: left; width: 308px; } .header-upper-two .upper-inner .option-block .search-box-outer .search-form .form-group{ position: relative; margin: 0px; } .header-upper-two .upper-inner .option-block .search-box-outer .search-form .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 48px; line-height: 48px; font-size: 15px; color: #888888; padding: 0px 65px 0px 10px; } .header-upper-two .upper-inner .option-block .search-box-outer .search-form .form-group button{ position: absolute; top: -1px; right: 0px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; text-align: center; border-radius: 50%; } .header-upper-two .upper-inner .other-info .info-list{ position: relative; display: flex; align-items: center; } .header-upper-two .upper-inner .other-info .info-list li{ margin-right: 22px; } .header-upper-two .upper-inner .other-info .info-list li:last-child{ margin: 0px !important; } .header-upper-two .upper-inner .other-info .info-list li a{ position: relative; display: inline-block; font-size: 26px; color: #141417; } .header-upper-two .upper-inner .other-info .info-list li a:hover{ } .header-upper-two .upper-inner .other-info .info-list li.cart-box a{ padding-right: 14px; } .header-upper-two .upper-inner .other-info .info-list li.cart-box a span{ position: absolute; display: inline-block; font-size: 11px; font-weight: 500; color: #fff; width: 21px; height: 21px; line-height: 21px; text-align: center; border-radius: 50%; top: -15px; right: 0px; } .header-style-five .header-lower{ background: #2d2f32; } .header-style-five .outer-box{ padding: 0px; } .header-style-five .nav-right{ position: relative; display: flex; align-items: center; } .main-header .language{ position:relative; display: inline-block; margin-right: 30px; } .main-header .language span{ position: relative; display: inline-block; font-size: 14px; color: #fff; cursor: pointer; padding-right: 16px; } .main-header .language span:after{ position: absolute; content: "\e91d"; font-family: 'icomoon'; font-size: 10px; top: 1px; right: 0px; transition: all 500ms ease; } .main-header .language:hover span:after{ transform: rotate(180deg); } .main-header .language span:before{ position: absolute; content: ''; background: transparent; width: 100%; height: 10px; bottom: -10px; } .main-header .language .lang-dropdown{ position: absolute; right: 0; top: 100%; width: 150px; background: #2d2f32; padding: 5px 0px; opacity: 0; visibility: hidden; z-index: 1; margin-top: 5px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .main-header .language:hover .lang-dropdown{ opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .main-header .language .lang-dropdown li{ position: relative; display: block; border-bottom: 1px solid rgba(255,255,255,0.2); } .main-header .language .lang-dropdown li:last-child{ border: none; } .main-header .language .lang-dropdown li a{ position: relative; display: block; padding: 5px 15px; font-size: 14px; line-height: 24px; color: #fff; text-align: left; } .main-header .language .lang-dropdown li a:hover{ } .main-header .currency-list{ position:relative; display: inline-block; } .main-header .currency-list span{ position: relative; display: inline-block; font-size: 14px; color: #fff; cursor: pointer; padding-right: 16px; } .main-header .currency-list span:after{ position: absolute; content: "\e91d"; font-family: 'icomoon'; font-size: 10px; top: 1px; right: 0px; transition: all 500ms ease; } .main-header .currency-list:hover span:after{ transform: rotate(180deg); } .main-header .currency-list span:before{ position: absolute; content: ''; background: transparent; width: 100%; height: 10px; bottom: -10px; } .main-header .currency-list .currency-dropdown{ position: absolute; right: 0; top: 100%; width: 120px; background: #2d2f32; padding: 5px 0px; opacity: 0; margin-top: 5px; visibility: hidden; z-index: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .main-header .currency-list:hover .currency-dropdown{ opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .main-header .currency-list .currency-dropdown li{ position: relative; display: block; border-bottom: 1px solid rgba(255,255,255,0.2); } .main-header .currency-list .currency-dropdown li:last-child{ border: none; } .main-header .currency-list .currency-dropdown li a{ position: relative; display: block; padding: 5px 15px; font-size: 14px; line-height: 24px; color: #fff; text-align: left; } .main-header .currency-list .currency-dropdown li a:hover{ } .header-style-five .main-menu .navigation > li > a{ color: #fff; padding: 20px 0px; } .header-style-five .sticky-header{ background: #2d2f32; } /** banner-style-five **/ .banner-style-five{ position: relative; background: #ededed; padding: 50px 0px; } .banner-style-five .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } .banner-style-five .slider-content{ position: relative; display: block; background: -webkit-linear-gradient(45deg, #f34b00, #fd7f05 100%); padding: 75px 120px 85px 120px; overflow: hidden; } .banner-style-five .slider-content .shape{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } .banner-style-five .slider-content .content-box{ max-width: 320px; width: 100%; } .banner-style-five .slider-content .image-box{ position: absolute; top: 0px; right: 0px; } .banner-style-five .slider-content .content-box h2{ position: relative; display: block; font-size: 60px; line-height: 70px; color: #fff; font-weight: 700; margin-bottom: 8px; } .banner-style-five .slider-content .content-box h3{ position: relative; display: block; font-size: 30px; line-height: 40px; color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 13px; } .banner-style-five .slider-content .content-box p{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #fff; font-weight: 500; margin-bottom: 22px; } .banner-style-five .slider-content .content-box a{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; background: #2d2f32; padding: 12px 41px; z-index: 1; } .banner-style-five .slider-content .content-box a:hover{ color: #2d2f32; } .banner-style-five .slider-content .content-box a:before{ position: absolute; content: ''; background: #fff; width: 0%; height: 100%; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .banner-style-five .slider-content .content-box a:hover:before{ width: 100%; } .banner-style-five .owl-nav{ position: absolute; left: 0px; top: 45%; transform: translateY(-50%); width: 100%; } .banner-style-five .owl-nav button{ position: absolute; top: 0px; font-size: 28px; } .banner-style-five .owl-nav button.owl-prev{ left: -215px; } .banner-style-five .owl-nav button.owl-next{ right: -215px; } .banner-style-five .owl-dots{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; width: 90px; background: #fff; border-radius: 30px; text-align: center; height: 26px; line-height: 26px; } .banner-style-five .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 7px; height: 7px; background: #d9d9d9; border-radius: 50%; margin: 0px 5px; cursor: pointer; transition: all 500ms ease; } .banner-style-five .owl-theme .owl-dots .owl-dot.active span, .banner-style-five .owl-theme .owl-dots .owl-dot span:hover{ } .banner-style-five .banner-info{ background: #fff; padding: 26px 60px 24px 60px; } .banner-style-five .banner-info .single-info{ position: relative; display: block; padding: 0px 0px 0px 70px; } .banner-style-five .banner-info .single-info:before{ position: absolute; content: ''; background: #e5e5e5; width: 1px; height: 50px; top: 4px; right: 15px; } .banner-style-five .banner-info .info-column:last-child .single-info:before{ display: none; } .banner-style-five .banner-info .single-info .icon-box{ position: absolute; left: 0px; top: 4px; font-size: 50px; } .banner-style-five .banner-info .single-info h5{ position: relative; display: block; font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 8px; } .banner-style-five .banner-info .single-info p{ font-size: 15px; line-height: 26px; } /** shop-section **/ .shop-section{ background: #f2f2f2; padding: 74px 0px 80px 0px; } .tabs-box .tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0; visibility: hidden; } .tabs-box .tab.active-tab { position: relative; visibility: visible; opacity: 1; z-index: 5; } .tabs-box .tabs-content { position: relative; display: block; } .tabs-box .tab.active-tab .shop-block-one { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .tabs-box .tab .shop-block-one { position: relative; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); } .shop-block-one .inner-box{ position: relative; display: block; overflow: hidden; background: #fff; border: 2px solid #fff; text-align: center; transition: all 500ms ease; } .shop-block-one .inner-box:hover{ box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); } .shop-block-one .inner-box .image-box{ position: relative; display: block; } .shop-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .shop-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .shop-block-one .inner-box:hover .image-box .image img{ transform: scale(1.03); } .shop-block-one .inner-box .image-box .option-list{ position: absolute; bottom: 0px; width: calc(100% - 60px); left: 30px; background: #fff; padding: 17px 23px; text-align: center; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); transform: scale(0,0); opacity: 0; display: flex; align-items: center; justify-content: center; transition: all 500ms ease; } .shop-block-one .inner-box:hover .image-box .option-list{ transform: scale(1,1); opacity: 1; } .shop-block-one .inner-box .image-box .option-list li{ position: relative; display: inline-block; float: left; margin-right: 5px; } .shop-block-one .inner-box .image-box .option-list li:last-child{ margin: 0px !important; } .shop-block-one .inner-box .image-box .option-list li a{ position: relative; display: inline-block; width: 36px; height: 36px; line-height: 40px; background: #ededed; font-size: 16px; color: #141417; text-align: center; border-radius: 50%; } .shop-block-one .inner-box .image-box .option-list li a:hover{ color: #fff; } .shop-block-one .inner-box .image-box .hot{ position: absolute; left: 10px; top: 10px; font-size: 13px; line-height: 27px; color: #fff; padding: 0px 16px; } .shop-block-one .inner-box .image-box .sale{ position: absolute; left: 10px; top: 10px; font-size: 13px; line-height: 27px; color: #fff; padding: 0px 16px; } .shop-block-one .inner-box .lower-content{ position: relative; display: block; padding: 27px 15px 25px 15px; } .shop-block-one .inner-box .lower-content h6{ position: relative; display: block; font-size: 15px; line-height: 20px; font-weight: 500; margin-bottom: 5px; } .shop-block-one .inner-box .lower-content h6 a{ display: inline-block; color: #141417; } .shop-block-one .inner-box .lower-content h6 a:hover{ } .shop-block-one .inner-box .lower-content .rating li{ position: relative; display: inline-block; font-size: 14px; color: #ffc92e; } .shop-block-one .inner-box .lower-content .rating{ margin-bottom: 5px; } .shop-block-one .inner-box .lower-content .price{ position: relative; display: block; font-size: 15px; line-height: 20px; font-weight: 500; color: #141417; } .small-title-box{ position: relative; display: block; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; padding-bottom: 7px; } .small-title-box:before{ position: absolute; content: ''; width: 70px; height: 2px; left: 0px; bottom: -1px; } .small-title-box h3{ position: relative; font-size: 26px; line-height: 34px; font-weight: 600; } .shop-section .tab-btn-box{ position: absolute; right: 0px; top: 4px; padding-right: 67px; z-index: 1; } .shop-section .tab-btn-box .tab-btns li{ position: relative; display: inline-block; float: left; font-size: 15px; line-height: 26px; font-weight: 500; color: #141417; margin-right: 30px; cursor: pointer; transition: all 500ms ease; } .shop-section .tab-btn-box .tab-btns li:last-child{ margin: 0px !important; } .shop-section .tab-btn-box .tab-btns li:hover, .shop-section .tab-btn-box .tab-btns li.active-btn{ } .shop-section .owl-nav{ position: absolute; top: -67px; right: 0px; } .shop-section .owl-nav button{ position: relative; display: inline-block; font-size: 24px; color: #141417; cursor: pointer; font-weight: 700; z-index: 1; transition: all 500ms ease; } .shop-section .owl-nav button:hover{ } .shop-section .owl-nav button.owl-prev{ margin-right: 20px; } /** promotion-section **/ .promotion-section{ background: #f2f2f2; } .promotion-block-one .inner-box{ position: relative; display: block; overflow: hidden; padding: 36px 40px 40px 40px; background: -webkit-linear-gradient(45deg, #8b12ab, #d755bd 100%); min-height: 370px; } .promotion-block:nth-child(2) .promotion-block-one .inner-box{ background: -webkit-linear-gradient(45deg, #0e7cad, #51e9c9 100%); } .promotion-block:last-child .promotion-block-one .inner-box{ background: -webkit-linear-gradient(45deg, #e7594a, #f1b540 100%); } .promotion-block-one .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 30px; color: #fff; font-weight: 600; } .promotion-block-one .inner-box h6{ position: relative; display: block; font-size: 15px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; } .promotion-block-one .inner-box .btn-box{ position: absolute; left: 40px; bottom: 40px; z-index: 1; } .shop-btn{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 600; color: #141417; text-transform: uppercase; background: #fff; padding: 7.5px 19px; z-index: 1; } .shop-btn i{ position: relative; margin-left: 6px; font-size: 12px; } .shop-btn:hover{ color: #fff; } .shop-btn:before{ position: absolute; content: ''; width: 0%; height: 100%; background: #141417; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .shop-btn:hover:before{ width: 100%; } .promotion-block-one .inner-box .image-box{ position: absolute; bottom: 90px; right: 60px; } .promotion-block-one .inner-box .shape .shape-1{ position: absolute; top: -100px; right: -200px; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.07); border-radius: 50%; -webkit-animation: zoom-fade 8s infinite linear; animation: zoom-fade 8s infinite linear; } .promotion-block-one .inner-box .shape .shape-2{ position: absolute; top: -100px; right: -200px; width: 440px; height: 420px; background: rgba(255, 255, 255, 0.07); border-radius: 50%; -webkit-animation: zoom-fade 7s infinite linear; animation: zoom-fade 7s infinite linear; } .promotion-block-one .inner-box .shape .shape-3{ position: absolute; right: 7px; bottom: 30px; width: 76px; height: 166px; background-repeat: no-repeat; } /** deals-section **/ .deals-section{ background: #f2f2f2; padding-top: 41px; } .deals-section .small-title-box .link{ position: absolute; top: 5px; right: 0px; } .deals-section .small-title-box .link a{ position: relative; display: inline-block; font-size: 15px; line-height: 26px; font-weight: 500; color: #141417; } .deals-section .small-title-box .link a i{ position: relative; margin-left: 6px; font-size: 12px; } .deals-section .small-title-box .link a:hover{ } .deals-block-one .inner-box{ position: relative; display: block; overflow: hidden; background: #fff; padding: 45px 30px 50px 245px; } .deals-block-one .inner-box .cs-countdown .count-col{ position: relative; display: inline-block; margin-right: 10px; text-align: center; float: left; width: 60px; height: 60px; background: #f2f2f2; border-radius: 50%; padding-top: 10px; } .deals-block-one .inner-box .cs-countdown .count-col:last-child{ margin: 0px !important; } .deals-block-one .inner-box .cs-countdown .count-col span{ position: relative; display: inline-block; font-size: 17px; line-height: 18px; font-weight: 600; color: #141417; margin-bottom: 0px; } .deals-block-one .inner-box .cs-countdown .count-col h6{ position: relative; font-size: 12px; line-height: 12px; color: #6e6e6e; font-weight: 400; text-transform: capitalize; } .deals-block-one .inner-box .image-box{ position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; height: 100%; min-width: 243px; } .deals-block-one .inner-box .image-box .discount{ position: absolute; top: 28px; right: 45px; font-size: 13px; line-height: 27px; color: #fff; text-align: center; padding: 0px 11px; } .deals-block-one .inner-box .content-box h5{ position: relative; display: block; font-size: 17px; line-height: 22px; font-weight: 500; margin-bottom: 5px; } .deals-block-one .inner-box .content-box h5 a{ display: inline-block; color: #141417; } .deals-block-one .inner-box .content-box h5 a:hover{ } .deals-block-one .inner-box .content-box .rating li{ position: relative; display: inline-block; float: left; font-size: 14px; margin-right: 5px; color: #ffc92e; } .deals-block-one .inner-box .content-box .rating li:last-child{ margin: 0px !important; } .deals-block-one .inner-box .content-box .rating{ margin-bottom: 4px; } .deals-block-one .inner-box .content-box .price{ position: relative; display: block; font-size: 15px; line-height: 24px; color: #141417; font-weight: 500; margin-bottom: 16px; } .deals-block-one .inner-box .content-box p{ margin-bottom: 22px; } .shop-section.style-two .shop-block-one .inner-box{ margin-bottom: 30px; } .shop-block-two .inner-box{ position: relative; display: block; padding: 34px 40px 80px 40px; background: -webkit-linear-gradient(90deg, #1258c1, #3bc0fe 100%); overflow: hidden; min-height: 830px; } .shop-block-two .inner-box h6{ position: relative; display: block; font-size: 15px; line-height: 24px; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 8px; } .shop-block-two .inner-box h3{ position: relative; display: block; font-size: 26px; line-height: 32px; font-weight: 700; color: #fff; margin-bottom: 23px; } .shop-block-two .inner-box h3 span{ display: block; font-weight: 500; } .shop-block-two .inner-box .image-box{ position: relative; display: block; margin-top: 130px; text-align: center; } .shop-block-two .inner-box .shape .shape-1{ position: absolute; left: -65px; bottom: -200px; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.10); border-radius: 50%; -webkit-animation: zoom-fade 6s infinite linear; animation: zoom-fade 6s infinite linear; } .shop-block-two .inner-box .shape .shape-2{ position: absolute; left: -65px; bottom: -160px; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.10); border-radius: 50%; -webkit-animation: zoom-fade 8s infinite linear; animation: zoom-fade 8s infinite linear; } .shop-block-two .inner-box .shape .shape-3{ position: absolute; left: -130px; top: 50%; transform: translateY(-50%); width: 184px; height: 200px; background-repeat: no-repeat; } .shop-block-two .inner-box .shape .shape-4{ position: absolute; right: -130px; top: 150px; width: 184px; height: 200px; background-repeat: no-repeat; } .shop-section.style-two{ padding-top: 50px; padding-bottom: 0px; } .shop-section.style-four .shop-block-one .inner-box { margin-bottom: 30px; } .shop-section.style-three{ padding-top: 47px; padding-bottom: 74px; } .shop-section.style-four{ padding-top: 0px; padding-bottom: 50px; } .shop-section.style-four .shop-block-two .inner-box{ background: -webkit-linear-gradient(90deg, #522bde, #b172f6 100%); } .shop-section.style-four .owl-nav{ right: -300px; } /** promotion-style-two **/ .promotion-style-two{ background: #f2f2f2; } .promotion-style-two .inner-container{ background: -webkit-linear-gradient(0deg, #df2e7f, #f79751 100%); padding: 91px 30px 87px 30px; overflow: hidden; } .promotion-style-two .inner-container .text{ max-width: 400px; } .promotion-style-two .inner-container h6{ position: relative; display: block; font-size: 15px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; margin-bottom: 4px; } .promotion-style-two .inner-container h3{ position: relative; display: block; font-size: 26px; line-height: 32px; color: #fff; font-weight: 600; } .promotion-style-two .inner-container .image{ position: absolute; top: 0px; right: 0px; } .promotion-style-two .inner-container .shape .shape-1{ position: absolute; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.10); border-radius: 50%; left: 190px; top: -310px; -webkit-animation: zoom-fade 8s infinite linear; animation: zoom-fade 8s infinite linear; } .promotion-style-two .inner-container .shape .shape-2{ position: absolute; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.10); border-radius: 50%; right: 300px; bottom: -220px; -webkit-animation: zoom-fade 6s infinite linear; animation: zoom-fade 6s infinite linear; } .promotion-style-two .inner-container .shape .shape-3{ position: absolute; left: 10px; bottom: 6px; width: 148px; height: 58px; background-repeat: no-repeat; } .promotion-style-two .inner-container .shape .shape-4{ position: absolute; left: 370px; top: 0px; width: 184px; height: 92px; background-repeat: no-repeat; } .shop-block-three .inner-box{ position: relative; display: block; background: #fff; padding: 27px 30px 49px 150px; margin-bottom: 30px; } .shop-block-three .inner-box .image-box{ position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; height: 100%; width: 150px; } .shop-block-three .inner-box .content-box h6{ position: relative; display: block; font-size: 15px; line-height: 20px; font-weight: 500; margin-bottom: 5px; } .shop-block-three .inner-box .content-box h6 a{ display: inline-block; color: #141417; } .shop-block-three .inner-box .content-box h6 a:hover{ } .shop-block-three .inner-box .content-box .rating li{ position: relative; display: inline-block; font-size: 14px; color: #ffc92e; } .shop-block-three .inner-box .content-box .rating{ margin-bottom: 5px; } .shop-block-three .inner-box .content-box .price{ position: relative; display: block; font-size: 15px; line-height: 20px; font-weight: 500; color: #141417; } .shop-section.style-five{ padding-bottom: 50px; } /*** ==================================================================== home-page-6 ==================================================================== ***/ /** banner-style-six **/ .banner-style-six{ padding-top: 50px; } .banner-style-six .shop-category{ position: relative; display: block; background: #fff; border: 1px solid #e6e6e6; } .banner-style-six .shop-category h6{ position: relative; display: block; font-size: 15px; line-height: 26px; font-weight: 600; padding: 18px 30px 19px 60px; border-bottom: 1px solid #e6e6e6; text-transform: uppercase; } .banner-style-six .shop-category h6 i{ position: absolute; left: 30px; top: 23px; font-weight: 700; } .banner-style-six .shop-category .category-list > li{ position: relative; display: block; } .banner-style-six .shop-category .category-list > li > a{ position: relative; display: block; font-size: 14px; font-weight: 500; color: #141417; border-bottom: 1px solid #edf1f5; padding: 15px 30px 14px 30px; } .banner-style-six .shop-category .category-list > li > a:hover{ } .banner-style-six .shop-category .category-list > li.dropdown > a:before{ position: absolute; content: "\e906"; font-family: 'icomoon'; font-size: 10px; top: 16px; right: 27px; font-weight: 700; transition: all 500ms ease; } .banner-style-six .shop-category .category-list > li:last-child > a{ border-bottom: none; } .banner-style-six .shop-category .category-list .dropdown ul{ position: absolute; top: 15px; left: 100%; width: 220px; background: #fff; border: 1px solid #edf1f5; opacity: 0; visibility: hidden; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); z-index: 2; transition: all 500ms ease; } .banner-style-six .shop-category .category-list .dropdown:hover ul{ top: 0px; opacity: 1; visibility: visible; } .banner-style-six .shop-category .category-list .dropdown ul li a{ position: relative; display: block; font-size: 14px; font-weight: 500; color: #141417; border-bottom: 1px solid #edf1f5; padding: 8px 30px 7px 30px; } .banner-style-six .shop-category .category-list .dropdown ul li:last-child a{ border-bottom: none; } .banner-style-six .shop-category .category-list .dropdown ul li a:hover{ } .banner-style-six .slider-content{ position: relative; display: block; background: #f2f2f2; padding: 80px 50px 86px 80px; overflow: hidden; } .banner-style-six .slider-content .shape{ position: absolute; top: 0px; right: 0px; width: 288px; height: 100%; background-size: cover; background-repeat: no-repeat; } .banner-style-six .slider-content .content-box{ max-width: 350px; } .banner-style-six .slider-content h2{ position: relative; display: block; font-size: 60px; line-height: 60px; font-weight: 700; margin-bottom: 13px; } .banner-style-six .slider-content h3{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; text-transform: uppercase; margin-bottom: 13px; } .banner-style-six .slider-content h3 span{ display: block; font-weight: 500; } .banner-style-six .slider-content p{ font-size: 18px; line-height: 28px; margin-bottom: 22px; } .banner-style-six .slider-content .image-box{ position: absolute; right: 80px; bottom: 80px; } .banner-style-six .owl-dots{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; width: 90px; background: #fff; border-radius: 30px; text-align: center; height: 26px; line-height: 26px; } .banner-style-six .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 7px; height: 7px; background: #d9d9d9; border-radius: 50%; margin: 0px 5px; cursor: pointer; transition: all 500ms ease; } .banner-style-six .owl-theme .owl-dots .owl-dot.active span, .banner-style-six .owl-theme .owl-dots .owl-dot span:hover{ } .clients-section.shop-page{ padding: 50px 0px; border-bottom: 1px solid #e5e5e5; } .clients-section.shop-page .clients-logo img{ opacity: 0.5; } .clients-section.shop-page .clients-logo img:hover{ opacity: 1; } .sec-title h3{ font-size: 26px; } /** category-section **/ .category-section{ padding: 74px 0px 50px 0px; } .category-block-one .inner-box{ position: relative; display: block; overflow: hidden; border: 1px solid #e6e6e6; padding: 39px 30px 38px 130px; z-index: 1; margin-bottom: 30px; transition: all 500ms ease; } .category-block-one .inner-box:hover{ } .category-block-one .inner-box:before{ position: absolute; content: ''; width: 100%; height: 0%; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .category-block-one .inner-box:hover:before{ height: 100%; } .category-block-one .inner-box .icon-box{ position: absolute; left: 29px; top: 29px; display: inline-block; width: 80px; height: 80px; line-height: 80px; font-size: 40px; border: 1px solid #e7e7e7; border-radius: 50%; text-align: center; transition: all 500ms ease; } .category-block-one .inner-box:hover .icon-box{ color: #fff; background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .category-block-one .inner-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 7px; transition: all 500ms ease; } .category-block-one .inner-box span{ position: relative; display: block; font-size: 15px; line-height: 24px; transition: all 500ms ease; } .category-block-one .inner-box:hover h4, .category-block-one .inner-box:hover span{ color: #fff; } /** promotion-style-three **/ .promotion-block-two .inner-box{ position: relative; display: block; overflow: hidden; background: #ededed; padding: 60px 30px 66px 30px; min-height: 270px; } .promotion-block-two .inner-box .shape{ position: absolute; top: 0px; right: 0px; width: 222px; height: 100%; background-size: cover; background-repeat: no-repeat; } .promotion-block-two .inner-box .image-box{ position: absolute; top: 0px; right: 0px; } .promotion-block-two .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 30px; color: #fff; font-weight: 600; } .promotion-block:first-child .promotion-block-two .inner-box h3{ color: #141417; } .promotion-block-two .inner-box h6{ position: relative; display: block; font-size: 15px; line-height: 24px; font-weight: 600; color: #fff; text-transform: uppercase; } .promotion-block:first-child .promotion-block-two .inner-box h6{ } .promotion-block:nth-child(2) .promotion-block-two .inner-box{ background: -webkit-linear-gradient(45deg, #0c72a3, #5bf5d1 100%); } .promotion-block:last-child .promotion-block-two .inner-box{ background: -webkit-linear-gradient(45deg, #ef6056, #fed171 100%); } .shop-section.alternat-2{ background: #fff; } .shop-section.alternat-2 .shop-block-one .inner-box{ border: 2px solid #e6e6e6; } /** deals-style-two **/ .deals-style-two{ padding: 74px 0px 80px 0px; } .deals-style-two .small-title-box{ border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .deals-style-two .small-title-box h3{ color: #fff; } .deals-style-two .deals-block-one .inner-box{ border: none; } .deals-style-two .deals-block-one .inner-box{ padding: 72px 30px 75px 245px; } .deals-style-two .owl-nav{ position: absolute; top: -67px; right: 0px; } .deals-style-two .owl-nav button{ position: relative; display: inline-block; font-size: 24px; color: #fff; cursor: pointer; font-weight: 700; z-index: 1; transition: all 500ms ease; } .deals-style-two .owl-nav button:hover{ } .deals-style-two .owl-nav button.owl-prev{ margin-right: 20px; } .shop-section.style-six{ padding: 74px 0px 50px 0px; } .shop-section.style-six .shop-block-one .inner-box{ margin-bottom: 30px; } .promotion-style-two.alternat-2 .inner-container{ background: -webkit-linear-gradient(0deg, #c44b23, #ffa35f 100%); } .white-bg{ background: #fff !important; } .bg-color-4{ background: #f2f2f2; } .shop-section.home-6 .shop-block-one .inner-box, .shop-section.home-6 .shop-block-three .inner-box{ border: 1px solid #e6e6e6; } /*** ==================================================================== About-page ==================================================================== ***/ /** page-title **/ .page-title{ position: relative; padding: 104px 0px 10px 0px; overflow: hidden; } .page-title .content-box h2{ position: relative; display: block; font-size: 40px; line-height: 50px; color: #fff; font-weight: 700; margin-bottom: 14px; } .page-title .content-box .bread-crumb li{ position: relative; display: inline-block; font-size: 16px; color: #fff; line-height: 26px; padding-right: 17px; margin-right: 3px; } .page-title .content-box .bread-crumb li:last-child{ padding: 0px !important; margin: 0px !important; } .page-title .content-box .bread-crumb li a{ display: inline-block; color: #a9a9aa; } .page-title .content-box .bread-crumb li:before{ position: absolute; content: "\e906"; font-family: 'icomoon'; font-size: 10px; top: 0px; right: 0px; color: #a9a9aa; } .page-title .content-box .bread-crumb li:last-child:before{ display: none; } .image_block_eight .image-box{ margin-right: 30px; padding-right: 70px; padding-bottom: 130px; } .image_block_eight .image-box img{ width: 100%; } .image_block_eight .image-box .image-1{ position: relative; display: block; overflow: hidden; } .image_block_eight .image-box .image-2{ position: absolute; right: 0px; bottom: 0px; border: 10px solid #fff; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.15); z-index: 1; } .image_block_eight .image-box .image-1:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .image_block_eight .image-box:hover .image-1:before { -webkit-animation: shine 1s; animation: shine 1s; } .image_block_eight .image-box .icon-box{ position: absolute; top: 20px; right: 10px; z-index: 1; } .image_block_eight .image-box .shape .shape-1{ position: absolute; top: -30px; right: 40px; width: 130px; height: 130px; background-repeat: no-repeat; } .image_block_eight .image-box .shape .shape-2{ position: absolute; left: -50px; bottom: 80px; width: 130px; height: 130px; background-repeat: no-repeat; } .about-section .pattern-layer-2{ position: absolute; right: 0px; bottom: 0px; width: 337px; height: 406px; background-repeat: no-repeat; } .testimonial-style-two.about-page{ padding: 115px 0px 0px 0px; } .testimonial-style-two.about-page .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 500px; background: #26282e; } /*** ==================================================================== Service-page ==================================================================== ***/ .service-style-two.service-page-1{ padding-bottom: 90px; } .service-style-two.service-page-1 .service-block-one .inner-box{ margin-bottom: 30px; } .service-style-three.service-page-2{ padding: 115px 0px 90px 0px; } .service-style-three.service-page-2 .service-block-two .inner-box{ margin-bottom: 30px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); } .service-page-3{ padding: 115px 0px 70px 0px; } /** service-details **/ .service-details{ padding: 120px 0px; } .service-sidebar{ position: relative; display: block; } .service-sidebar .accordion-box .block .acc-btn .icon-outer{ transform: rotate(0deg); top: 26px; } .service-sidebar .accordion-box .block .acc-btn .icon-outer:before{ position: absolute; content: "\e948"; font-family: 'icomoon'; top: 0px; right: 0px; font-size: 18px; font-weight: 700; } .service-sidebar .accordion-box .block .acc-btn{ padding: 23px 50px 21px 30px; } .service-sidebar .accordion-box .block .acc-btn.active .icon-outer:before{ content: '\e947'; } .service-sidebar .accordion-box .acc-content{ position: relative; padding-bottom: 20px; } .service-sidebar .accordion-box .acc-content .service-list li{ position: relative; display: block; margin-bottom: 14px; } .service-sidebar .accordion-box .acc-content .service-list li:last-child{ margin-bottom: 0px; } .service-sidebar .accordion-box .acc-content .service-list li a{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 500; color: #141417; padding-left: 20px; } .service-sidebar .accordion-box .acc-content .service-list li a:hover{ } .service-sidebar .accordion-box .acc-content .service-list li a:before{ position: absolute; content: '\e906'; font-family: 'icomoon'; font-size: 12px; left: 0px; top: 0px; font-weight: 700; } .service-sidebar .accordion-box .block{ margin-bottom: 20px; } .service-sidebar .accordion-box .block:last-child{ margin-bottom: 0px; } .service-details-content{ position: relative; display: block; } .service-details-content h3{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 13px; } .service-details-content .content-one{ margin-bottom: 64px; } .service-details-content .content-one .text p{ margin-bottom: 52px; } .service-details-content .content-one .text p:last-child{ margin-bottom: 0px; } .service-details-content .content-one .text{ margin-bottom: 27px; } .service-details-content .content-one .image-box{ position: relative; display: block; margin-bottom: 62px; } .service-details-content .content-one .image-box img{ width: 100%; } .service-details-content .content-two{ margin-bottom: 64px; } .service-details-content .content-two img{ width: 100%; } .service-details-content .content-three h3{ font-size: 24px; line-height: 32px; margin-bottom: 15px; } .service-details-content .content-three p{ margin-bottom: 26px; } .service-details-content .content-three .list-style-one{ margin-bottom: 65px; } .service-details-content .content-three .theme-btn{ padding: 17px 32px; } .team-section.team-page-1 .team-block-one .inner-box{ margin-bottom: 23px; } .team-section.team-page-1{ padding-bottom: 90px; } .team-style-two.team-page-2 .team-block-two .inner-box{ margin-bottom: 70px; } .team-style-two.team-page-2{ padding-bottom: 50px; } /** team-details **/ .team-details{ padding: 120px 0px; } .team-details .image-box{ position: relative; display: block; } .team-details .image-box .image{ position: relative; display: block; border-radius: 50%; } .team-details .image-box .image img{ width: 100%; border-radius: 50%; } .team-details .image-box .shape{ position: absolute; left: 0px; bottom: 0px; width: 184px; height: 204px; background-repeat: no-repeat; } .team-details .content-box{ position: relative; display: block; } .team-details .content-box h2{ position: relative; display: block; font-size: 40px; line-height: 50px; font-weight: 600; margin-bottom: 9px; } .team-details .content-box .designation{ position: relative; display: block; font-size: 16px; line-height: 26px; font-weight: 500; margin-bottom: 25px; } .team-details .content-box p{ margin-bottom: 27px; } .team-details .content-box .info-list li{ position: relative; display: block; font-size: 17px; line-height: 26px; margin-bottom: 10px; } .team-details .content-box .info-list li:last-child{ margin-bottom: 0px; } .team-details .content-box .info-list li span{ position: relative; display: inline-block; width: 165px; font-size: 18px; font-weight: 600; color: #141417; } .team-details .content-box .info-list li a{ display: inline-block; color: #6e6e6e; } .team-details .content-box .info-list li a:hover{ } .team-details .content-box .info-list{ margin-bottom: 33px; } .team-details .content-box .social-links li{ position: relative; display: inline-block; float: left; margin-right: 20px; } .team-details .content-box .social-links li:last-child{ margin: 0px !important; } .team-details .content-box .social-links li a{ position: relative; display: inline-block; width: 46px; height: 46px; line-height: 46px; border: 1px solid #e7e7e7; font-size: 16px; color: #808080; border-radius: 50%; text-align: center; } .team-details .content-box .social-links li a:hover{ color: #fff; } .team-details .pattern-layer{ position: absolute; right: 100px; bottom: 0px; width: 231px; height: 392px; background-repeat: no-repeat; } /** personal-info **/ .personal-info{ padding: 114px 0px 111px 0px; } .personal-info .text h3{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 23px; } .personal-info .text p{ margin-bottom: 26px; } .personal-info .text p:last-child{ margin-bottom: 0px; } /** skills-section **/ .skills-section{ padding: 80px 0px 112px 0px; } .skills-section .skills-inner{ position: relative; display: block; } .skills-section .progress-box h6, .skills-section .progress-box .count-text{ font-weight: 400; color: #141417; } .skills-section h3{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 13px; } .skills-section .skills-inner .text{ margin-bottom: 17px; } .skills-section .progress-box .bar{ background: #edeae6; } .skills-section .progress-box .bar-inner, .skills-section .progress-box .bar{ height: 6px; } .skills-section .progress-box h6{ margin-bottom: 4px; } .skills-section .education-inner{ position: relative; display: block; } .skills-section .education-inner .text{ margin-bottom: 22px; } .skills-section .education-inner .single-item{ position: relative; display: block; } .skills-section .education-inner .single-item span{ position: relative; display: inline-block; font-size: 18px; line-height: 26px; color: #fff; font-weight: 500; color: #fff; background: #26282e; padding: 7px 21px; text-align: center; margin-bottom: 25px; } .skills-section .education-inner .single-item span:before{ position: absolute; content: ''; background: #26282e; width: 10px; height: 10px; left: 0px; bottom: -10px; clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%); } .skills-section .education-inner .single-item h5{ position: relative; display: block; font-size: 18px; line-height: 26px; font-weight: 600; margin-bottom: 12px; } /*** ==================================================================== Project-page ==================================================================== ***/ .project-page-section{ position: relative; } .project-page-section .outer-container{ margin: 0px 15px; } .project-page-section .masonry-item{ padding: 0px; } .project-page-section .upper-box{ position: relative; display: block; margin-bottom: 50px; } .project-page-section .upper-box .filters{ position: absolute; right: 0px; bottom: 11px; z-index: 1; } .project-page-section .upper-box .filter-tabs li{ position: relative; display: inline-block; float: left; font-size: 16px; line-height: 26px; color: #141417; font-weight: 500; cursor: pointer; margin-right: 35px; text-transform: uppercase; transition: all 500ms ease; } .project-page-section .upper-box .filter-tabs li:last-child{ margin: 0px !important; } .project-page-section .upper-box .filter-tabs li.active, .project-page-section .upper-box .filter-tabs li:hover{ } .project-page-two .upper-box .filter-tabs li{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; color: #141417; font-weight: 500; cursor: pointer; margin-right: 35px; text-transform: uppercase; transition: all 500ms ease; } .project-page-two .upper-box .filter-tabs li:last-child{ margin: 0px !important; } .project-page-two .upper-box .filter-tabs li.active, .project-page-two .upper-box .filter-tabs li:hover{ } .project-block-three .inner-box{ position: relative; display: block; overflow: hidden; margin-bottom: 43px; } .project-block-three .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .project-block-three .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .project-block-three .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .project-block-three .inner-box:hover .image-box .image img{ transform: scale(1.05); opacity: 0.2; } .project-block-three .inner-box .image-box .view-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .project-block-three .inner-box .image-box .view-btn a{ position: relative; display: inline-block; font-size: 60px; color: #fff; transform: scale(0,0); } .project-block-three .inner-box:hover .image-box .view-btn a{ transform: scale(1,1); } .project-block-three .inner-box .lower-content{ position: relative; display: block; padding-top: 17px; } .project-block-three .inner-box .lower-content h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 4px; } .project-block-three .inner-box .lower-content h4 a{ display: inline-block; color: #141417; } .project-block-three .inner-box .lower-content h4 a:hover{ } .project-block-three .inner-box .lower-content span{ position: relative; display: block; font-size: 16px; line-height: 24px; } .project-page-two{ padding: 115px 0px 70px 0px; } /** project-details **/ .project-details{ padding: 120px 0px 112px 0px; } .project-sidebar{ position: relative; display: block; } .project-sidebar .text{ margin-bottom: 27px; } .project-sidebar .text h3{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 23px; } .project-sidebar .project-info li{ position: relative; display: block; font-size: 17px; line-height: 26px; margin-bottom: 14px; } .project-sidebar .project-info li:last-child{ margin-bottom: 0px; } .project-sidebar .project-info li span{ position: relative; display: inline-block; width: 120px; font-size: 18px; font-weight: 600; color: #141417; } .project-sidebar .project-info li a{ color: #6e6e6e; } .project-sidebar .project-info li a:hover{ } .project-sidebar .project-info li.social-links a{ display: inline-block; font-size: 15px; color: #bebebe; margin-right: 20px; } .project-sidebar .project-info li.social-links a:last-child{ margin: 0px !important; } .project-sidebar .project-info li.social-links a:hover{ } .project-details-content{ position: relative; display: block; } .project-details-content img{ width: 100%; } .project-details-content .content-one{ position: relative; display: block; margin-bottom: 63px; } .project-details-content .content-one .image-box{ position: relative; display: block; margin-bottom: 68px; } .project-details-content h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 15px; } .project-details-content p{ margin-bottom: 26px; } .project-details-content .text p:last-child{ margin-bottom: 0px; } .project-details-content .content-two .image-box{ margin-bottom: 64px; } .project-details-content .content-two .list-style-one{ margin-bottom: 28px; } .project-details .nav-btn{ position: relative; display: block; margin-top: 104px; } .project-details .nav-btn h6{ font-size: 15px; line-height: 26px; font-weight: 600; text-transform: uppercase; } .project-details .nav-btn h6 a{ display: inline-block; color: #141417; } .project-details .nav-btn h6 a:hover{ } .project-details .nav-btn h6 a i{ position: relative; top: 2px; font-size: 22px; } .project-details .nav-btn .prev-btn h6 a i{ margin-right: 6px; } .project-details .nav-btn .next-btn h6 a i{ margin-left: 6px; } /** testimonial-style-five **/ .testimonial-style-five{ padding: 115px 0px 90px 0px; } .testimonial-style-five .testimonial-block-one .inner-box{ box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); margin-bottom: 30px; } /** testimonial-style-six **/ .testimonial-style-six{ padding: 115px 0px 90px 0px; } .testimonial-block-two .inner-box{ position: relative; display: block; background: #fff; padding: 50px 30px 43px 30px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); margin-bottom: 30px; } .testimonial-block-two .inner-box .author-thumb{ position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50%; margin-bottom: 24px; } .testimonial-block-two .inner-box .author-thumb img{ width: 100%; border-radius: 50%; } .testimonial-block-two .inner-box p{ margin-bottom: 15px; line-height: 28px; } .testimonial-block-two .inner-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 4px; } .testimonial-block-two .inner-box .designation{ position: relative; display: block; font-size: 16px; line-height: 24px; margin-bottom: 7px; } .testimonial-block-two .inner-box .rating li{ position: relative; display: inline-block; font-size: 16px; color: #ffc92e; } .faq-page-section .sec-title p{ color: #141417; } /** contact-style-two **/ .contact-style-two .bg-layer{ position: absolute; left: 0px; bottom: -65px; background: #faf9f8; width: 100%; height: calc(100% - 80px); } .contact-style-two .inner-box{ position: relative; display: block; background: #fff; padding: 65px 70px 70px 70px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); } /** appointment-section **/ .content_block_13 .content-box .form-inner .form-group i{ position: absolute; top: 13px; right: 15px; color: #6e6e6e; font-size: 16px; z-index: 1; } .error-section{ padding: 150px 0px 150px 0px; } .error-section .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: calc(100% + 65px); background-size: cover; background-repeat: no-repeat; } .error-section .error-image{ position: relative; display: block; margin-bottom: 30px; } .error-section h2{ position: relative; display: block; font-size: 40px; line-height: 50px; font-weight: 700; margin-bottom: 21px; } .error-section p{ margin-bottom: 34px; font-size: 20px; line-height: 30px; } .error-section .theme-btn{ padding: 17px 33px; } .error-section .theme-btn i{ position: relative; top: 2px; margin-right: 8px; } /*** ==================================================================== Shop-page ==================================================================== ***/ /** shop-page-section **/ .shop-page-section{ position: relative; padding: 120px 0px; } .shop-sidebar{ position: relative; display: block; background: #fff; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); padding: 43px 30px 40px 30px; } .shop-sidebar .widget-title{ position: relative; display: block; margin-bottom: 22px; } .shop-sidebar .widget-title h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; } .shop-sidebar .search-widget .form-group{ position: relative; margin-bottom: 0px; } .shop-sidebar .search-widget .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 50px; border: 1px solid #e5e5e5; font-size: 16px; color: #808080; padding: 10px 20px 10px 50px; transition: all 500ms ease; } .shop-sidebar .search-widget .form-group button{ position: absolute; left: 21px; top: 14px; background: transparent; cursor: pointer; font-size: 18px; color: #808080; transition: all 500ms ease; } .shop-sidebar .search-widget .form-group input:focus{ } .shop-sidebar .search-widget .form-group input:focus + button, .shop-sidebar .search-widget .form-group button:hover{ } .shop-sidebar .search-widget{ padding-bottom: 30px; margin-bottom: 23px; border-bottom: 1px solid #e5e5e5; } .shop-sidebar .category-widget .category-list li{ position: relative; display: block; margin-bottom: 15px; } .shop-sidebar .category-widget .category-list li:last-child{ margin-bottom: 0px; } .shop-sidebar .category-widget .category-list li a{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 500; color: #141417; padding-left: 18px; } .shop-sidebar .category-widget .category-list li a i{ position: absolute; left: 0px; top: 7px; font-size: 12px; font-weight: 700; } .shop-sidebar .category-widget .category-list li a:hover{ } .shop-sidebar .category-widget .widget-title{ margin-bottom: 15px; } .shop-sidebar .category-widget{ padding-bottom: 25px; margin-bottom: 23px; border-bottom: 1px solid #e5e5e5; } .range-slider .title:before { position: absolute; content: '$'; left: -5px; top: -18px; color: #919191; font-size: 15px; } .range-slider .input{ color:#919191; max-width: 75px; } .range-slider .input input{ background:none; color:#919191; font-size:15px; line-height: 26px; text-align:left; width: 80px; } .range-slider .ui-widget.ui-widget-content{ height:3px; border:none; margin-bottom:18px; background:#f0f0f0; } .range-slider .ui-slider .ui-slider-range{ top:0px; height:3px; } .range-slider .ui-state-default, .range-slider .ui-widget-content .ui-state-default{ top:-5px; width:13px; height:13px; border: none; border-radius:50%; cursor:pointer; margin-left: 0px;; } .range-slider .ui-slider .ui-slider-range{ } .shop-sidebar .price-filter .pull-right p{ position: relative; display: inline-block; font-size: 15px; line-height: 24px; color: #808080; margin-right: 5px; } .shop-sidebar .price-filter{ padding-bottom: 25px; margin-bottom: 22px; border-bottom: 1px solid #e5e5e5; } .shop-sidebar .price-filter .filter-btn{ position: relative; font-size: 15px; line-height: 24px; color: #141417; text-transform: uppercase; } .shop-sidebar .tags-widget .tags-list{ margin: 0px -5px; } .shop-sidebar .tags-widget .tags-list li{ position: relative; display: inline-block; float: left; margin: 0px 5px; margin-bottom: 10px; } .shop-sidebar .tags-widget .tags-list li a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #141417; border: 1px solid #e5e5e5; padding: 4px 13px; text-align: center; } .shop-sidebar .tags-widget .tags-list li a:hover{ color: #fff; } .wrapper.list .shop-list-content{ display: block; } .wrapper.list .shop-grid-content{ display: none } .wrapper.grid .shop-list-content{ display: none; } .wrapper.grid .shop-grid-content{ display: block } .shop-page-section .item-shorting .left-column .btn-box button{ position: relative; display: inline-block; font-size: 20px; color: #242426; margin-right: 12px; transition: all 500ms ease; } .shop-page-section .item-shorting .left-column .btn-box button:last-child{ margin: 0px !important; } .shop-page-section .item-shorting .nice-select{ height: auto; line-height: 26px; border: none !important; font-size: 16px; font-weight: 500; font-family: 'Poppins', sans-serif; color: #141417; padding-left: 0px; padding-right: 35px; } .shop-page-section .item-shorting .nice-select:after{ right: 0px; border-bottom: 2px solid #141417; border-right: 2px solid #141417; top: 10px; } .shop-page-section .item-shorting .nice-select .list{ min-width: 160px; } .shop-page-section .shop-block-one .inner-box{ margin-bottom: 30px; } .shop-page-section .item-shorting .text p span{ color: #141417; } .shop-page-section .item-shorting{ margin-bottom: 30px; padding-bottom: 24px; border-bottom: 1px solid #e5e5e5; } /** shop-details **/ .product-details-content .image-box{ background: #fff; } .product-details-content .image-box img{ width: 100%; } .product-details-content .image-box .preview-link a{ background: #f7f7f7; color: #141417; } .product-details-content .image-box .preview-link a:hover{ color: #fff; } .product-details-content .product-details .rating li { color: #ffc92e; } .product-details-content .product-details .rating li a:hover{ } .product-details-content .product-details .price{ } .product-details-content .product-details .addto-cart-box .clearfix li a{ color: #141417; background: #fff; } .product-details-content .product-details .addto-cart-box .clearfix li a:hover{ color: #fff; } .product-details-content .product-details .other-option .list li{ color: #7a7b80; } .product-details-content .product-details .addto-cart-box .theme-btn{ padding: 12px 30px; } .product-details-content .product-details .other-option .list li a{ color: #848484; } .shop-details .product-discription .tab-btn-box .tab-btns li{ cursor: pointer; } .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn, .shop-details .product-discription .tab-btn-box .tab-btns li:hover{ color: #141417; } .shop-details .product-discription .tab-btn-box .tab-btns li:before{ position: absolute; content: ''; width: 0%; height: 2px; left: 0px; bottom: -27px; transition: all 500ms ease; } .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn:before, .shop-details .product-discription .tab-btn-box .tab-btns li:hover:before{ width: 100%; } .product-details-content .product-details .addto-cart-box .item-quantity { position: relative; display: inline-block; max-width: 106px; height: 50px; width: 100%; float: left; padding: 0px 40px 0px 0px; margin-right: 10px; background: #fff; z-index: 1; border-radius: 0px; } .product-details-content .product-details .addto-cart-box input.quantity-spinner { line-height: 48px; height: 48px; width: 43px !important; padding: 0px !important; box-shadow: none !important; border: none; text-align: center; font-size: 16px; font-weight: 600; color: #101010; background: transparent; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{ position: absolute; background: transparent; padding: 0px 0px; right: -17px; top: 4px; border-right: none; border-radius: 0px; z-index: 1; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{ position: absolute; background: transparent; padding: 0px 0px; right: -18px; top: 17px; border-left: none; margin-top: 0px; border-radius: 0px; z-index: 1; } .bootstrap-touchspin .glyphicon-chevron-up:before { content: "\f107"; font-size: 18px; font-style: normal; color: #b3b3b3; font-family: 'Font Awesome 5 pro'; font-weight: 400; transition: all 500ms ease; } .bootstrap-touchspin .glyphicon-chevron-down:before { content: "\f106"; font-size: 18px; font-style: normal; color: #b3b3b3; font-weight: 400; font-family: 'Font Awesome 5 pro'; transition: all 500ms ease; } .bootstrap-touchspin .glyphicon-chevron-up:hover:before, .bootstrap-touchspin .glyphicon-chevron-down:hover:before{ color: #101010; } .bootstrap-touchspin .input-group-btn-vertical{ position: absolute; width: 100%; } .bootstrap-touchspin .input-group-btn-vertical i{ top: 0px; left: 7px; font-size: inherit !important; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{ margin-top: 0px; } .shop-details .product-discription .customer-inner .rating li{ color: #ffc92e; } .shop-details .product-discription .customer-inner .customer-review{ border-bottom: 1px solid #e5e5e5; } .shop-details .product-discription .comment-form input, .shop-details .product-discription .comment-form textarea{ border: 1px solid #e6e6e6; } .shop-details .product-discription .comment-form textarea{ height: 170px; resize: none; } .shop-details .product-discription .check-box label{ color: #808080; } .cart-section .othre-content .update-btn button:hover{ color: #fff !important; } .shop-details .product-discription .theme-btn{ padding: 16px 30px; } .default-form input[type='text'], .default-form input[type='email'], .default-form input[type='tel'], .default-form input[type='password'], .default-form textarea{ position: relative; width: 100%; height: 50px; background: #fff; border: 1px solid #fff; font-size: 15px; color: #808080; padding: 15px 20px; border-radius: 0px; background: transparent; border: 1px solid #e6e6e6; transition: all 500ms ease; } .default-form input:focus, .default-form textarea:focus{ } .shop-details .product-discription .comment-form textarea { height: 170px; resize: none; } .shop-details .product-discription .tab-btn-box{ position: relative; padding-bottom: 26px; margin-bottom: 33px; border-bottom: 1px solid #e5e5e5; } /** cart-section **/ .cart-section .item-quantity { position: relative; display: inline-block; max-width: 100px; height: 50px; width: 100%; float: left; padding: 0px 40px 0px 0px; background: #fff; z-index: 1; border-radius: 0px; } .cart-section input.quantity-spinner { line-height: 48px; height: 48px; width: 43px !important; padding: 0px !important; box-shadow: none !important; border: none; text-align: center; font-size: 16px; font-weight: 600; color: #141417; background: transparent; } .cart-section .table-outer { overflow-x: auto; position: relative; width: 100%; } .cart-section .cart-table { min-width: 1170px; width: 100%; } .cart-section .cart-table thead tr th { line-height: 24px; min-width: 110px; padding: 21px 0px 20px 0px; color: #141417; font-size: 16px; font-weight: 500; position: relative; } .cart-section .cart-table tbody tr{ border-bottom: 1px solid #e6e6e6; } .cart-section .cart-table .cart-header{ background: #fff; } .cart-section .cart-table tbody tr td.prod-column{ padding: 30px 0px; } .cart-section .cart-table tbody tr .prod-column .column-box { min-height: 100px; position: relative; padding: 30px 0px 24px 250px; } .cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb img { display: block; max-width: 100%; } .cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb{ position: absolute; left: 100px; top: 0px; width: 110px; height: 110px; background: #fff; } .cart-section .cart-table tbody tr .prod-column .column-box .title{ padding-left: 20px; } .cart-section .cart-table tbody tr .prod-column .column-box .remove-btn{ position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; line-height: 54px; font-size: 14px; color: #141417; font-weight: 900; background: #fff; text-align: center; border-radius: 50%; cursor: pointer; transition: all 500ms ease; } .cart-section .cart-table tbody tr .prod-column .column-box .remove-btn:hover{ color: #fff; } .cart-section .cart-table tbody tr td.price { font-size: 15px; color: #141417; font-weight: 500; position: relative; padding: 30px 0px 30px 0px; } .cart-section .cart-table thead tr th:last-child{ text-align: center; } .cart-section .cart-table tbody tr .sub-total { font-size: 15px; padding: 27px 0px 27px 0px; font-weight: 500; color: #141417; text-align: center; } .cart-section .cart-table tbody tr td.qty{ position: relative; } .cart-section .cart-table .prod-title{ position: relative; display: inline-block; font-size: 15px; line-height: 20px; color: #141417; font-weight: 500; } .cart-section .othre-content{ position: relative; display: block; padding: 30px 0px; margin-bottom: 65px; } .cart-section .othre-content .update-btn button{ background: transparent; transition: all 500ms ease; } .cart-section .othre-content .coupon-box{ position: relative; width: 530px; padding-right: 183px; } .cart-section .othre-content .coupon-box input[type='text']{ position: relative; display: block; width: 100%; max-width: 347px; font-size: 15px; height: 50px; color: #808080; font-size: 16px; background: #fff; padding: 10px 30px 10px 30px; } .cart-section .othre-content .coupon-box button{ position: absolute; top: 0px; right: 0px; padding: 12px 15px; width: 173px; } .cart-section .othre-content .coupon-box button i{ position: relative; font-size: 20px; top: 2px; font-weight: 700; margin-left: 8px; } .cart-section .othre-content .coupon-box input:focus + button, .cart-section .othre-content .coupon-box button:hover{ color: #fff; } .cart-section .othre-content .update-btn button{ color: #6e6e6e !important; padding: 12px 30px; font-size: 15px; font-weight: 600; background: #fff; } .cart-section .othre-content .update-btn button:hover{ color: #fff !important; } .cart-section .othre-content .update-btn button i{ position: relative; top: 2px; font-size: 20px; margin-left: 8px; font-weight: 700; } .cart-section .othre-content .update-btn button span:after{ color: #fff; } .cart-section .othre-content .update-btn button:hover:before{ background: #fff; } .cart-section .othre-content .update-btn button:hover:after { border-right: 2px solid #fff !important; border-top: 2px solid #fff !important; } .cart-section .cart-total .total-cart-box{ position: relative; } .cart-section .cart-total .total-cart-box h3{ margin-bottom: 23px; } .cart-section .cart-total .total-cart-box .list{ border: 1px solid #e6e6e6; } .cart-section .cart-total .total-cart-box .list li{ position: relative; display: block; font-size: 16px; color: #141417; font-weight: 500; padding: 12px 30px; border-bottom: 1px solid #e6e6e6; } .cart-section .cart-total .total-cart-box .list li:last-child{ border-bottom: none; } .cart-section .cart-total .total-cart-box .list li span{ float: right; color: #848484; font-weight: 400; } .cart-section .cart-total .total-cart-box .list li:last-child span{ font-weight: 700; color: #172746; } .cart-section .cart-total .total-cart-box .theme-btn{ padding: 12px 35px; width: 100%; } .cart-section .cart-total .total-cart-box .list li:before{ position: absolute; content: ''; background: #e6e6e6; width: 1px; height: 100%; left: 165px; top: 0px; } /** checkout-section **/ .checkout-section .coupon-box{ background: #fff; } .checkout-section .coupon-box a:hover{ text-decoration: underline; } .checkout-section .upper-box .single-box:last-child{ margin-bottom: 0px; } .checkout-section .upper-box .single-box a{ } .checkout-section .customer a:hover, .checkout-section .coupon a:hover{ text-decoration: underline; } .checkout-section .billing-form .form-group{ margin-bottom: 23px; } .checkout-section .billing-form .form-group:last-child{ margin-bottom: 0px; } .checkout-section .billing-form .form-group input[type='text'], .checkout-section .billing-form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 45px; background: #fff; font-size: 15px; color: #848484; padding: 10px 15px; transition: all 500ms ease; } .checkout-section .billing-form .form-group label{ color: #141417; } .checkout-section .billing-form .form-group input:focus{ } .checkout-section .billing-form .form-group .nice-select{ border-radius: 0px; border: 1px solid #fff !important; width: 100%; font-size: 15px; color: #848484; background: #fff; height: 45px; line-height: 45px; font-weight: 400; padding: 0px 20px; } .checkout-section .billing-form .form-group .nice-select .list{ width: 100%; } .checkout-section .billing-form .form-group input.address{ margin-bottom: 10px; } .checkout-section .billing-form .form-group input:focus{ } .checkout-section .billing-form .select-box .ui-state-default{ width: 100% !important; } .checkout-section .billing-form .select-box .ui-selectmenu-button span.ui-icon:before{ color: #848484; } .checkout-section .additional-info .note-book textarea{ position: relative; display: block; width: 100%; height: 133px; background: #fff; color: #6e6e6e; font-size: 14px; font-weight: 400; padding: 8px 20px; resize: none; transition: all 500ms ease; } .checkout-section .additional-info .note-book textarea:focus{ } .checkout-section .order-info{ background: #fff; } .checkout-section .order-info .order-list li{ border-bottom: 1px solid #e6e6e6; } .checkout-section .order-info .order-list li:last-child{ border-bottom: none; } .checkout-section .order-info .order-list li span.light{ color: #848484; } .checkout-section .payment-info{ background: #fff; } .checkout-section .payment-info .payment-inner .option-block{ position: relative; display: block; margin-bottom: 22px; } .checkout-section .payment-info .check-box input:checked + label:before{ background: transparent; border-color: #e5e5e5; } .checkout-section .payment-info .check-box label:after{ content: ''; width: 7px; height: 7px; border-radius: 2px; left: 5px; top: 9px; } .checkout-section .payment-info .check-box{ margin-bottom: 0px; } .checkout-section .payment-info .payment-inner .btn-box .theme-btn-two{ padding: 16px 30px; } .checkout-section .payment-info .payment-inner{ background: #fafafa; } .checkout-section .payment-info .payment-inner .option-block{ border-bottom: 1px solid #e6e6e6; } .checkout-section .payment-info .payment-inner .option-block:last-child{ border-bottom: none; } .checkout-section .payment-info .theme-btn{ padding: 12px 35px; } .checkout-section .payment-info .theme-btn i{ font-size: 20px; position: relative; top: 2px; margin-left: 8px; font-weight: 700; } .checkout-section .additional-info label{ color: #141417; } .checkout-section .payment-info .option-block .link a{ color: #141417; } /** check-box **/ .check-box input { display: none; } .check-box{ margin-bottom: 9px; } .check-box:last-child{ margin-bottom: 0px; } .check-box label { position: relative; font-size: 16px; line-height: 26px; color: #141417; padding-left: 27px; display: inline-block; cursor: pointer; margin-bottom: 0px; transition: all 500ms ease; } .check-box input:checked + label{ color: #1e2c36; } .check-box label:before{ position: absolute; content: ''; left: 0px; top: 4px; width: 17px; height: 17px; border-style: solid; border-width: 1px; border-color: #dedede; border-radius: 2px; } .check-box label:after { position: absolute; content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-size: 9px; left: 0px; top: 5px; width: 17px; height: 17px; line-height: 17px; color: #fff; opacity: 0; font-weight: 400; text-align: center; } .check-box input:checked + label:after { opacity: 1; } /*** ==================================================================== Blog-page ==================================================================== ***/ .blog-grid{ padding: 120px 0px 70px 0px; } .blog-grid .news-block-one .inner-box{ box-shadow: none; margin-bottom: 42px; } .blog-grid .news-block-one .inner-box .lower-content { padding: 29px 30px 0px 0px; } .sidebar-page-container{ position: relative; } .sidebar-page-container .news-block-one .inner-box .image-box:before{ display: none; } .sidebar-page-container .news-block-one .inner-box{ box-shadow: none; margin-bottom: 50px; } .sidebar-page-container .news-block-one .inner-box .lower-content { padding: 22px 30px 43px 0px; border-bottom: 1px solid #e5e5e5; } .sidebar-page-container .news-block-one .inner-box .lower-content h3{ font-size: 30px; line-height: 40px; margin-bottom: 12px; } .news-block-one .inner-box .image-box .video-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .news-block-one .inner-box .image-box .video-btn a{ position: relative; display: inline-block; width: 90px; height: 90px; line-height: 96px; background: #fff; font-size: 30px; text-align: center; border-radius: 50%; } .news-block-one .inner-box .image-box .video-btn a:before, .news-block-one .inner-box .image-box .video-btn a:after { width: 100%; height: 100%; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } .news-block-one .inner-box .image-box .video-btn a:after{ -webkit-animation-delay: .6s; animation-delay: .6s; } .news-block-one .inner-box .owl-nav{ position: absolute; left: 0px; top: 45%; transform: translateY(-50%); width: 100%; } .news-block-one .inner-box .owl-nav .owl-prev{ position: absolute; left: 30px; } .news-block-one .inner-box .owl-nav .owl-next{ position: absolute; right: 30px; } .news-block-one .inner-box .quote-box{ position: relative; display: block; background: #fff; padding: 33px 75px 29px 40px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); margin-bottom: 11px; } .news-block-one .inner-box .quote-box .icon-box{ position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; color: #fdf1e9; } .news-block-one .inner-box .quote-box p{ font-size: 18px; line-height: 28px; color: #141417; margin-bottom: 8px; } .news-block-one .inner-box .quote-box h6{ font-size: 16px; line-height: 24px; font-weight: 600; } .sidebar-page-container .pagination li a{ border: 1px solid #e5e5e5; } .sidebar-page-container .pagination li a.current, .sidebar-page-container .pagination li a:hover{ } .blog-sidebar{ position: relative; display: block; } .blog-sidebar .sidebar-widget{ position: relative; display: block; background: #fff; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); padding: 33px 40px 40px 40px; margin-bottom: 50px; } .blog-sidebar .sidebar-widget:last-child{ margin-bottom: 0px; } .blog-sidebar .widget-title{ position: relative; display: block; margin-bottom: 23px; } .blog-sidebar .widget-title h4{ font-size: 20px; line-height: 30px; font-weight: 700; } .blog-sidebar .search-widget .form-group{ position: relative; margin: 0px; } .blog-sidebar .search-widget .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 60px; border: 1px solid #e5e5e5; font-size: 16px; color: #808080; padding: 10px 20px 10px 60px; transition: all 500ms ease; } .blog-sidebar .search-widget .form-group button { position: absolute; left: 30px; top: 19px; background: transparent; cursor: pointer; font-size: 18px; color: #808080; transition: all 500ms ease; } .blog-sidebar .search-widget .form-group input:focus{ } .blog-sidebar .search-widget .form-group input:focus + button, .blog-sidebar .search-widget .form-group button:hover{ } .blog-sidebar .category-widget .category-list li{ position: relative; display: block; margin-bottom: 15px; } .blog-sidebar .category-widget .category-list li:last-child{ margin-bottom: 0px; } .blog-sidebar .category-widget .category-list li a{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 500; color: #141417; padding-left: 18px; } .blog-sidebar .category-widget .category-list li a i{ position: absolute; left: 0px; top: 7px; font-size: 12px; font-weight: 700; } .blog-sidebar .category-widget .category-list li a:hover{ } .blog-sidebar .category-widget .widget-title{ margin-bottom: 15px; } .blog-sidebar .category-widget{ padding-bottom: 32px; } .blog-sidebar .post-widget .post{ position: relative; display: block; padding: 0px 0px 23px 100px; margin-bottom: 16px; border-bottom: 1px solid #e5e5e5; min-height: 105px; } .blog-sidebar .post-widget .post:last-child{ border-bottom: none; margin-bottom: 0px; } .blog-sidebar .post-widget .post .post-thumb{ position: absolute; left: 0px; top: 4px; width: 80px; height: 80px; overflow: hidden; } .blog-sidebar .post-widget .post .post-thumb img{ width: 100%; transition: all 500ms ease; } .blog-sidebar .post-widget .post:hover .post-thumb img{ opacity: 0.2; } .blog-sidebar .post-widget .post h5{ position: relative; display: block; font-size: 18px; line-height: 24px; font-weight: 500; margin-bottom: 9px; } .blog-sidebar .post-widget .post h5 a{ display: inline-block; color: #141417; } .blog-sidebar .post-widget .post h5 a:hover{ } .blog-sidebar .post-widget .post .post-date{ position: relative; display: block; font-size: 16px; line-height: 24px; color: #6e6e6e; padding-left: 25px; } .blog-sidebar .post-widget .post .post-date i{ position: absolute; left: 0px; top: 4px; } .blog-sidebar .post-widget .widget-title{ margin-bottom: 18px; } .blog-sidebar .post-widget{ padding-bottom: 20px; } .blog-sidebar .tags-widget .tags-list li{ position: relative; display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px; } .blog-sidebar .tags-widget .tags-list li a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #141417; border: 1px solid #e5e5e5; padding: 7px 13px; } .blog-sidebar .tags-widget .tags-list li a:hover{ color: #fff; } .blog-sidebar .tags-widget{ padding-bottom: 30px; } .blog-details-content{ position: relative; display: block; } .blog-details-content .news-block-one .inner-box .lower-content{ padding-bottom: 0px; border-bottom: none; } .blog-details-content .news-block-one .inner-box .lower-content p{ margin-bottom: 26px; } .blog-details-content .news-block-one .inner-box{ margin-bottom: 64px; } .blog-details-content .content-one .quote-box{ position: relative; display: block; background: #fff; padding: 33px 75px 29px 40px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); margin-bottom: 63px; } .blog-details-content .content-one .quote-box .icon-box{ position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; color: #fdf1e9; } .blog-details-content .content-one .quote-box p{ font-size: 18px; line-height: 28px; color: #141417; margin-bottom: 8px; } .blog-details-content .content-one .quote-box h6{ font-size: 16px; line-height: 24px; font-weight: 600; } .blog-details-content .content-one h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 16px; } .blog-details-content .content-one{ margin-bottom: 34px; } .blog-details-content .content-two .text h5{ position: relative; display: block; font-size: 18px; line-height: 30px; font-weight: 500; margin-bottom: 14px; } .blog-details-content .content-two .text p{ margin-bottom: 16px; } .blog-details-content .content-two .image-box{ position: relative; display: block; } .blog-details-content .content-two .image-box img{ width: 100%; } .blog-details-content .content-two{ margin-bottom: 63px; } .blog-details-content .content-three h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 16px; margin-right: 7px; } .blog-details-content .content-three{ margin-bottom: 62px; } .blog-details-content .post-tags .tags-list li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .blog-details-content .post-tags .tags-list li:last-child{ margin: 0px !important; } .blog-details-content .post-tags .tags-list li h6{ position: relative; font-size: 16px; line-height: 40px; font-weight: 500; } .blog-details-content .post-tags .tags-list li a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #141417; border: 1px solid #e5e5e5; padding: 7px 13px; } .blog-details-content .post-tags .tags-list li a:hover{ color: #fff; } .blog-details-content .post-tags{ margin-bottom: 70px; } .blog-details-content .author-box{ position: relative; display: block; background: #fff; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); padding: 45px 40px 42px 170px; margin-bottom: 60px; } .blog-details-content .author-box .author-thumb{ position: absolute; left: 40px; top: 40px; width: 100px; height: 100px; border-radius: 50%; } .blog-details-content .author-box .author-thumb img{ width: 100%; border-radius: 50%; } .blog-details-content .author-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 11px; } .blog-details-content .comments-form-area .group-title{ position: relative; display: block; margin-bottom: 18px; } .blog-details-content .comments-form-area .group-title h3{ font-size: 24px; line-height: 32px; font-weight: 600; } .blog-details-content .comments-form-area .form-group{ position: relative; display: block; margin-bottom: 26px; } .blog-details-content .comments-form-area .form-group input[type="text"], .blog-details-content .comments-form-area .form-group input[type="email"], .blog-details-content .comments-form-area .form-group textarea{ position: relative; display: block; width: 100%; height: 42px; font-size: 16px; color: #6e6e6e; line-height: 42px; border-bottom: 1px solid #e5e5e5; transition: all 500ms ease; } .blog-details-content .comments-form-area .form-group textarea{ height: 120px; resize: none; } .blog-details-content .check-box label{ font-size: 16px; color: #6e6e6e; } .blog-details-content .comments-form-area .form-group input:focus, .blog-details-content .comments-form-area .form-group textarea:focus{ } .blog-details-content .comments-form-area .form-group .theme-btn{ padding: 12px 25px; } .blog-details-content .comments-form-area .form-group .theme-btn i{ position: relative; font-size: 22px; margin-left: 8px; top: 2px; } .blog-details-content .news-block-one .inner-box .image-box img{ opacity: 1 !important; transform: scale(1) !important; } /** google-map-section **/ .google-map-section{ position: relative; } .google-map-section #contact-google-map{ position: relative; width: 100%; height: 500px; } /** contact-style-three **/ .contact-style-three{ position: relative; padding: 115px 0px 120px 0px; } .contact-style-three .contact-info{ position: relative; display: block; } .contact-style-three .contact-info h3{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 23px; } .contact-style-three .contact-info p{ color: #141417; margin-bottom: 15px; } .contact-style-three .contact-info .info-list li{ position: relative; display: inline-block; font-size: 16px; line-height: 28px; margin-bottom: 14px; } .contact-style-three .contact-info .info-list li:last-child{ margin-bottom: 0px; } .contact-style-three .contact-info .info-list li a{ display: inline-block; color: #787878; } .contact-style-three .contact-info .info-list li:last-child a{ color: #141417; font-size: 16px; font-weight: 500; } .contact-style-three .contact-info .info-list li a:hover{ } .contact-style-three .form-inner .form-group{ position: relative; display: block; margin-bottom: 26px; } .contact-style-three .form-inner .form-group input[type="text"], .contact-style-three .form-inner .form-group input[type="email"], .contact-style-three .form-inner .form-group textarea{ position: relative; display: block; width: 100%; height: 42px; font-size: 16px; color: #6e6e6e; line-height: 42px; border-bottom: 1px solid #e5e5e5; transition: all 500ms ease; } .contact-style-three .form-inner .form-group textarea{ height: 120px; resize: none; } .contact-style-three .form-inner .form-group input:focus, .contact-style-three .form-inner .form-group textarea:focus{ } .contact-style-three .form-inner .form-group .check-box label{ font-size: 16px; color: #6e6e6e; } .contact-style-three .form-inner .form-group .theme-btn{ padding: 12px 25px; } .contact-style-three .form-inner .form-group .theme-btn i{ position: relative; font-size: 22px; margin-left: 8px; top: 2px; } @media only screen and (max-width: 991px){ .working-section .tabs-box .tab-btn-box { left:-5px; } .working-section .tabs-box .tab-btns li:first-child { margin-left:0px; } .working-section .tabs-box .tab-btns li:nth-child(2) { margin-top: 0px; margin-left:100px; } .working-section .tabs-box .tab-btns li:last-child { margin-left:200px; } .working-section .tabs-box .tab-btns li { line-height: 78px; font-size: 40px; width: 80px; height: 80px; } .tabs-box .tabs-content { padding-top:60px; } } @media all and (max-width: 375px) { .working-section .tabs-content .inner-box { width: 330px; height: 330px; } } @media all and (max-width: 320px) { .working-section .tabs-content .inner-box { width: 300px; height: 300px; } } .who-we-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 1200px; margin: auto; padding: 40px 20px; } .grid-item { position: relative; overflow: hidden; } .grid-item img, .grid-item video { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 6px; } .partner-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1200px; margin: auto; padding: 40px 20px; } .partner-item img { width: 100%; height: auto; display: block; } @media (max-width:768px) { .partner-grid { grid-template-columns: repeat(2, 1fr); } .whatsapp-float{ width:64px !important; height:64px !important;; } } .speimg{ width:300px; height:auto; } .feature-wrap h3 { font-size: 19px !important; } .single-team-wrap .details h3, .author-box h3 { font-size: 22px; } .author-box h3 { font-size: 24px; } .application h3{ font-weight: 700; font-size: 24px !important; color: #fff; line-height: 31px; margin-bottom: 3px; } .single-testimonial-wrap .client-wrap .details h3{ font-size: 19px !important; } .whatsapp-float{ width:50px; height:50px; } @media all and (min-width:1920px){.navbar-top:after{width:77.7%}}@media all and (min-width:1800px){.navbar-area-1:after,.navbar-top .nav-phone-wrap{background-position:0 0;background-size:100% 100%}.navbar-area-1:after,.navbar-top:after{background-size:100% 100%}.navbar-top .logo{left:0;width:auto}.navbar-top ul.topbar-left li+li{margin-left:30px}.navbar-top ul.topbar-left{margin-left:385px}.nav-right-part .btn{padding:0 40px}.navbar-area-1 .nav-container .navbar-collapse .navbar-nav{padding-left:382px}.navbar-area-1:after{width:71.8%}.navbar-area-1 .nav-container{padding:17px 0}.navbar-top .nav-phone-wrap{font-size:20px;font-weight:500;top:110px;padding:7px 188px 4px 80px;left:0}.banner-area-1 .banner-inner:after,.banner-area-1 .banner-inner:before{transform:translate(-126%,-40%)}.banner-area-1 .banner-slider .owl-nav{left:80px}.about-thumb-wrap .img-3{margin-left:-130px}.single-fact-wrap:after{right:0}.call-to-contact-area img{width:51.7%}.video-area .video-thumb-wrap{width:70%}.video-area .video-thumb-wrap .video-play-btn{left:64%}.testimonial-area.style-2{margin-left:190px;margin-right:190px}.navbar-area-2 .nav-container{max-width:1720px}.navbar-area-2:after{width:51%}.partner-area-2{background-position:-220px 0!important}.banner-area-2 .banner-slider .owl-nav{top:auto;left:auto;right:130px;bottom:30px;display:flex;z-index:111}.banner-area-2 .banner-slider .owl-nav button{margin-bottom:0!important;margin-left:10px}.about-area-2 .about-inner-wrap{margin-right:169px}.about-area-2 .about-thumb-wrap .img-1{width:90px}.about-area-2 .about-thumb-wrap .img-2{margin-left:0}.about-area-2 .about-thumb-wrap .img-3{margin-left:-151px}.about-area-2 .about-thumb-wrap .exprience-wrap{left:10px}.wcu-area{padding:100px 0 103px}.single-service-wrap{transform:translate(0,47%)}}@media all and (max-width:1440px){.wcu-area .img-1{left:-1%;top:-1%}.wcu-area .img-2{right:-1px}.testimonial-area.style-2{margin-left:0;margin-right:0}}@media (min-width:1200px) and (max-width:1399px){.navbar-area .nav-container .navbar-collapse .navbar-nav li+li{margin-left:2px}.navbar-area .nav-container .navbar-collapse .navbar-nav>li{margin-right:2px}}@media (min-width:1440px) and (max-width:1900px){.navbar-top .logo{left:-160px;width:auto}.navbar-top ul.topbar-left{margin-left:445px}.navbar-area-1 .nav-container .navbar-collapse .navbar-nav{padding-left:400px}.navbar-top:after{width:67%;background-size:116% 100%}.navbar-area-1 .nav-container{padding:17px 0}.navbar-area-1:after{width:73.9%;background-size:129% 100%;background-position:0 0}.navbar-top .nav-phone-wrap{top:108px;padding:12.5px 105px 9.5px 115px}.nav-right-part .btn{padding:0 40px}.banner-area-1 .banner-inner{padding-left:60px}.banner-area-1 .banner-inner:after,.banner-area-1 .banner-inner:before{transform:translate(-93%,-40%)}.banner-area-2 .banner-inner{padding-left:40px}.call-to-contact-area img{width:69%}.team-slider .owl-nav button,.testimonial-slider .owl-nav button{top:-90px;left:auto;right:0}.team-slider .owl-nav .owl-next,.testimonial-slider .owl-nav .owl-next{right:0}.team-slider .owl-nav .owl-prev,.testimonial-slider .owl-nav .owl-prev{right:70px;left:auto}.single-service-wrap{transform:translate(0,47%)}.navbar-area-1.sticky-active .nav-container .navbar-collapse .navbar-nav{padding-left:0}.about-area-2 .about-thumb-wrap .img-3{position:absolute;right:0;bottom:-45px;margin:0}.about-area-2 .about-thumb-wrap .exprience-wrap{bottom:-61px}}@media all and (max-width:1199px){.btn,.widget_subscribe .single-subscribe-inner input{height:55px}.banner-area-1 .banner-inner:after,.banner-area-1 .banner-inner:before,.navbar-area-1:after,.navbar-area-2 .logo .logo-1,.navbar-top .logo .main-logo,.navbar-top .nav-phone-wrap,.navbar-top:after,.service-slider .owl-nav{display:none}.navbar-area-1 .logo{display:block;width:170px}.navbar-area-1 .nav-container .navbar-collapse .navbar-nav{padding-left:0;text-align:end}.navbar-top ul.topbar-left{margin-left:0}.navbar-top{background:var(--heading-color)}.navbar-area-1{background:#fff}.navbar-area-1 .nav-container{padding:7px 0}.banner-inner .title{font-size:60px;line-height:initial}.banner-area-1 .banner-slider .owl-nav,.banner-area-2 .banner-slider .owl-nav{bottom:60px;top:auto;left:50%;transform:translate(-50%,0);margin-bottom:30px}.banner-area-1 .banner-slider .owl-nav button,.banner-area-2 .banner-slider .owl-nav button{display:inline-block}.banner-area-1 .banner-slider .owl-nav button.owl-prev,.banner-area-2 .banner-slider .owl-nav button.owl-prev{margin:0 10px 0 0}.section-title .title{font-size:36px}.section-title .content.left-line{padding-left:36px}.feature-wrap{padding:30px 30px 25px}.feature-wrap h5,.single-fact-wrap h5{font-size:20px}.about-thumb-wrap .exprience-wrap{right:-60px}.about-thumb-wrap .img-3{margin-left:220px;margin-top:-150px}.about-inner-wrap .section-title .content{padding-left:10px;font-size:14px;line-height:24px}.btn{line-height:55px}.single-service-wrap .details h5{margin-top:15px}.fact-counter-area{padding:29px 25px 4px;margin-bottom:-114px}.team-slider .owl-nav .owl-prev,.testimonial-slider .owl-nav .owl-prev{top:-90px;left:auto;right:70px}.team-slider .owl-nav .owl-next,.testimonial-slider .owl-nav .owl-next{top:-90px;right:0}.call-to-contact-area img{width:93.7%}.single-testimonial-wrap{padding:0 24px 30px 30px}.single-testimonial-wrap .client-wrap .details h5{font-size:19px}.single-testimonial-wrap p{font-size:14px;padding-left:12px}.single-portfolio-wrap .portfolio-details .details h4{font-size:15px}.swiper-container{margin:-305px 0 232px}.single-portfolio-wrap .portfolio-details .icon{flex:none}.single-blog-inner .details h4{font-size:24px;line-height:30px}.quote-wrap p,.widget_contact .single-contact-inner p{font-size:14px}.footer-area .footer-top .single-footer-top .details p{font-size:13px}.navbar-area-2 .logo{position:initial;width:170px}.navbar-area-2 .logo .logo-2{display:block}.navbar-area-2{margin-top:0}.navbar-area-2 .nav-right-part a.search-bar-btn{margin-left:10px}.navbar-area-2:after{width:135%;background-size:135% 100%}.navbar-area-2 .nav-container{padding:19px 0 10px}.partner-area-2{background-size:150% 100%!important;top:0;margin-bottom:0}.banner-area-2 .banner-slider .owl-nav{bottom:0}.banner-area-2 .banner-slider .item{background-position:center!important}.banner-area-2 .banner-inner{padding:293px 0 275px}.about-area-2 .about-thumb-wrap .img-3{position:absolute;right:0;bottom:-100px;margin:0}.single-about-wrap{margin:10px 0}.single-service-wrap-2{padding:40px 25px 30px}.request-quote-inner .tab-content .tab-pane{padding:36px 40px 40px}.quote-wrap{padding:21px 30px 30px;margin-left:0}.quote-wrap p{margin-bottom:78px}.request-quote-inner .tab-content .tab-pane .single-check-list li{width:48%;margin:10px 0!important}.request-quote-inner .nav-pills .nav-item .nav-link{height:60px;font-size:14px}.single-pricing-inner{padding:34px 30px 40px}.video-area .video-thumb-wrap img{height:auto}.video-area .video-thumb-wrap{width:50%;align-items:center;display:flex}.video-area .video-thumb-wrap .video-play-btn{left:59%}.footer-top-subscribe .single-subscribe-inner{min-width:260px}.footer-top-subscribe .media-left{margin-left:58px;padding-left:50px}.sticky-active.navbar-area-2 .nav-container{padding:12px}}@media all and (max-width:991px){.navbar-top ul li{font-size:12px}.toggle-btn{top:25px;right:0;padding:0}.toggle-btn .icon-left,.toggle-btn .icon-left:after,.toggle-btn .icon-left:before,.toggle-btn .icon-right,.toggle-btn .icon-right:after,.toggle-btn .icon-right:before{background:var(--main-color)}.nav-right-part{margin-right:55px}.navbar-area-1 .logo{margin-right:auto}.navbar-area .nav-container .navbar-collapse .navbar-nav li{padding-left:0}.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before{top:25px}.banner-inner .title{font-size:60px}.banner-area-1 .banner-inner{padding:190px 0 260px}.call-to-contact-area img,.feature-slider .owl-nav,.footer-area .footer-top .single-footer-top:after,.navbar-area-2:after,.single-fact-wrap:after,.swiper-container .button,.team-slider .owl-nav,.testimonial-slider .owl-nav,.wcu-area .img-1,.wcu-area-2 .thumb{display:none}.about-thumb-wrap .exprience-wrap{right:0}.about-thumb-wrap .img-3{margin-left:0;margin-top:0;position:absolute;right:0;bottom:0}.about-inner-wrap{margin-left:0;margin-top:120px}.single-service-wrap{transform:none;margin-top:0;margin-bottom:30px}.wcu-area{padding:20px 0}.wcu-area .video-thumb-wrap{margin-bottom:50px}.fact-counter-area{margin-bottom:0;transform:none;margin-top:120px}.cta-inner-wrap{padding:30px 50px 40px}.swiper-container{margin:0;padding:0;transform:none}.swiper-slide.swiper-slide .single-portfolio-wrap{transform:none;margin:0 0 120px}.single-portfolio-wrap .portfolio-details .details h4{font-size:20px}.single-portfolio-wrap .portfolio-details .details p{font-size:14px}.footer-bottom-area p{margin-bottom:15px}.nav-right-part a{margin-left:20px}.navbar-area-2{background:#fff}.navbar-area-2 .nav-container{padding:7px 0}.navbar-area-2 .logo{margin:0 auto 0 0}.banner-area-2 .item:after{background:rgba(8,12,36,.85);content:'';position:absolute;left:0;top:0;height:100%;width:100%}.banner-area-2 .banner-inner{padding:253px 0 235px}.about-area-2 .about-thumb-wrap .img-2{margin:0}.about-area-2 .about-thumb-wrap .exprience-wrap{left:0}.about-area-2.pd-bottom-240,.wcu-area-2{padding-bottom:120px}.request-quote-inner{margin-bottom:0;margin-top:120px;position:initial}.video-area .video-thumb-wrap{width:100%;position:relative;height:auto}.video-area .video-thumb-wrap .video-play-btn{left:50%}.footer-top-subscribe{display:block;margin:50px 0}.footer-top-subscribe .media-left{border:0;margin:0;padding:0}.footer-top-subscribe h3{padding:40px 0 17px}.footer-top-subscribe .thumb{text-align:center}.quote-wrap,.sidebar-area{margin-top:40px}.banner-area-1 .item video{width:0%;display:none}}@media all and (max-width:767px){.navbar-top{display:none}.navbar-area-1{top:0}.toggle-btn{top:18px}.navbar-area .nav-container .navbar-collapse.sopen{display:block}.banner-area-1 .banner-inner{padding:220px 0 270px}.banner-area-1 .item:after{background:#fff}.about-area-2 .about-inner-wrap{margin-right:0}.skill-area .thumb.img-2{margin-top:30px}.breadcrumb-area{padding:196px 0 110px}.breadcrumb-area .page-title{font-size:52px;line-height:1.2}}@media all and (max-width:425px){.nav-right-part,.wcu-area .img-2{display:none}.navbar-area-1 .nav-container,.navbar-area-2 .nav-container{padding:7px 15px}.banner-area-1 .banner-inner{padding:180px 0 270px}.banner-inner .title{font-size:45px}.section-title .content.left-line{padding-left:20px}.section-title .title{font-size:32px}.btn{font-size:20px}.cta-inner-wrap{padding:30px}.single-blog-inner .details{padding:22px 25px}.footer-top-subscribe h3{font-size:28px}.about-inner-wrap .btn-wrap .video-wrap{margin-left:35px}.request-quote-inner .tab-content .tab-pane{padding:26px 20px 20px}.contact-information-wrap .single-contact-info-wrap .media{display:block}.contact-information-wrap .single-contact-info-wrap .media .icon{margin:0 0 10px}.breadcrumb-area .page-title{font-size:48px}.navbar-area-2 .logo{width:230px}}@media all and (max-width:396px){.sticky-active.navbar-area-2 .nav-container{margin-top:0}}@media all and (max-width:375px){.single-portfolio-wrap .portfolio-details .details p{font-size:13px}.single-portfolio-wrap .portfolio-details .details h4{font-size:16px}.footer-bottom-area p,.footer-bottom-area ul li{font-size:12px}.single-cta-wrap .details h3{font-size:24px}.about-inner-wrap .btn-wrap{display:block}.about-inner-wrap .btn-wrap .author-wrap{margin-top:20px}.section-title .title{font-size:29px}.about-thumb-wrap{text-align:center}.about-area-2 .about-thumb-wrap .img-3,.about-thumb-wrap .img-3{position:initial;margin-top:20px}.about-thumb-wrap .exprience-wrap{right:-20px;top:128px}.feature-area{padding:20px}.feature-wrap h5{font-size:19px}.about-inner-wrap .btn-wrap .video-wrap{margin-left:0;margin-top:30px}.request-quote-inner .nav-pills .nav-item,.request-quote-inner .tab-content .tab-pane .single-check-list li{width:100%}.quote-wrap p{margin-bottom:38px}.faq-accordion .single-accordion-inner .accordion-header .accordion-button{font-size:19px;padding:15px 20px;line-height:22px}.faq-accordion .single-accordion-inner .accordion-header .accordion-button:before{right:25px}.contact-area .contact-form,.contact-information-wrap{padding:29px 20px 20px}.breadcrumb-area .page-title.breadcrumb-area .page-title .contact-information-wrap h3,.contact-area .contact-form h3{font-size:25px}}@media all and (max-width:320px){.banner-area-1 .banner-inner .btn-wrap .btn-base,.banner-area-2 .banner-inner .btn-wrap .btn-base{margin-right:0;margin-bottom:20px}.quote-wrap{padding:21px 20px 25px}.contact-information-wrap .single-contact-info-wrap{padding:23px 20px 17px}}@media screen and (min-width:1920px){.navbar-area-1 .nav-container .navbar-collapse .navbar-nav{padding-left:330px}.sticky-active .nav-container .navbar-collapse .navbar-nav{padding-left:250px}.navbar-top .nav-phone-wrap{padding:7px 137px 4px 80px}.navbar-top:after{width:66.3%}.navbar-area-1 .logo a img{max-width:145%}} .checklocation{padding-bottom: 13px;margin-bottom: 26px;position: relative;font-weight: 700;font-size: 24px;line-height: 31px;color: #f8f8f8;background: transparent;border: none;font-family: var(--heading-font);