/*
  * Nova Yapım
  * Kule Yazılım | thekule.com
 */
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700|Source+Serif+Pro:400,600,700&display=swap"); @import url("https://fonts.googleapis.com/css?family=Katibeh&display=swap"); :root { --main-color-one: #858485; --secondary-color: #2e2e2e; --heading-color: #222222; --paragraph-color: #858485; --hover-color: #c2976b; --bg-color: #fafafa; --bg-color-two: #fff; --heading-font: "Poppins", sans-serif; --body-font: "Poppins", sans-serif; --tasti-font: "Katibeh", cursive; } 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; -webkit-font-smoothing: antialiased; } body { margin: 0; color: var(--paragraph-color); font-family: var(--body-font); } h1 { font-size: 70px; line-height: 1.0833333333333333; } h2 { font-size: 45px; line-height: 1.4444444444444444; } h3 { font-size: 40px; line-height: 1.0833333333333333; } h4 { font-size: 25px; line-height: 1.2380952380952381; } h5 { font-size: 20px; } h6 { font-size: 18px; } h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-family: var(--heading-font); } p { color: var(--paragraph-color); -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-bottom: 10px; font-size: 14px; line-height: 1.8; font-weight: 400; font-family: var(--heading-font); } a { color: inherit; text-decoration: none; color: var(--paragraph-color); } a, a:hover, a:focus, a:active { text-decoration: none; outline: none; color: inherit; } 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; } 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, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input:focus, textarea:focus, select:focus { outline: 1px solid var(--hover-color); -webkit-box-shadow: none; box-shadow: none; } button:focus { outline: none; } code { color: #faa603; } .dark-bg { background-color: #111d5c; } .section-bg-1 { background-color: #f4f7fc; } .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-one); } .nav-container { margin: auto; max-width: 1680px; padding-right: 20px; padding-left: 20px; } .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; -o-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-one); } .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, 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: 14px; 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; } #content[tabindex="-1"]:focus { outline: 0; } .padding-left-0 { padding-left: 0; } .padding-right-0 { padding-left: 0; } .gray-bg { background-color: #f8f8f8; } .padding-top-10 { padding-top: 10px; } .padding-top-15 { padding-top: 15px; } .padding-top-20 { padding-top: 20px; } .padding-top-25 { padding-top: 25px; } .padding-top-30 { padding-top: 30px; } .padding-top-40 { padding-top: 40px; } .padding-top-50 { padding-top: 50px; } .padding-top-60 { padding-top: 60px; } .padding-top-70 { padding-top: 70px; } .padding-top-80 { padding-top: 80px; } .padding-top-85 { padding-top: 85px; } .padding-top-90 { padding-top: 90px; } .padding-top-95 { padding-top: 95px; } .padding-top-100 { padding-top: 100px; } .padding-top-105 { padding-top: 105px; } .padding-top-110 { padding-top: 110px; } .padding-top-115 { padding-top: 115px; } .padding-top-120 { padding-top: 120px; } .padding-top-150 { padding-top: 150px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-45 { padding-bottom: 45px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-55 { padding-bottom: 55px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-bottom-65 { padding-bottom: 65px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-bottom-75 { padding-bottom: 75px; } .padding-bottom-80 { padding-bottom: 80px; } .padding-bottom-85 { padding-bottom: 85px; } .padding-bottom-90 { padding-bottom: 90px; } .padding-bottom-95 { padding-bottom: 95px; } .padding-bottom-100 { padding-bottom: 100px; } .padding-bottom-110 { padding-bottom: 110px; } .padding-bottom-105 { padding-bottom: 105px; } .padding-bottom-115 { padding-bottom: 115px; } .padding-bottom-120 { padding-bottom: 120px; } .padding-bottom-130 { padding-bottom: 130px; } .padding-bottom-135 { padding-bottom: 135px; } .padding-bottom-140 { padding-bottom: 140px; } .padding-bottom-150 { padding-bottom: 150px; } .padding-bottom-160 { padding-bottom: 160px; } .padding-bottom-170 { padding-bottom: 170px; } .padding-120 { padding-top: 120px; padding-bottom: 120px; } .padding-110 { padding-top: 110px; padding-bottom: 110px; } .padding-100 { padding-top: 100px; padding-bottom: 100px; } .padding-20 { padding-top: 20px; padding-bottom: 20px; } .padding-30 { padding-top: 30px; padding-bottom: 30px; } .padding-40 { padding-top: 40px; padding-bottom: 40px; } .padding-50 { padding-top: 50px; padding-bottom: 50px; } .padding-60 { padding-top: 60px; padding-bottom: 60px; } .padding-70 { padding-top: 70px; padding-bottom: 70px; } .padding-80 { padding-top: 80px; padding-bottom: 80px; } .padding-90 { padding-top: 90px; padding-bottom: 90px; } .padding-10 { padding-top: 10px; padding-bottom: 10px; } .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px; } .margin-top-25 { margin-top: 25px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } .margin-top-55 { margin-top: 55px; } .margin-top-60 { margin-top: 60px; } .margin-top-70 { margin-top: 70px; } .margin-top-80 { margin-top: 80px; } .margin-top-90 { margin-top: 90px; } .margin-top-100 { margin-top: 100px; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-55 { margin-bottom: 55px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-top-120 { margin-top: 120px; } .min-height-600 { min-height: 600px; } .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; } .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; } .sticky { display: block; } .updated:not(.published) { display: none; } .blog-pagination ul li { display: inline-block; } .blog-pagination ul li + li { margin: 0 5px; } .blog-pagination { display: block; width: 100%; } .blog-pagination ul { margin: 0; padding: 0; list-style: none; } .blog-pagination ul li a, .blog-pagination ul li span { display: block; width: 40px; height: 40px; border: 1px solid #e2e2e2; line-height: 40px; text-align: center; font-weight: 600; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } .blog-pagination ul li span.current, .blog-pagination ul li a:hover { background-color: var(--main-color-one); color: #fff; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } .custom-logo-link { 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: 0.8075em 0; } .wp-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .wp-link-pages a { margin: 0 5px; -webkit-transition: 0.3s ease-in; -o-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-one); color: #fff; border-color: var(--main-color-one); } .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-one); color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 1px; border: none; cursor: pointer; -webkit-transition: 0.3s ease-in; -o-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; } .single-post-details-item .entry-content > .alignwide { max-width: 1100px; } .single-post-details-item .entry-content > .alignfull { margin: 1.5em 0; max-width: 100%; } .wp-block-video video { max-width: 636px; } .wp-block-image img { display: block; } .wp-block-image.alignleft, .wp-block-image.alignright { width: 100%; } .wp-block-image.alignfull img { width: 100vw; } .wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto; } .wp-block-cover-text p { padding: 1.5em 14px; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide { padding: 0 14px; } .wp-block-table { display: block; overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th { padding: .5em; } .wp-block-embed.type-video > .wp-block-embed__wrapper { position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-quote.is-large { margin: 0 auto 16px; } .wp-block-pullquote > p:first-child { margin-top: 0; } .wp-block-separator { margin: 3em auto; padding: 0; } @media screen and (min-width: 768px) { .wp-block-cover-text p { padding: 1.5em 0; } } wp-block-video video { max-width: 636px; } .wp-block-image img { display: block; } .wp-block-image.alignleft, .wp-block-image.alignright { width: 100%; } .wp-block-image.alignfull img { width: 100vw; } .wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto; } .wp-block-cover-text p { padding: 1.5em 14px; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide { padding: 0 14px; } .wp-block-table { display: block; overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th { padding: .5em; } .wp-block-embed.type-video > .wp-block-embed__wrapper { position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-quote.is-large { margin: 0 auto 16px; } .wp-block-pullquote > p:first-child { margin-top: 0; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: 4px solid #000; padding-left: 1em; } .wp-block-separator { margin: 3em auto; padding: 0; } @media screen and (min-width: 768px) { .wp-block-cover-text p { padding: 1.5em 0; } } .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; color: #40464d; } .has-strong-blue-color { color: #0073aa; } .has-strong-blue-background-color { background-color: #0073aa; } .has-lighter-blue-color { color: #229fd8; } .has-lighter-blue-background-color { background-color: #229fd8; } .has-very-light-gray-color { color: #eee; } .has-very-light-gray-background-color { background-color: #eee; } .has-very-dark-gray-color { color: #444; } .has-very-dark-gray-background-color { background-color: #444; } .breadcrumb-area { padding: 190px 0 183px 0; background-color: #EFEFEF; position: relative; overflow-x: hidden; } .breadcrumb-area.extra { padding-bottom: 138px; } .breadcrumb-area .page-title { font-size: 48px; font-weight: 700; text-transform: capitalize; margin-bottom: 15px; } .breadcrumb-area p { font-size: 16px; line-height: 26px; max-width: 600px; margin-bottom: 20px; } .breadcrumb-area .bg-img-left { position: absolute; width: 300px; height: 400px; bottom: 0; left: 0; background-size: cover; background-position: center; } .breadcrumb-area .bg-img-full { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; } .breadcrumb-area .bg-img-center { position: absolute; width: 300px; height: 400px; bottom: 50%; left: 50%; background-size: cover; background-position: center; } .breadcrumb-area .bg-img-right { position: absolute; width: 40%; height: 100%; top: 0; right: 0; background-size: cover; background-position: center; } .breadcrumb-area .page-list { margin: 0; padding: 0; } .breadcrumb-area .page-list li { display: inline-block; position: relative; padding-left: 30px; font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .breadcrumb-area .page-list li:first-child { padding-left: 0; } .breadcrumb-area .page-list li:first-child a { color: var(--main-color-one); } .breadcrumb-area .page-list li:first-child:after { display: none; } .breadcrumb-area .page-list li:after { position: absolute; left: 10px; top: 0; content: "\f105"; font-family: "fontawesome"; } .breadcrumb-area .page-list li a { color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .breadcrumb-area .page-list li a:hover { color: #fff; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area { margin-top: 30px; } .comments-area .comments-title { font-size: 26px; line-height: 34px; font-weight: 600; margin-bottom: 45px; } .comments-area .comment-list .comment-respond { margin-bottom: 30px; } .comments-area .comment-list { margin: 0; padding: 0; list-style: none; list-style-type: none; margin-bottom: 20px; } .comments-area .comment-list li { margin-bottom: 30px; } .comments-area .comment-list li:last-child { margin-bottom: 0; } .comments-area .comment-list li ul.children { margin: 0; padding: 0; list-style: none; list-style-type: none; } .comments-area .comment-list li ul { list-style: none; margin-left: 80px; } .comments-area .comment-list li ul.children li { margin-left: 50px; list-style-type: none; list-style: none; } .comments-area .comment-list li .single-comment-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .comments-area .comment-list li .single-comment-wrap .thumb { margin-right: 20px; max-width: 80px; position: relative; z-index: 1; } .comments-area .comment-list li .single-comment-wrap .thumb::after { content: ''; width: 80px; height: 70px; background: #EEEBF2; position: absolute; left: -10px; top: -10px; z-index: -1; } .comments-area .comment-list li .single-comment-wrap .thumb img { margin-bottom: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); } .comments-area .comment-list li .single-comment-wrap .date, .blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time { display: block; font-size: 14px; line-height: 22px; margin-bottom: 20px; margin-left: 35px; position: relative; } .comments-area .comment-list li .single-comment-wrap .date::after, .blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time::after { content: ''; position: absolute; width: 20px; height: 2px; background-color: var(--hover-color); left: -35px; top: 9px; } .comments-area .comment-list li .single-comment-wrap .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .comments-area .comment-list li .single-comment-wrap .content .title { font-size: 18px; line-height: 28px; font-weight: 600; } .comments-area .comment-list li .single-comment-wrap .content .comment-content { max-width: 620px; } .comments-area .comment-list li .single-comment-wrap .content p { font-size: 14px; line-height: 26px; word-break: break-word; } .comments-area .comment-list li .single-comment-wrap .content p:last-child { margin-bottom: 0; } .comments-area .comment-list li .single-comment-wrap .content .reply { display: block; } .comments-area .comment-list li .single-comment-wrap .content .view-reply { display: block; font-weight: 500; color: #5D5D5D; padding-bottom: 20px; } .comments-area .comment-list li .single-comment-wrap .content .reply:hover { color: var(--main-color-one); } .comments-area .reply-title, .comments-area .comment-reply-title { font-size: 26px; line-height: 34px; font-weight: 600; margin-bottom: 20px; } .comments-area .form-submit { margin-bottom: 0; } .comment-form .form-group.textarea .form-control { min-height: 160px; resize: none; line-height: 26px; } .comment-form .form-group.textarea .form-control:focus { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .comment-form .form-group .form-control { height: 40px; border: 1px solid #e2e2e2; border-radius: 0; } .comment-form .submit-btn { height: 40px; width: auto; border-radius: 0; font-weight: 600; padding: 0 30px; background-color: var(--hover-color); border: none; cursor: pointer; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; color: #fff; } .comment-form .submit-btn:hover { background-color: none; color: var(--paragraph-color); } .comments-area .comment-list .children li:last-child { margin-bottom: 30px; } .comments-area .comment-list li ul.children { margin-top: 30px; } .comment-form-cookies-consent input[type=checkbox] { margin-right: 5px; } .comments-area .see-more-btn .btn-wrapper { position: relative; } .comments-area .see-more-btn .btn-wrapper::after { position: absolute; content: ''; width: 50px; height: 2px; background-color: var(--hover-color); bottom: -10px; left: 0; } .counterup-area { background-color: #fff; } .counterup-area .single-counter-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .counterup-area .single-counter-item .content { border: 10px solid #f4f4f4; padding: 40px 35px; width: 250px; text-align: center; } .counterup-area .single-counter-item .content .count-icon { font-size: 50px; color: var(--hover-color); } .counterup-area .single-counter-item .content .count-num { font-size: 45px; line-height: 46px; color: #000; font-weight: 600; } .counterup-area .single-counter-item .content .count-num.plus::after { content: "+"; font-size: 45px; color: #000; font-weight: 600; } .counterup-area .single-counter-item .content .title { font-size: 14px; line-height: 26px; color: #666666; font-weight: 500; } .counterup-area-work { display: -webkit-box; display: -ms-flexbox; display: flex; } .counterup-area-work .single-counter-item + .single-counter-item { margin-left: 60px; } .counterup-area-work .single-counter-item .content { text-align: left; position: relative; } .counterup-area-work .single-counter-item .content .counter-icon { position: absolute; font-size: 70px; opacity: 0.2; left: 0; top: 10px; color: var(--hover-color); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .counterup-area-work .single-counter-item .content .count-num { font-size: 45px; line-height: 46px; font-weight: 400; } .counterup-area-work .single-counter-item .content .count-num.plus::after { content: "+"; font-size: 35px; } .counterup-area-work .single-counter-item .content .title { font-size: 14px; line-height: 26px; font-weight: 400; color: var(--paragraph-color); } .pricing-plan-area { background-color: #fff; } .pricing-plan-area .subtitle { font-size: 25px; font-weight: 400; padding-bottom: 40px; display: block; position: relative; } .pricing-plan-area .subtitle::after { content: ""; width: 44px; height: 1px; background-color: #ccc; position: absolute; bottom: 30%; left: 45%; -webkit-transform: translate(55%, 50%); -ms-transform: translate(55%, 50%); transform: translate(55%, 50%); } .single-price-plan-01 { text-align: center; background-color: #EFEFEF; border-radius: 5px; padding: 52px 10px 60px 10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-price-plan-01.white { background-color: #131332; } .single-price-plan-01:hover { background-color: var(--hover-color); -webkit-box-shadow: 6px 1px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: 6px 1px 10px 0px rgba(0, 0, 0, 0.16); } .single-price-plan-01:hover .price-header .name { color: var(--hover-color); padding: 10px 40px; background-color: #fff; } .single-price-plan-01:hover .price-header .price-wrap .price { color: #fff; } .single-price-plan-01:hover .price-header .price-wrap p { color: #fff; } .single-price-plan-01:hover .price-body ul li { color: #fff; } .single-price-plan-01 .price-header .name { font-size: 25px; line-height: 28px; padding: 10px 40px; font-weight: 600; display: inline-block; color: #484848; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-price-plan-01 .price-header .price-wrap { margin-bottom: 20px; } .single-price-plan-01 .price-header .price-wrap .price { font-size: 30px; font-weight: 600; padding-bottom: 10px; color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-price-plan-01 .price-header .price-wrap p { font-size: 14px; line-height: 26px; border-bottom: 1px solid #d5d5d5; padding-bottom: 20px; } .single-price-plan-01 .price-body ul { margin: 0; padding: 0; list-style: none; } .single-price-plan-01 .price-body ul li { display: block; margin: 15px 0; font-weight: 400; font-size: 14px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-price-plan-01 .price-body ul li:first-child { margin-top: 0; } .single-price-plan-01 .price-body ul li:last-child { margin-bottom: 0; } .single-price-plan-01 .price-footer { margin-top: 48px; display: block; } .single-price-plan-01 .price-footer .boxed-btn { color: #484848; padding: 10px 45px; background-color: #fff; } .widget { margin-bottom: 30px; padding: 25px 45px 30px 30px; background-color: #fcfcfc; } .widget.Dizzcox_testimonial_widget { background-color: var(--secondary-color); } .widget select { width: 100%; height: 50px; padding: 10px 20px; } .widget .widget-title { font-size: 18px; font-weight: 600; line-height: 55px; margin-bottom: 20px; } .widget .blog-widget-title { font-size: 25px; font-weight: 600; line-height: 35px; margin-bottom: 20px; } .widget.widget_calendar { padding-right: 24px; padding-left: 24px; } .widget:last-child { margin-bottom: 0px; } .widget.widget_nav_menu ul li.menu-item-has-children:after { display: none; } .widget.footer-widget .subscribe-form .form-group .form-control { background-color: #fff; color: var(--main-color-one); } .widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder { color: var(--main-color-one); } .widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder { color: var(--main-color-one); } .widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder { color: var(--main-color-one); } .widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder { color: var(--main-color-one); } .widget.footer-widget .subscribe-form .submit-btn:hover { background-color: var(--hover-color); color: #fff; } .widget.footer-widget { background-color: transparent !important; padding: 0; margin-bottom: 30px; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li ul { margin-left: 20px; } .widget ul li { display: block; margin: 8px 0; word-break: break-word; } .widget ul li:first-child { margin-top: 0px; } .widget ul li:last-child { margin-bottom: 0px; } .widget ul li a { color: inherit; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .widget ul li a:hover { color: var(--main-color-one); } .widget_search .search-form { position: relative; } .widget_search .search-form .form-group { margin-bottom: 0; } .widget_search .search-form .form-group .form-control { height: 50px; border: 1px solid rgba(0, 0, 0, 0.2); padding: 0 70px 0 25px; background-color: #bcbcbc; color: #fff; border-radius: 0; } .widget_search .search-form .form-group .form-control::-webkit-input-placeholder { color: #fff; } .widget_search .search-form .form-group .form-control:-moz-placeholder { color: #fff; } .widget_search .search-form .form-group .form-control::-moz-placeholder { color: #fff; } .widget_search .search-form .form-group .form-control:-ms-input-placeholder { color: #fff; } .widget_search .search-form .submit-btn { position: absolute; right: 0; top: 0; width: 60px; height: 50px; line-height: 50px; padding: 0; font-size: 14px; background-color: #bcbcbc; color: #fff; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; border: none; cursor: pointer; } .widget_search .search-form .submit-btn:hover { color: #fff; } .widget_author_meta { text-align: center; } .widget_author_meta .thumb { width: 80px; height: 80px; margin: 0 auto; margin-bottom: 20px; } .widget_author_meta .thumb img { border-radius: 50%; } .widget_author_meta .content .name { font-size: 21px; font-weight: 700; } .widget_author_meta .content p { font-size: 16px; line-height: 26px; } .widget_author_meta .content ul { margin-top: 25px; } .widget_author_meta .content ul li { display: inline-block; margin: 0 5px; } .widget_author_meta .content ul li a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .widget_author_meta .content ul li a:hover { background-color: var(--main-color-one); color: #fff; } .widget_tag_cloud .tagcloud a { display: inline-block; padding: 5px 15px; border: 1px solid rgba(0, 0, 0, 0.1); margin: 5px; color: inherit; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border-radius: 5px; font-size: 16px !important; } .widget_tag_cloud .tagcloud a:hover { background-color: var(--main-color-one); color: #fff; } .widget ul li ul.sub-menu { position: initial; } .widget ul li ul.sub-menu { visibility: visible; opacity: 1; background-color: transparent; border-top: none; -webkit-box-shadow: none; box-shadow: none; margin-top: 10px; } .widget ul li ul.sub-menu li a { padding: 0 0 0px 10px; } .widget ul li ul.sub-menu li a:hover { background-color: transparent; } .widget.widget_nav_menu ul { margin: 0; padding: 0; list-style: none; } .widget.widget_nav_menu ul li { margin: 20px 0; } .widget.widget_nav_menu ul li:first-child { margin-top: 0; } .widget.widget_nav_menu ul li:last-child { margin-bottom: 0; } .widget.widget_nav_menu ul li a { border: none; } .widget.widget_nav_menu ul li > ul { margin-left: 15px; } .widget.footer-widget.widget_calendar table { margin-bottom: 0; } .widget.footer-widget.widget_calendar caption { padding-bottom: 0; } .widget.footer-widget .widget-title { color: var(--bg-color); } .widget.footer-widget p, .footer-widget.widget_tag_cloud .tagcloud a, .widget.footer-widget.widget_calendar caption, .widget.footer-widget.widget_calendar th, .widget.footer-widget.widget_calendar td { color: #d9d9d9; font-size: 14px; font-weight: 400; max-width: 300px; } .widget.footer-widget ul li a, .widget.footer-widget ul li { color: #d9d9d9; font-size: 14px; font-weight: 400; } .widget.footer-widget ul li a:hover { color: var(--hover-color); } .widget .social_share { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .widget .social_share li { width: calc(100% / 3); margin: 0; display: block; padding: 20px 0 12px 0; text-align: center; border-radius: 5px; color: #fff; } .widget .social_share li i { display: block; margin-bottom: 10px; font-size: 20px; } .widget .social_share li.facebook { background-color: #3b5999; } .widget .social_share li.twitter { background-color: #55acee; } .widget .social_share li.instagram { background-color: #e4405f; } .widget .social_share li a:hover { color: #fff; } .widget .social_share li + li { margin-left: 10px; } .widget .recent_post_item { margin: 0; padding: 0; list-style: none; } .widget .recent_post_item li { display: block; } .widget .recent_post_item li + li { margin-top: 20px; } .widget .recent_post_item li.single-recent-post-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .widget .recent_post_item li.single-recent-post-item .thumb { width: 115px; height: 90px; margin-right: 15px; } .widget .recent_post_item li.single-recent-post-item .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget .recent_post_item li.single-recent-post-item .content .title { font-size: 18px; line-height: 24px; font-weight: 500; } .widget .recent_post_item li.single-recent-post-item .content .time { font-size: 12px; font-weight: 400; line-height: 30px; } .widget .recent_comment_item { margin: 0; padding: 0; list-style: none; } .widget .recent_comment_item li { display: block; } .widget .recent_comment_item li + li { margin-top: 20px; } .widget .recent_comment_item li.single-recent-comment-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .widget .recent_comment_item li.single-recent-comment-item .thumb { width: 115px; height: 90px; margin-right: 15px; } .widget .recent_comment_item li.single-recent-comment-item .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget .recent_comment_item li.single-recent-comment-item .content .title { font-size: 18px; line-height: 24px; font-weight: 500; } .widget .recent_comment_item li.single-recent-comment-item .content .time { font-size: 14px; font-weight: 400; line-height: 30px; } .contact_info_list { margin: 0; padding: 0; list-style: none; } .contact_info_list li { display: block; } .contact_info_list li.single-info-item { position: relative; margin-bottom: 20px; } .contact_info_list li.single-info-item .icon { position: absolute; left: 0; top: 0; } .contact_info_list li.single-info-item .details { padding-left: 30px; } .about_us_widget .footer-logo { margin-bottom: 20px; display: block; } .copyright-area { padding: 20px 0; text-align: center; color: rgba(255, 255, 255, 0.7); } .widget-testimonial .icon { font-size: 70px; line-height: 60px; color: var(--main-color-one); margin-bottom: 16px; } .widget-testimonial p { color: rgba(255, 255, 255, 0.8); line-height: 1.6; } .widget-testimonial .author-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; margin-top: 24px; } .widget-testimonial .author-meta .thumb { margin-right: 20px; } .widget-testimonial .author-meta .thumb img { max-width: 80px; height: 80px; border-radius: 50%; } .widget-testimonial .author-meta .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 15px; } .widget-testimonial .author-meta .content .name { font-size: 18px; line-height: 26px; font-weight: 700; color: #fff; margin-bottom: 0; } .widget-testimonial .author-meta .content .designation { color: rgba(255, 255, 255, 0.8); font-size: 14px; } .navbar.navbar-area.white .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar.navbar-area .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .mobile-logo { display: none; } @media only screen and (max-width: 991px) { .mobile-logo { display: block; } .desktop-logo { display: none !important; } } .navbar-area { padding: 0; } .navbar-area.nav-absolute { position: absolute; left: 0; width: 100%; top: 0px; z-index: 1; } .navbar-area.nav-style-01 { height: 120px; z-index: 1; } .navbar-area.nav-style-01 .responsive-mobile-menu { z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; } .navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu .bar1, .navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu .bar2, .navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu .bar3 { width: 30px; height: 1px; background-color: #626262; margin: 6px 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: block; } .navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu.change .bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 6px); -ms-transform: rotate(-45deg) translate(-4px, 6px); transform: rotate(-45deg) translate(-4px, 6px); } .navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu.change .bar2 { opacity: 0; } .navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu.change .bar3 { -webkit-transform: rotate(45deg) translate(-5px, -8px); -ms-transform: rotate(45deg) translate(-5px, -8px); transform: rotate(45deg) translate(-5px, -8px); } .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; list-style: none; position: absolute; right: 2%; visibility: hidden; top: 41px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler li { padding: 0px 20px; font-size: 18px; } .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler li:hover { color: #000; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler .user-account .user-close { display: none; } .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler .user-account.change .user-close { display: block; } .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler .user-account.change .user-icon { display: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler .mobile-search .search-close { display: none; } .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler .mobile-search.change .search-close { display: block; } .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler .mobile-search.change .search-icon { display: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .navbar-area.nav-style-01 .nav-container { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .navbar-area.nav-style-01 .nav-container .nav-right-content ul li { color: var(--main-color-one); cursor: pointer; } .navbar-area.nav-style-01 .nav-container .nav-right-content ul li a { color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .nav-right-content ul li:hover { color: #000; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav { text-align: center; z-index: 2; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li { margin-left: 40px; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a { color: var(--hover-color); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before { color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a { color: var(--hover-color); } .navbar-area .nav-container { -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 0 0px; min-width: 1640px; } .navbar-area .nav-container .nav-right-content ul { margin: 0; padding: 0; list-style: none; margin-left: 15px; } .navbar-area .nav-container .nav-right-content ul li { display: inline-block; margin-left: 35px; color: #6a7795; } .navbar-area .nav-container .nav-right-content ul li:last-child { margin-right: 0; } .navbar-area .nav-container .nav-right-content ul li:nth-child(1) { margin: 0; } .navbar-area .nav-container .nav-right-content ul li:nth-child(2) { margin: 0; } .navbar-area .nav-container .nav-right-content ul li a { color: #6a7795; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .nav-right-content ul li a:hover { color: var(--main-color-one); } .navbar-area .nav-container .nav-right-content ul li.search { cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .nav-right-content ul li.search:hover { color: var(--main-color-one); } .navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed { font-weight: 600; text-transform: capitalize; border-radius: 5px; background-color: var(--main-color-one); } .navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed:hover { background-color: var(--secondary-color); } .navbar-area .nav-container .navbar-brand .site-title { font-weight: 700; font-size: 30px; font-family: var(--heading-font); line-height: 40px; color: var(--heading-color); } .navbar-area .nav-container .navbar-collapse .navbar-nav { display: block; width: 100%; text-align: right; } .navbar-area .nav-container .navbar-collapse .navbar-nav li { display: inline-block; font-size: 16px; font-weight: 400; line-height: 50px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li + li { margin-left: 20px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a { color: var(--main-color-one); } .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 > .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; list-style: none; padding: 15px 0; width: 200px; -webkit-box-shadow: 2px 7px 13px 0 rgba(0, 0, 0, 0.16); box-shadow: 2px 7px 13px 0 rgba(0, 0, 0, 0.16); background-color: #fff; z-index: 9; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu { width: 800px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu li { display: inline-block; width: 30.33%; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu li a { padding: 12px 30px 12px 30px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li { display: block; margin-left: 0; line-height: 15px; font-size: 15px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { display: block; padding: 12px 70px 12px 30px; background-color: #fff; white-space: nowrap; color: var(--paragraph-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover { color: var(--hover-color); } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover { color: var(--hover-color); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding-left: 5px; } .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:before { position: absolute; right: 30px; top: 50%; content: "\f054"; font-family: "FontAwesome"; font-weight: 600; cursor: pointer; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before:hover { color: var(--hover-color); } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu { left: 100%; top: 0px; } .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 a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover { color: var(--main-color-one); } .navbar-area .nav-container .navbar-collapse .navbar-nav li .change-version .btn-showcase { padding: 6px 18px; line-height: initial; color: #fff; } @media only screen and (max-width: 991px) { .navbar-area.nav-style-01 .nav-container { padding: 20px 0px; } .navbar-area.nav-style-01 .nav-container .nav-right-content { display: none; } .navbar-area.nav-style-01 .nav-container .mobile-toggler { visibility: visible; } .navbar-area.nav-style-01 .nav-container .navbar-collapse { width: 100%; position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 1px 10px -8px #000; box-shadow: 0 1px 10px -8px #000; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav { text-align: left; width: 300px; margin-top: 9px; margin-left: 30px; padding: 15px 0; background-color: #fff; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a { color: var(--hover-color); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before { color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children { z-index: initial; padding: 5px 0px; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu li { display: block; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu li a { padding: 8px 30px 8px 0px; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { background-color: transparent; color: var(--paragraph-color); padding: 8px 0px 8px 0px; font-size: 15px; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover { color: var(--hover-color); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children::before { content: none; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before { color: #656565; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: #474747; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before { color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a { color: var(--hover-color); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li .change-version .btn-showcase { margin: 10px 0; } .navbar-area .nav-container { position: relative; z-index: 0; min-height: 80px; } .navbar-area .nav-container .navbar-brand { display: block; } .navbar-area .nav-container .navbar-brand .navbar-toggler { position: absolute; right: 10px; } .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; } .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child { border-bottom: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li + li { margin-left: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before { top: 25px; right: 20px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover { padding-bottom: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu { visibility: visible; height: auto; opacity: 1; background-color: transparent; border-bottom: none; margin-left: 1.5rem; } .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: 0; visibility: hidden; opacity: 0; height: 0; overflow: hidden; max-height: 250px; overflow-y: scroll; -webkit-transition: height 500ms; -moz-transition: height 500ms; -o-transition: height 500ms; transition: height 500ms; } .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; } } @media only screen and (max-width: 575px) { .navbar-area .nav-container { margin: 0 15px; } } @media only screen and (max-width: 1650px) { .navbar-area.nav-style-01 .nav-container { min-width: 100%; padding: 0 40px; } } @media only screen and (max-width: 1430px) { .navbar-area.nav-style-01 .nav-container { min-width: 100%; padding: 0 40px; } } .info-bar-area.style-three .info-bar-inner { padding: 10px 0 18px 0; } .info-bar-area.style-three .info-bar-inner .social-icon { margin-top: 15px; } .info-bar-area.style-two .info-bar-inner { padding: 0; } .info-bar-area .social-icon .title { font-size: 16px; line-height: 26px; font-weight: 700; margin-bottom: 0; color: var(--heading-color); } .info-bar-inner { padding: 32px 0 35px 0; } .info-bar-inner div { display: inline-block; } .info-bar-inner .logo-wrapper .logo { margin-top: 5px; display: block; } .info-bar-inner .logo-wrapper .site-title { font-size: 35px; font-weight: 700; margin-top: 10px; } .info-bar-inner .right-content { display: inline-block; float: right; } .info-bar-inner .right-content .request-quote { margin-left: 40px; } .info-bar-inner .right-content .request-quote .rq-btn { padding: 15px 25px; background-color: var(--main-color-one); border-radius: 30px; color: #fff; font-weight: 600; text-transform: capitalize; display: block; position: relative; top: -5px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .info-bar-inner .right-content .request-quote .rq-btn.blank { background-color: #f1f1f1; border-radius: 0; top: 0; padding: 15px 40px; color: var(--heading-color); } .info-bar-inner .right-content .request-quote .rq-btn.blank i { color: var(--main-color-one); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .info-bar-inner .right-content .request-quote .rq-btn.blank:hover { background-color: var(--main-color-one); color: #fff; } .info-bar-inner .right-content .request-quote .rq-btn.blank:hover i { color: #fff; } .info-bar-inner .right-content .request-quote .rq-btn:hover { background-color: var(--secondary-color); } .info-items { display: inline-block; margin: 0; padding: 0; list-style: none; } .info-items li { display: inline-block; margin: 0 30px; } .info-items li:hover .single-info-item .content .title { color: var(--main-color-one); } .info-items li:first-child { margin-left: 0; } .info-items li:last-child { margin-right: 0; } .info-items li .single-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .info-items li .single-info-item .icon { margin-right: 20px; font-size: 40px; line-height: 40px; color: var(--main-color-one); } .info-items li .single-info-item .content .title { font-size: 16px; line-height: 26px; font-weight: 700; margin-bottom: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .info-items li .single-info-item .content .details { font-size: 14px; line-height: 24px; } .info-items-two { display: inline-block; margin: 0; padding: 0; list-style: none; margin-top: 10px; } .info-items-two li { display: inline-block; margin: 0 30px; } .info-items-two li:hover .single-info-item .content .title { color: var(--main-color-one); } .info-items-two li:first-child { margin-left: 0; } .info-items-two li:last-child { margin-right: 0; } .info-items-two li .single-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .info-items-two li .single-info-item .icon { margin-right: 15px; font-size: 30px; line-height: 30px; color: var(--main-color-one); } .info-items-two li .single-info-item .content { margin-top: 3px; } .info-items-two li .single-info-item .content .title { font-size: 16px; line-height: 26px; font-weight: 700; margin-bottom: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .info-items-two li .single-info-item .content .details { margin-left: 5px; font-size: 14px; line-height: 24px; font-weight: 500; color: var(--paragraph-color); } .header-style-04 { position: relative; z-index: 0; } .header-style-04 .navbar-area { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .header-style-04 .navbar-area .nav-container { background-color: transparent; } .header-area-wrapper { position: relative; z-index: 0; } .header-area { padding: 123px 0 370px; position: relative; z-index: 0; overflow: hidden; } .header-area.style-04 { text-align: center; padding: 253px 0 170px; } .header-area.style-03 { padding: 180px 0 150px; } .header-area.style-03.header-bg { background-color: #000; background-position: center; background-size: cover; position: relative; z-index: 0; } .header-area.style-03.header-bg:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(2, 6, 24, 0.5); content: ""; z-index: -1; } .header-area.style-02:after { display: none; } .header-area.style-02 .title { color: var(--heading-color); } .header-area.header-bg { background-color: #000; background-position: center; background-size: cover; position: relative; z-index: 0; } .header-area.header-bg:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(2, 6, 24, 0.4); content: ""; z-index: -1; } .header-area .title { font-size: 60px; line-height: 70px; color: #fff; font-weight: 700; margin-bottom: 25px; } .header-area p { font-size: 18px; line-height: 28px; color: rgba(255, 255, 255, 0.8); } .header-top-style-03 { position: relative; min-height: 50px; } .header-top-style-03 .navbar-area { position: absolute; background-color: transparent; left: 0; top: 0; width: 100%; z-index: 2; } .header-top-style-03 .navbar-area .nav-container { background-color: var(--secondary-color); padding: 0 0px 0 30px; } .header-top-style-03 .navbar-area .nav-container .nav-right-content { margin-left: 40px; } .header-top-style-03 .navbar-area .nav-container .nav-right-content .get-quote { background-color: #061043; display: inline-block; padding: 0 30px 0 40px; font-weight: 600; color: #fff; position: relative; z-index: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .header-top-style-03 .navbar-area .nav-container .nav-right-content .get-quote:hover { background-color: var(--main-color-one); } .header-top-style-03 .navbar-area .nav-container .nav-right-content .get-quote:hover:before { background-color: #fff; } .header-top-style-03 .navbar-area .nav-container .nav-right-content .get-quote:hover:after { color: var(--main-color-one); } .header-top-style-03 .navbar-area .nav-container .nav-right-content .get-quote:before { position: absolute; left: -13px; top: 50%; width: 30px; height: 30px; border-radius: 50%; background-color: var(--main-color-one); display: inline-block; content: ""; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .header-top-style-03 .navbar-area .nav-container .nav-right-content .get-quote:after { position: absolute; left: 0; top: 0; content: "\f105"; font-family: "fontawesome"; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navigation-menu { content: ""; position: fixed; top: 0; right: 0; width: 30%; background: var(--bg-color); height: 100%; -webkit-transform: skewX(0deg) translate(100%, 0); -ms-transform: skewX(0deg) translate(100%, 0); transform: skewX(0deg) translate(100%, 0); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; z-index: 1; } .navigation-menu ul { -webkit-transform: skewX(-8deg); -ms-transform: skewX(-8deg); transform: skewX(-8deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; position: fixed; right: 120px; top: 120px; width: 400px; text-align: right; } .navigation-menu ul li { position: relative; z-index: 999; font-size: 32px; line-height: 64px; list-style: none; font-family: var(--body-font); font-weight: 600; color: var(--paragraph-color); cursor: pointer; } .navigation-menu ul li a { border: none; color: var(--paragraph-color); text-decoration: none; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .navigation-menu ul li a:hover { color: var(--hover-color); padding-right: 10px; } .navigation-menu.active { -webkit-transform: skewX(8deg) translate(0, 0); -ms-transform: skewX(8deg) translate(0, 0); transform: skewX(8deg) translate(0, 0); } .navigation-menu li { opacity: 0; -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transition: all 0s ease-in 0.3s; -o-transition: all 0s ease-in 0.3s; transition: all 0s ease-in 0.3s; } .navigation-menu.active li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; } .navigation-menu.active li:nth-child(1) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .navigation-menu.active li:nth-child(2) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .navigation-menu.active li:nth-child(3) { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .navigation-menu.active li:nth-child(4) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .navigation-menu.active li:nth-child(5) { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .navigation-menu.active li:nth-child(6) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .click-singin-box { position: absolute; top: 80px; left: -100%; z-index: 5; width: 100%; height: 100vh; padding: 20px; background: #EFEFEF; height: 0; visibility: hidden; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .click-singin-box.show { visibility: visible; opacity: 1; height: auto; left: 0%; } .click-singin-box .login-form { padding: 20px; margin-bottom: 25px; background-color: #fff; } .click-singin-box .login-form .form-group .form-control { color: var(--main-color-one); } .click-singin-box .login-form .form-group input::-webkit-input-placeholder { color: --main-color-one; } .click-singin-box .login-form .form-group input:-moz-placeholder { color: --main-color-one; } .click-singin-box .login-form .form-group input::-moz-placeholder { color: --main-color-one; } .click-singin-box .login-form .form-group input:-ms-input-placeholder { color: --main-color-one; } .text .title, .text .subtitle { font-family: var(--body-font); font-size: 70px; color: var(--secondary-color); letter-spacing: 0; line-height: 80px; font-weight: 600; } .showcase .showcase-slider-content { position: relative; } .showcase .showcase-slider-content .social-link { top: 40%; right: calc(6% + 8px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 0; } .showcase .showcase-slider-content .social-link ul { padding: initial; list-style: none; } .showcase .showcase-slider-content .social-link ul li a { height: 35px; width: 35px; display: inline-block; text-align: center; line-height: 35px; border-radius: 50%; list-style-type: none; color: #707070; } .showcase .showcase-slider-content .social-link ul li a:hover { color: var(--bg-color-two); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: var(--hover-color); } .showcase .showcase-slider-content .side-img { position: absolute; top: 0; left: 0; width: 160px; height: 80%; background-size: cover; } .showcase .showcase-slider-content .side-img.animated { -webkit-animation: slideInLeft 1s 0s both; animation: slideInLeft 1s 0s both; } .showcase .showcase-slider-content .slider-content { margin-left: 258px; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .slick-slide.slick-active .showcase-inner .text .title { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .slick-slide.slick-active .showcase-inner .text p { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .slick-slide.slick-active .showcase-inner .text .btn-wrapper { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .slick-slide.slick-active .showcase-inner .text .vdo-btn { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: calc(100vh - 100px); max-height: 820px; min-height: 600px; background-color: #fff; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper { width: 45%; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 81%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 130px; padding-right: 30px; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper .title { margin-bottom: 35px; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper p { margin-bottom: 35px; position: relative; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper p::before { content: ""; width: 70px; height: 1px; background-color: var(--hover-color); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; left: -95px; top: 12px; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper .vdo-btn { margin-top: 35px; cursor: pointer; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper .vdo-btn i { font-size: 12px; border: 1px solid #b2b2b2; color: 606060; border-radius: 50%; width: 34px; height: 34px; text-align: center; line-height: 34px; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper .vdo-btn span { font-family: var(--body-font); font-weight: 400; font-size: 14px; color: var(--main-color-one); letter-spacing: 0; margin-left: 10px; line-height: 30px; margin-bottom: 60px; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper .vdo-btn:hover { color: #000; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper .header-bottom-text { position: absolute; bottom: 0; background: #fff; width: 83%; height: 140px; z-index: 1; padding-top: 55px; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper .header-bottom-text p { position: absolute; left: 60%; } .showcase .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .showcase-img { width: 55%; height: 100%; position: absolute; right: 0; top: 0; background-position: center; background-size: cover; } .showcase .banner-slider-controls { position: relative; } .showcase .banner-slider-controls .slider-nav .slick-prev { left: calc(10% + 5px); position: absolute; top: -81px; cursor: pointer; } .showcase .banner-slider-controls .slider-nav .slick-prev img:hover { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase .banner-slider-controls .slider-nav .slick-next { left: calc(14% + 50px); position: absolute; top: -81px; cursor: pointer; } .showcase .banner-slider-controls .slider-nav .slick-next img:hover { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase .banner-slider-controls .controller-wrapper { width: 200px; margin: auto; position: absolute; top: -70px; left: 40%; } .showcase .banner-slider-controls .controller-wrapper .frist { color: #ccc; position: absolute; top: -10px; left: -60px; } .showcase .banner-slider-controls .controller-wrapper .active-controller { color: var(--hover-color); position: absolute; top: -17px; left: -35px; font-size: 25px; font-weight: 600; } .showcase .banner-slider-controls .controller-wrapper .total-controller { color: #ccc; position: absolute; top: -10px; right: 50px; } .showcase .banner-slider-controls .controller-wrapper .home-slider-progressbar { position: relative; z-index: 0; width: 120px; } .showcase .banner-slider-controls .controller-wrapper .home-slider-progressbar .home-slider-progress { width: 120px; height: 2px; background-color: #ccc; position: absolute; } .showcase .banner-slider-controls .controller-wrapper .home-slider-progressbar .home-slider-progress-active { position: absolute; left: 0; width: 40px; height: 2px; background-color: var(--hover-color); } .showcase-two { position: relative; } .showcase-two .showcase-slider-content { position: relative; } .showcase-two .showcase-slider-content .social-link { top: 40%; left: 7%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 0; } .showcase-two .showcase-slider-content .social-link ul { padding: initial; list-style: none; } .showcase-two .showcase-slider-content .social-link ul li a { height: 35px; width: 35px; display: inline-block; text-align: center; line-height: 35px; border-radius: 50%; list-style-type: none; color: #707070; } .showcase-two .showcase-slider-content .social-link ul li a:hover { color: var(--bg-color-two); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: var(--hover-color); } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .slick-slide.slick-active .showcase-inner .text .title { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .slick-slide.slick-active .showcase-inner .text p { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .slick-slide.slick-active .showcase-inner .text .btn-wrapper { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .slick-slide.slick-active .showcase-inner .text .vdo-btn { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: calc(100vh - 100px); max-height: 820px; min-height: 600px; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .inner-content-wrapper { width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 19%; padding-right: 30px; height: 82%; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .inner-content-wrapper .title { margin-bottom: 35px; font-weight: 700; font-size: 65px; line-height: 70px; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .inner-content-wrapper .subtitle { font-family: var(--body-font); font-weight: 400; font-size: 14px; color: var(--main-color-one); letter-spacing: 0; line-height: 25px; margin-left: 70px; margin-bottom: 25px; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .inner-content-wrapper .subtitle::before { content: ""; width: 50px; height: 1px; background-color: var(--hover-color); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -70px; margin-top: 10px; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .inner-content-wrapper p { margin-bottom: 35px; max-width: 330px; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .inner-content-wrapper .btn-wrapper .btn-showcase { color: var(--main-color-one); background: transparent; margin-left: 70px; margin-bottom: 35px; border: 1px solid var(--main-color-one); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .inner-content-wrapper .btn-wrapper .btn-showcase:hover { border: none; color: var(--hover-color); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .showcase-img { width: 63%; height: 83%; position: relative; background-position: center; background-size: cover; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .showcase-img .project-content { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .showcase-img .project-content .project-text { position: absolute; bottom: 0; left: 0; background: rgba(67, 67, 67, 0.3); padding: 10px 45px 10px 45px; color: #fff; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .showcase-img .project-content .project-text .title { display: block; padding-bottom: 10px; font-size: 20px; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .showcase-img .project-content .project-text .title span { margin-right: 15px; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .showcase-img .project-content .project-text .subtitle { margin-left: 37px; position: relative; } .showcase-two .showcase-slider-content .slider-content .showcase-slider-section-two .showcase-inner .showcase-img .project-content .project-text .subtitle::before { content: ""; width: 30px; height: 2px; background-color: #fff; position: absolute; top: 11px; right: 75px; } .showcase-two .header-bottom-text { position: absolute; bottom: 0; width: 100%; height: 140px; z-index: 0; padding-top: 55px; } .showcase-two .header-bottom-text .vdo-btn { position: absolute; cursor: pointer; bottom: 60px; left: 8%; } .showcase-two .header-bottom-text .vdo-btn i { font-size: 12px; border: 1px solid #b2b2b2; color: 606060; border-radius: 50%; width: 34px; height: 34px; text-align: center; line-height: 34px; } .showcase-two .header-bottom-text .vdo-btn span { font-family: var(--body-font); font-weight: 400; font-size: 14px; color: var(--main-color-one); letter-spacing: 0; margin-left: 10px; line-height: 30px; margin-bottom: 60px; } .showcase-two .header-bottom-text .vdo-btn:hover { color: #000; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-two .header-bottom-text p { position: absolute; left: 60%; } .showcase-two .header-bottom-text .banner-slider-controls { position: relative; } .showcase-two .header-bottom-text .banner-slider-controls .slider-nav { position: absolute; right: 10%; top: -5px; } .showcase-two .header-bottom-text .banner-slider-controls .slider-nav .slick-prev { cursor: pointer; margin-right: 90px; } .showcase-two .header-bottom-text .banner-slider-controls .slider-nav .slick-prev i { color: #707070; font-size: 16px; } .showcase-two .header-bottom-text .banner-slider-controls .slider-nav .slick-prev i:hover { color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-two .header-bottom-text .banner-slider-controls .slider-nav .slick-next { cursor: pointer; } .showcase-two .header-bottom-text .banner-slider-controls .slider-nav .slick-next i { color: #707070; font-size: 16px; } .showcase-two .header-bottom-text .banner-slider-controls .slider-nav .slick-next i:hover { color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-two .header-bottom-text .banner-slider-controls .controller-wrapper { width: 200px; margin: auto; position: absolute; left: 49%; top: 7px; } .showcase-two .header-bottom-text .banner-slider-controls .controller-wrapper .active-controller { color: var(--hover-color); position: absolute; top: -17px; left: -35px; font-size: 25px; font-weight: 600; } .showcase-two .header-bottom-text .banner-slider-controls .controller-wrapper .total-controller { color: #ccc; position: absolute; top: -10px; right: 50px; } .showcase-two .header-bottom-text .banner-slider-controls .controller-wrapper .home-slider-progressbar { position: relative; z-index: 0; width: 120px; } .showcase-two .header-bottom-text .banner-slider-controls .controller-wrapper .home-slider-progressbar .home-slider-progress { width: 120px; height: 2px; background-color: #ccc; position: absolute; } .showcase-two .header-bottom-text .banner-slider-controls .controller-wrapper .home-slider-progressbar .home-slider-progress-active { position: absolute; left: 0; width: 40px; height: 2px; background-color: var(--hover-color); } .showcase-three .showcase-slider-content { position: relative; } .showcase-three .showcase-slider-content .showcase-bottom-content { background: #fff; position: absolute; bottom: 0; right: 0; width: 50%; height: 140px; } .showcase-three .showcase-slider-content .showcase-bottom-content .showcase-social { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 45%; right: 30%; } .showcase-three .showcase-slider-content .showcase-bottom-content .showcase-social .social-link ul { padding: initial; list-style: none; margin: 0; padding: 0; } .showcase-three .showcase-slider-content .showcase-bottom-content .showcase-social .social-link ul li { display: inline-block; margin-left: 8px; } .showcase-three .showcase-slider-content .showcase-bottom-content .showcase-social .social-link ul li a { height: 25px; width: 25px; display: inline-block; text-align: center; line-height: 25px; border: 1px solid #ccc; border-radius: 50%; list-style-type: none; color: #535353; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-three .showcase-slider-content .showcase-bottom-content .showcase-social .social-link ul li a:hover { color: var(--bg-color-two); background: var(--hover-color); } .showcase-three .showcase-slider-content .showcase-bottom-content .side-popup-vdo { position: absolute; bottom: 0; right: 0; max-width: 180px; height: 140px; } .showcase-three .showcase-slider-content .showcase-bottom-content .side-popup-vdo .popup-img { position: relative; height: 100%; } .showcase-three .showcase-slider-content .showcase-bottom-content .side-popup-vdo .popup-img img { width: 100%; height: 100%; } .showcase-three .showcase-slider-content .showcase-bottom-content .side-popup-vdo .popup-img::before { position: absolute; content: ""; height: 100%; width: 100%; background: #2e2e2e; top: 0; left: 0; opacity: 0.26; } .showcase-three .showcase-slider-content .showcase-bottom-content .side-popup-vdo .popup-img .vdo-btn { position: absolute; left: 50%; top: 50%; z-index: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .showcase-three .showcase-slider-content .showcase-bottom-content .side-popup-vdo .popup-img .vdo-btn i { font-size: 16px; border: 1px solid #b2b2b2; border-radius: 50%; width: 34px; height: 34px; padding-top: 8px; padding-left: 11px; background-color: #fff; } .showcase-three .showcase-slider-content .showcase-bottom-content .side-popup-vdo:hover { color: #000; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-three .showcase-slider-content .side-img { position: absolute; top: 0; left: 0; width: 24%; height: 85%; background-size: cover; } .showcase-three .showcase-slider-content .side-img.animated { -webkit-animation: slideInLeft 1s 0s both; animation: slideInLeft 1s 0s both; } .showcase-three .showcase-slider-content .slider-content { margin-left: 24%; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .slick-slide.slick-active .showcase-inner .text .title { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .slick-slide.slick-active .showcase-inner .text p { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .slick-slide.slick-active .showcase-inner .text .btn-wrapper { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .slick-slide.slick-active .showcase-inner .text .vdo-btn { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: calc(100vh - 120px); max-height: 820px; min-height: 600px; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper { width: 51%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 83%; padding-left: 90px; padding-right: 30px; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper .title { margin-bottom: 35px; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper p { margin-bottom: 35px; max-width: 515px; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .inner-content-wrapper p::before { content: ""; width: 70px; height: 1px; background-color: var(--hover-color); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; left: -75px; top: 12px; } .showcase-three .showcase-slider-content .slider-content .showcase-slider-section .showcase-inner .showcase-img { width: 49%; height: 79%; position: absolute; right: 0; top: 0; background-position: center; background-size: cover; z-index: 1; } .showcase-three .banner-slider-controls { position: relative; } .showcase-three .banner-slider-controls .slider-nav .slick-prev { left: calc(20% + 15px); position: absolute; top: -81px; cursor: pointer; } .showcase-three .banner-slider-controls .slider-nav .slick-prev img:hover { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-three .banner-slider-controls .slider-nav .slick-next { left: calc(25% + 50px); position: absolute; top: -81px; cursor: pointer; } .showcase-three .banner-slider-controls .slider-nav .slick-next img:hover { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-three .banner-slider-controls .controller-wrapper { width: 200px; margin: auto; position: absolute; top: -70px; left: 58%; } .showcase-three .banner-slider-controls .controller-wrapper .frist { color: #ccc; position: absolute; top: -10px; left: -60px; } .showcase-three .banner-slider-controls .controller-wrapper .active-controller { color: var(--hover-color); position: absolute; top: -10px; left: -35px; font-weight: 600; } .showcase-three .banner-slider-controls .controller-wrapper .total-controller { color: #ccc; position: absolute; top: -17px; right: 40px; font-weight: 600; font-size: 25px; } .showcase-three .banner-slider-controls .controller-wrapper .home-slider-progressbar { position: relative; z-index: 0; width: 120px; } .showcase-three .banner-slider-controls .controller-wrapper .home-slider-progressbar .home-slider-progress { width: 120px; height: 2px; background-color: #ccc; position: absolute; } .showcase-three .banner-slider-controls .controller-wrapper .home-slider-progressbar .home-slider-progress-active { position: absolute; left: 0; width: 40px; height: 2px; background-color: var(--hover-color); } .showcase-three .scroll-next { position: absolute; left: 0%; bottom: 0%; cursor: pointer; -webkit-animation: scroll 3s ease-out infinite; animation: scroll 3s ease-out infinite; width: 180px; height: 250px; background: #fff; animation: scroll 3s ease-out infinite; } .showcase-three .scroll-next .scroll-content p { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 50%; right: 25%; } .showcase-four { background-color: #fff; position: relative; } .showcase-four .showcase-slider-content { position: relative; margin-left: 156px; } .showcase-four .showcase-slider-content .side-popup-vdo { position: absolute; top: 20%; right: 10%; max-width: 260px; height: 245px; cursor: pointer; } .showcase-four .showcase-slider-content .side-popup-vdo .popup-img { position: relative; height: 100%; } .showcase-four .showcase-slider-content .side-popup-vdo .popup-img img { width: 100%; height: 100%; } .showcase-four .showcase-slider-content .side-popup-vdo .popup-img::before { position: absolute; content: ""; height: 100%; width: 100%; background: #2e2e2e; top: 0; left: 0; opacity: 0.26; } .showcase-four .showcase-slider-content .side-popup-vdo .popup-img .vdo-btn { position: absolute; left: 50%; top: 50%; z-index: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .showcase-four .showcase-slider-content .side-popup-vdo .popup-img .vdo-btn i { font-size: 16px; border: 1px solid #b2b2b2; border-radius: 50%; width: 34px; height: 34px; padding-top: 8px; padding-left: 11px; background-color: #fff; } .showcase-four .showcase-slider-content .side-popup-vdo:hover { color: #000; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-four .showcase-slider-content .side-img, .showcase-four .showcase-slider-content .side-img-two, .showcase-four .showcase-slider-content .side-img-three { position: absolute; bottom: 110px; right: 36%; width: 200px; height: 220px; background-size: cover; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-four .showcase-slider-content .side-img.animated, .showcase-four .showcase-slider-content .side-img-two.animated, .showcase-four .showcase-slider-content .side-img-three.animated { -webkit-animation: slideInRight 1s 0s both; animation: slideInRight 1s 0s both; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-four .showcase-slider-content .side-img:hover, .showcase-four .showcase-slider-content .side-img-two:hover, .showcase-four .showcase-slider-content .side-img-three:hover { -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.16); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-four .showcase-slider-content .side-img-two { right: 23%; } .showcase-four .showcase-slider-content .side-img-three { right: 10%; } .showcase-four .showcase-slider-content .scroll-next { position: absolute; right: 3%; bottom: 8%; cursor: pointer; -webkit-animation: scroll 3s ease-out infinite; animation: scroll 3s ease-out infinite; } .showcase-four .showcase-slider-content .scroll-next .scroll-content p { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .showcase-four .showcase-slider-content .scroll-next .scroll-content p i { margin-right: 10px; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .slick-slide.slick-active .showcase-inner .text .title { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .slick-slide.slick-active .showcase-inner .text .subtitle { -webkit-animation: fadeInRight 2s 0s both; animation: fadeInRight 2s 0s both; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .slick-slide.slick-active .showcase-inner .text p { -webkit-animation: slideInRight 2s 0s both; animation: slideInRight 2s 0s both; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .slick-slide.slick-active .showcase-inner .text .btn-wrapper { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: calc(100vh - 120px); max-height: 820px; min-height: 600px; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .inner-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 41%; padding-left: 60px; padding-right: 15px; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .inner-content-wrapper .text { background: #fff; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .inner-content-wrapper .text p { margin-bottom: 40px; max-width: 320px; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .inner-content-wrapper .text .btn-wrapper { margin-bottom: 10px; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img { width: 33%; height: 100%; background-position: center; background-size: cover; } .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img .showcase-inner-text { background-color: #fcfcfc; display: inline-block; padding: 20px 20px; font-size: 14px; position: absolute; bottom: 0; } .showcase-four .social-link { top: 40%; left: 110px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 0; } .showcase-four .social-link ul { padding: initial; list-style: none; } .showcase-four .social-link ul li a { height: 35px; width: 35px; display: inline-block; text-align: center; line-height: 35px; border-radius: 50%; list-style-type: none; color: var(--secondary-color); } .showcase-four .social-link ul li a:hover { color: var(--bg-color-two); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: var(--hover-color); } .showcase-four .banner-slider-controls-four .slider-nav { position: absolute; right: 43%; bottom: 68px; cursor: pointer; } .showcase-four .banner-slider-controls-four .slider-nav .slick-prev { position: absolute; left: -30px; } .showcase-four .banner-slider-controls-four .slider-nav .slick-prev i { color: #707070; font-size: 16px; padding: 10px 15px 10px 12px; border-radius: 50%; border: 0.5px solid var(--hover-color); color: var(--hover-color); } .showcase-four .banner-slider-controls-four .slider-nav .slick-next { position: absolute; left: 30px; cursor: pointer; } .showcase-four .banner-slider-controls-four .slider-nav .slick-next i { color: #707070; font-size: 16px; padding: 10px 11px 10px 15px; border-radius: 50%; border: 0.5px solid var(--hover-color); color: var(--hover-color); } .showcase-four .banner-slider-controls-four .controller-wrapper { width: 200px; margin: auto; position: absolute; bottom: 50px; right: calc(6% + 9px); top: auto; left: auto; } .showcase-four .banner-slider-controls-four .controller-wrapper .active-controller { color: var(--hover-color); position: absolute; top: -17px; left: -35px; font-size: 25px; font-weight: 600; } .showcase-four .banner-slider-controls-four .controller-wrapper .total-controller { color: #ccc; position: absolute; top: -10px; right: 50px; } .showcase-four .banner-slider-controls-four .controller-wrapper .home-slider-progressbar { position: relative; z-index: 0; width: 120px; } .showcase-four .banner-slider-controls-four .controller-wrapper .home-slider-progressbar .home-slider-progress { width: 120px; height: 2px; background-color: #ccc; position: absolute; } .showcase-four .banner-slider-controls-four .controller-wrapper .home-slider-progressbar .home-slider-progress-active { position: absolute; left: 0; width: 40px; height: 2px; background-color: var(--hover-color); } .showcase-five { background-color: #fff; } .showcase-five .showcase-slider-content { position: relative; margin-left: 110px; } .showcase-five .showcase-slider-content .side-img { position: absolute; top: 0; right: 0; width: 28%; height: 80%; background-size: cover; } .showcase-five .showcase-slider-content .side-img.animated { -webkit-animation: fadeIn 2s 0s both; animation: fadeIn 2s 0s both; } .showcase-five .showcase-slider-content .scroll-next { position: absolute; right: 3%; bottom: 8%; cursor: pointer; -webkit-animation: scroll 3s ease-out infinite; animation: scroll 3s ease-out infinite; } .showcase-five .showcase-slider-content .scroll-next .scroll-content p { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .showcase-five .showcase-slider-content .scroll-next .scroll-content p i { margin-right: 10px; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .slick-slide.slick-active .showcase-inner .text .title { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .slick-slide.slick-active .showcase-inner .text p { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .slick-slide.slick-active .showcase-inner .text .btn-wrapper { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .slick-slide.slick-active .showcase-inner .text .vdo-btn { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: calc(100vh - 120px); max-height: 820px; min-height: 600px; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper { width: 39%; background: #fff; 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; height: 95%; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text .title { margin-bottom: 15px; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text p { margin-bottom: 35px; max-width: 415px; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text p::before { content: ""; width: 70px; height: 1px; background-color: var(--hover-color); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; left: -85px; top: 10px; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text .bottom-content-five { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 35%; background: #fff; bottom: 0; padding-top: 20px; padding-left: 10px; width: 40%; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text .bottom-content-five .social-link ul { padding: initial; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text .bottom-content-five .social-link ul li a { height: 35px; width: 35px; text-align: center; line-height: 35px; display: inline-block; border-radius: 50%; list-style-type: none; color: var(--secondary-color); } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text .bottom-content-five .social-link ul li a:hover { color: var(--bg-color-two); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: var(--hover-color); } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text .bottom-content-five .vdo-btn { cursor: pointer; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text .bottom-content-five .vdo-btn i { font-size: 12px; border: 1px solid #b2b2b2; border-radius: 50%; width: 34px; height: 34px; line-height: 34px; text-align: center; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text .bottom-content-five .vdo-btn span { font-family: var(--body-font); font-weight: 400; font-size: 14px; color: var(--main-color-one); letter-spacing: 0; margin-left: 10px; line-height: 30px; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .inner-content-wrapper .text .bottom-content-five .vdo-btn:hover { color: #000; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .showcase-img { width: 33%; height: 100%; background-position: center; background-size: cover; } .showcase-five .showcase-slider-content .slider-content .showcase-slider-section-five .showcase-inner .showcase-img .showcase-inner-text { background-color: #fff; display: inline-block; padding: 20px 20px; font-size: 14px; } .showcase-five .showcase-slider-content .slider-nav-for-tab { display: none; } .showcase-five .banner-slider-controls { position: absolute; bottom: 0px; width: 170px; height: 90px; background: #fff; } .showcase-five .banner-slider-controls .slider-nav { position: absolute; right: 65%; bottom: 54px; cursor: pointer; } .showcase-five .banner-slider-controls .slider-nav .slick-prev { position: absolute; left: -30px; } .showcase-five .banner-slider-controls .slider-nav .slick-prev i { color: #707070; font-size: 16px; padding: 10px 15px 10px 12px; border-radius: 50%; border: 0.5px solid var(--hover-color); color: var(--hover-color); } .showcase-five .banner-slider-controls .slider-nav .slick-next { position: absolute; left: 30px; cursor: pointer; } .showcase-five .banner-slider-controls .slider-nav .slick-next i { color: #707070; font-size: 16px; padding: 10px 11px 10px 15px; border-radius: 50%; border: 0.5px solid var(--hover-color); color: var(--hover-color); } .creative-team { background-color: var(--bg-color-two); } .creative-team .team-section { position: relative; z-index: 2; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .creative-team .team-section:hover .team-img .team-img-cont::after { opacity: 0.36; visibility: visible; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team .team-section:hover .team-img img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team .team-section:hover .team-text .title { color: var(--hover-color); } .creative-team .team-section:hover .team-text .title::after { width: 30px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team .team-section:hover .team-text p { padding-left: 35px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team .team-section .team-img .team-img-cont { display: inline-block; position: relative; } .creative-team .team-section .team-img .team-img-cont::before { position: absolute; bottom: -15px; right: -15px; width: 150px; height: 315px; z-index: -1; border-bottom-right-radius: 10px; content: ""; background-color: #faf8f5; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team .team-section .team-img .team-img-cont:after { position: absolute; content: ""; height: 100%; width: 100%; background: var(--hover-color); top: 0; left: 0; opacity: 0; visibility: hidden; } .creative-team .team-section .team-img .team-img-cont .author-img { overflow: hidden; } .creative-team .team-section .team-img img { z-index: 2; -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; } .creative-team .team-section .team-text .title { color: #484848; font-size: 20px; font-family: var(--body-font); font-weight: 600; padding-top: 20px; position: relative; } .creative-team .team-section .team-text .title::after { content: ""; position: absolute; left: 0; bottom: -23px; width: 20px; height: 1px; background-color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team .team-section .team-text .title:hover { color: var(--hover-color); } .creative-team .team-section .team-text p { font-size: 16px; padding-left: 25px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team .center-content { margin-top: 75px; } .creative-team-two { background-color: var(--bg-color-two); } .creative-team-two .team-section { position: relative; z-index: 2; cursor: pointer; text-align: center; } .creative-team-two .team-section:hover .team-img-cont::after { opacity: 0.36; visibility: visible; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team-two .team-section:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team-two .team-section:hover .team-text .title { color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team-two .team-section:hover .team-text P { padding-left: 40px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team-two .team-section:hover .team-text P::after { width: 30px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team-two .team-section .team-img-cont { display: inline-block; position: relative; overflow: hidden; } .creative-team-two .team-section .team-img-cont:after { position: absolute; content: ""; height: 100%; width: 100%; background: #2e2e2e; top: 0; left: 0; opacity: 0; visibility: hidden; } .creative-team-two .team-section .team-img-cont .social-link { position: absolute; background-color: #fff; top: 30%; right: 0; z-index: 1; } .creative-team-two .team-section .team-img-cont .social-link ul { padding: initial; list-style: none; margin: 0; padding: 0; } .creative-team-two .team-section .team-img-cont .social-link ul li a { height: 40px; width: 40px; text-align: center; padding-top: 2px; line-height: 35px; display: inline-block; list-style-type: none; color: #727272; } .creative-team-two .team-section .team-img-cont .social-link ul li a:hover { color: var(--bg-color-two); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: var(--hover-color); } .creative-team-two .team-section img { z-index: 2; -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; } .creative-team-two .team-section .team-text { position: absolute; bottom: 0; left: 0; background: white; padding: 0 40px; z-index: 1; } .creative-team-two .team-section .team-text .title { color: #484848; font-size: 20px; font-family: var(--body-font); font-weight: 600; padding-top: 20px; text-align-last: left; } .creative-team-two .team-section .team-text .title:hover { color: var(--hover-color); } .creative-team-two .team-section .team-text p { padding-left: 30px; position: relative; text-align-last: left; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .creative-team-two .team-section .team-text p::after { content: ""; position: absolute; left: 0; bottom: 12px; width: 20px; height: 1px; background-color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .photo-gallery { background: var(--bg-color-two); position: relative; z-index: 0; } .photo-gallery:after { position: absolute; top: 0; right: 0; width: 50%; height: 60%; z-index: -1; content: ""; background-color: #EFEFEF; } .photo-gallery .container { overflow: hidden; } .photo-gallery .photography-slider { position: relative; } .photo-gallery .photography-slider.slick-slider { margin-bottom: 100px; margin-top: 52px; } .photo-gallery .photography-slider .photography-single-slider img { width: 100%; height: 300px; } .photo-gallery .photography-slider .slick-list { overflow: visible; } .photo-gallery .photography-slider .slick-list .slick-slide { margin: 0 15px; position: relative; overflow: hidden; } .photo-gallery .photography-slider .slick-list .slick-slide.slick-center { -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; -webkit-transform: scale(1.18); -ms-transform: scale(1.18); transform: scale(1.18); } .photo-gallery .photography-slider .slick-list .slick-slide.slick-center:before { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); opacity: 0.5; -webkit-transform: translateX(0) translateY(0) scaleY(1); -ms-transform: translateX(0) translateY(0) scaleY(1); transform: translateX(0) translateY(0) scaleY(1); } .photo-gallery .photography-slider .slick-list .slick-slide.slick-center .photo-slider-hover { opacity: 1; } .photo-gallery .photography-slider .slick-list .slick-slide img { display: inline-block; } .photo-gallery .photography-slider .slick-list .slick-slide:before { background: #000; content: ""; height: 70px; left: 20px; opacity: 0; position: absolute; bottom: 20px; width: 215px; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: translateX(0%) translateY(0%) scaleY(0); -ms-transform: translateX(0%) translateY(0%) scaleY(0); transform: translateX(0%) translateY(0%) scaleY(0); } .photo-gallery .photography-slider .slick-list .slick-slide:hover:before { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); opacity: 0.5; -webkit-transform: translateX(0) translateY(0) scaleY(1); -ms-transform: translateX(0) translateY(0) scaleY(1); transform: translateX(0) translateY(0) scaleY(1); } .photo-gallery .photography-slider .photo-slider-hover { position: absolute; top: -200px; text-align: center; width: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; opacity: 0; } .photo-gallery .photography-slider .photo-slider-hover .photo-hover-content { padding-top: 30px; padding-left: 40px; text-align: left; } .photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon h4, .photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon a { color: #fff; font-family: var(--body-font); } .photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon .title { font-size: 17px; font-weight: 500; position: relative; } .photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon .title:after { position: absolute; width: 25px; height: 1px; background-color: var(--hover-color); content: ""; left: 0; bottom: -12px; } .photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon .title { margin: 0; font-size: 16px; font-weight: 600; } .photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon .cateogrey { font-size: 14px; margin-left: 30px; } .photo-gallery .photography-slider-controls { position: relative; } .photo-gallery .photography-slider-controls .slider-nav { position: absolute; right: 38%; bottom: 0px; } .photo-gallery .photography-slider-controls .slider-nav .slick-prev { margin-right: 15px; cursor: pointer; } .photo-gallery .photography-slider-controls .slider-nav .slick-prev i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .photo-gallery .photography-slider-controls .slider-nav .slick-prev i:hover { color: #fff; background-color: var(--hover-color); border: 0.5px solid var(--hover-color); } .photo-gallery .photography-slider-controls .slider-nav .slick-next { cursor: pointer; } .photo-gallery .photography-slider-controls .slider-nav .slick-next i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .photo-gallery .photography-slider-controls .slider-nav .slick-next i:hover { color: #fff; background-color: var(--hover-color); border: 0.5px solid var(--hover-color); } .photo-gallery .photography-slider-controls .slider-extra { bottom: -3px; position: absolute; left: 35%; } .photo-gallery .photography-slider-controls .slider-extra .slider-progress { display: block; position: relative; z-index: 0; width: 100px; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; height: 5px; } .photo-gallery .photography-slider-controls .slider-extra .slider-progress .progress-bg { position: absolute; left: 75px; top: -13px; width: 100px; height: 2px; background-color: #ccc; content: ""; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .photo-gallery .photography-slider-controls .slider-extra .slider-progress .progress-width { position: absolute; left: 75px; top: -13px; width: 1%; height: 2px; background-color: #515151; content: ""; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .photo-gallery .photography-slider-controls .slider-extra .text { color: #ccc; font-size: 16px; font-weight: 400; } .photo-gallery .photography-slider-controls .slider-extra .text .first { color: var(--heading-color); } .photography-slider .slick-list .slick-slide:hover .photo-slider-hover { top: 65%; opacity: 1; } .photography-slider .slick-list .slick-slide.slick-center .photo-slider-hover { top: 65%; opacity: 1; } .our-project-two { position: relative; } .our-project-two::after { position: absolute; top: 0; right: 0; width: 70%; height: 50%; z-index: -1; content: ""; background-color: #fcfcfc; } .our-project-two .project-total-content .section-details .slider-content { position: relative; height: 520px; } .our-project-two .project-total-content .section-details .slider-content .slider-inner-text { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 40px 70px 45px 70px; border-left: 15px solid var(--hover-color); background: #fff; width: 470px; position: absolute; z-index: 1; -webkit-box-shadow: 0px 4px 8px 0px #e6e6e6; box-shadow: 0px 4px 8px 0px #e6e6e6; } .our-project-two .project-total-content .section-details .slider-content .slider-inner-text span { position: relative; margin-left: 25px; margin-bottom: 15px; font-size: 14px; color: var(--hover-color); display: block; } .our-project-two .project-total-content .section-details .slider-content .slider-inner-text span::before { position: absolute; content: ""; width: 20px; height: 1px; left: -25px; top: 9px; background-color: var(--hover-color); } .our-project-two .project-total-content .section-details .slider-content .slider-inner-text .title { font-size: 24px; font-weight: 600; margin-bottom: 15px; } .our-project-two .project-total-content .section-details .slider-content .slider-inner-text p { width: 330px; } .our-project-two .project-total-content .section-details .slider-content .slider-inner-img { width: 75%; height: 100%; position: absolute; right: 0; background-size: cover; } .our-project-two .project-total-content .project-slider-controls { position: relative; } .our-project-two .project-total-content .project-slider-controls .slider-nav { left: calc(25% + 3px); position: absolute; bottom: -50px; } .our-project-two .project-total-content .project-slider-controls .slider-nav .slick-prev { margin-right: 15px; } .our-project-two .project-total-content .project-slider-controls .slider-nav .slick-prev i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; cursor: pointer; } .our-project-two .project-total-content .project-slider-controls .slider-nav .slick-prev i:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); border-color: var(--hover-color); } .our-project-two .project-total-content .project-slider-controls .slider-nav .slick-next i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; cursor: pointer; } .our-project-two .project-total-content .project-slider-controls .slider-nav .slick-next i:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); border-color: var(--hover-color); } .our-project-two .project-total-content .project-slider-controls .controller-wrapper { width: 200px; left: 3%; margin: auto; position: absolute; bottom: -35px; } .our-project-two .project-total-content .project-slider-controls .controller-wrapper .active-controller, .our-project-two .project-total-content .project-slider-controls .controller-wrapper .of { color: var(--heading-color); position: absolute; top: -10px; left: -35px; font-size: 17px; } .our-project-two .project-total-content .project-slider-controls .controller-wrapper .of { left: -11px; color: #ccc; } .our-project-two .project-total-content .project-slider-controls .controller-wrapper .total-controller { color: #ccc; position: absolute; top: -10px; left: 10px; } .our-project-two .project-total-content .project-slider-controls .controller-wrapper .home-slider-progressbar { position: relative; z-index: 0; width: 120px; } .our-project-two .project-total-content .project-slider-controls .controller-wrapper .home-slider-progressbar .home-slider-progress { width: 120px; height: 2px; background-color: #ccc; position: absolute; left: 40px; } .our-project-two .project-total-content .project-slider-controls .controller-wrapper .home-slider-progressbar .home-slider-progress-active { position: absolute; left: 40px; width: 40px; height: 2px; background-color: #232323; } .photo-gallery-three { background: var(--bg-color-two); position: relative; z-index: 0; } .photo-gallery-three .photo-history-content { position: relative; overflow: hidden; } .photo-gallery-three .photo-history-content .photography-slider-three { position: relative; } .photo-gallery-three .photo-history-content .photography-slider-three.slick-slider { margin-bottom: 35px; margin-top: 52px; } .photo-gallery-three .photo-history-content .photography-slider-three .photography-single-slider { width: 100%; height: 390px; } .photo-gallery-three .photo-history-content .photography-slider-three .photography-single-slider img { width: 100%; height: 100%; } .photo-gallery-three .photo-history-content .photography-slider-three .slick-list { overflow: visible; } .photo-gallery-three .photo-history-content .photography-slider-three .slick-list .slick-slide { margin: 0 40px; position: relative; overflow: hidden; } .photo-gallery-three .photo-history-content .photography-slider-three .slick-list .slick-slide.slick-center { -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; -webkit-transform: scale(1.18); -ms-transform: scale(1.18); transform: scale(1.18); } .photo-gallery-three .photo-history-content .photography-slider-three .slick-list .slick-slide.slick-center:before { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); opacity: 0.5; -webkit-transform: translateX(0) translateY(0) scaleY(1); -ms-transform: translateX(0) translateY(0) scaleY(1); transform: translateX(0) translateY(0) scaleY(1); } .photo-gallery-three .photo-history-content .photography-slider-three .slick-list .slick-slide.slick-center .photo-slider-hover { opacity: 1; } .photo-gallery-three .photo-history-content .photography-slider-three .slick-list .slick-slide img { display: inline-block; } .photo-gallery-three .photo-history-content .photography-slider-three .slick-list .slick-slide:before { background: #000; content: ""; height: 70px; left: 0; opacity: 0; position: absolute; bottom: 0; width: 215px; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: translateX(0%) translateY(0%) scaleY(0); -ms-transform: translateX(0%) translateY(0%) scaleY(0); transform: translateX(0%) translateY(0%) scaleY(0); } .photo-gallery-three .photo-history-content .photography-slider-three .slick-list .slick-slide:hover:before { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); opacity: 0.5; -webkit-transform: translateX(0) translateY(0) scaleY(1); -ms-transform: translateX(0) translateY(0) scaleY(1); transform: translateX(0) translateY(0) scaleY(1); } .photo-gallery-three .photo-history-content .photography-slider-three .slick-list .slick-slide:hover .photo-slider-hover { opacity: 1; } .photo-gallery-three .photo-history-content .photography-slider-three .photo-slider-hover { left: 0; position: absolute; bottom: 0; text-align: center; width: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; opacity: 0; } .photo-gallery-three .photo-history-content .photography-slider-three .photo-slider-hover .photo-hover-content { padding-top: 25px; padding-left: 40px; } .photo-gallery-three .photo-history-content .photography-slider-three .photo-slider-hover .photo-hover-content .photo-icon { position: absolute; left: 30px; bottom: 10px; text-align: left; } .photo-gallery-three .photo-history-content .photography-slider-three .photo-slider-hover .photo-hover-content .photo-icon h4, .photo-gallery-three .photo-history-content .photography-slider-three .photo-slider-hover .photo-hover-content .photo-icon a { color: #fff; font-family: var(--body-font); } .photo-gallery-three .photo-history-content .photography-slider-three .photo-slider-hover .photo-hover-content .photo-icon .title { font-size: 17px; font-weight: 500; } .photo-gallery-three .photo-history-content .photography-slider-three .photo-slider-hover .photo-hover-content .photo-icon .title:after { position: absolute; width: 25px; height: 1px; background-color: #fff; content: ""; left: 0; bottom: 10px; } .photo-gallery-three .photo-history-content .photography-slider-three .photo-slider-hover .photo-hover-content .photo-icon .title { margin: 0; font-size: 16px; font-weight: 600; } .photo-gallery-three .photo-history-content .photography-slider-three .photo-slider-hover .photo-hover-content .photo-icon .cateogrey { font-size: 14px; margin-left: 35px; } .photo-gallery-three .photography-slider-controls .slider-nav .slick-prev { top: 55.5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 5%; } .photo-gallery-three .photography-slider-controls .slider-nav .slick-prev i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; } .photo-gallery-three .photography-slider-controls .slider-nav .slick-prev i:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); border-color: var(--hover-color); } .photo-gallery-three .photography-slider-controls .slider-nav .slick-next { position: absolute; right: 5%; top: 55.5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .photo-gallery-three .photography-slider-controls .slider-nav .slick-next i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; } .photo-gallery-three .photography-slider-controls .slider-nav .slick-next i:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); border-color: var(--hover-color); } .photo-gallery-three .photography-slider-controls .slider-dots .slick-dots { position: absolute; width: auto; height: auto; left: 50%; bottom: 40px; list-style: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .photo-gallery-three .photography-slider-controls .slider-dots .slick-dots li { display: inline-block; margin-bottom: 20px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .photo-gallery-three .photography-slider-controls .slider-dots .slick-dots li:before { content: "\2022"; display: block; width: 40px; height: 40px; color: #c1c1c1; text-align: center; line-height: 20px; font-size: 50px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .photo-gallery-three .photography-slider-controls .slider-dots .slick-dots li:last-child { margin: 0; } .photo-gallery-three .photography-slider-controls .slider-dots .slick-dots li.slick-active:before { color: var(--main-color-one); } .photo-gallery-three .photography-slider-controls .slider-dots .slick-dots li button { display: none; } .photography-slider .slick-list .slick-slide:hover .photo-slider-hover { top: 65%; opacity: 1; } .photography-slider .slick-list .slick-slide.slick-center .photo-slider-hover { top: 65%; opacity: 1; } .photo-gallery-four { background: var(--bg-color-two); position: relative; z-index: 0; } .photo-gallery-four:after { position: absolute; left: 0; bottom: 0; width: 50%; height: 50%; z-index: -1; content: ""; background-color: #EFEFEF; } .photo-gallery-four .nav-container { overflow: hidden; margin: 0 auto; } .photo-gallery-four .nav-container .photography-slider-four { position: relative; } .photo-gallery-four .nav-container .photography-slider-four.slick-slider { margin-bottom: 95px; margin-top: 35px; } .photo-gallery-four .nav-container .photography-slider-four .photography-single-slider img { width: 100%; height: 390px; } .photo-gallery-four .nav-container .photography-slider-four .slick-list { overflow: visible; } .photo-gallery-four .nav-container .photography-slider-four .slick-list .slick-slide { margin: 0 40px; position: relative; overflow: hidden; } .photo-gallery-four .nav-container .photography-slider-four .slick-list .slick-slide.slick-center { -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; -webkit-transform: scale(1.18); -ms-transform: scale(1.18); transform: scale(1.18); z-index: 1; } .photo-gallery-four .nav-container .photography-slider-four .slick-list .slick-slide.slick-center:before { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); opacity: 0.5; -webkit-transform: translateX(0) translateY(0) scaleY(1); -ms-transform: translateX(0) translateY(0) scaleY(1); transform: translateX(0) translateY(0) scaleY(1); } .photo-gallery-four .nav-container .photography-slider-four .slick-list .slick-slide.slick-center .photo-slider-hover { opacity: 1; } .photo-gallery-four .nav-container .photography-slider-four .slick-list .slick-slide img { display: inline-block; } .photo-gallery-four .nav-container .photography-slider-four .slick-list .slick-slide:before { background: #000; content: ""; height: 70px; left: 0; opacity: 0; position: absolute; bottom: 0; width: 215px; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: translateX(0%) translateY(0%) scaleY(0); -ms-transform: translateX(0%) translateY(0%) scaleY(0); transform: translateX(0%) translateY(0%) scaleY(0); } .photo-gallery-four .nav-container .photography-slider-four .slick-list .slick-slide:hover:before { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); opacity: 0.5; -webkit-transform: translateX(0) translateY(0) scaleY(1); -ms-transform: translateX(0) translateY(0) scaleY(1); transform: translateX(0) translateY(0) scaleY(1); } .photo-gallery-four .nav-container .photography-slider-four .slick-list .slick-slide:hover .photo-slider-hover { opacity: 1; } .photo-gallery-four .nav-container .photography-slider-four .photo-slider-hover { left: 0; position: absolute; bottom: 0; text-align: center; width: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; opacity: 0; } .photo-gallery-four .nav-container .photography-slider-four .photo-slider-hover .photo-hover-content { padding-top: 25px; padding-left: 40px; } .photo-gallery-four .nav-container .photography-slider-four .photo-slider-hover .photo-hover-content .photo-icon { position: absolute; left: 30px; bottom: 10px; } .photo-gallery-four .nav-container .photography-slider-four .photo-slider-hover .photo-hover-content .photo-icon h4, .photo-gallery-four .nav-container .photography-slider-four .photo-slider-hover .photo-hover-content .photo-icon a { color: #fff; font-family: var(--body-font); } .photo-gallery-four .nav-container .photography-slider-four .photo-slider-hover .photo-hover-content .photo-icon .title { font-size: 17px; font-weight: 500; } .photo-gallery-four .nav-container .photography-slider-four .photo-slider-hover .photo-hover-content .photo-icon .title:after { position: absolute; width: 25px; height: 1px; background-color: #fff; content: ""; left: 0; bottom: 10px; } .photo-gallery-four .nav-container .photography-slider-four .photo-slider-hover .photo-hover-content .photo-icon .title { margin: 0; font-size: 16px; font-weight: 600; } .photo-gallery-four .nav-container .photography-slider-four .photo-slider-hover .photo-hover-content .photo-icon .cateogrey { font-size: 14px; } .photo-gallery-four .nav-container .photography-slider-controls-four { position: relative; } .photo-gallery-four .nav-container .photography-slider-controls-four .slider-nav { position: absolute; right: 52%; bottom: 0; } .photo-gallery-four .nav-container .photography-slider-controls-four .slider-nav .slick-prev { margin-right: 15px; } .photo-gallery-four .nav-container .photography-slider-controls-four .slider-nav .slick-prev i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .photo-gallery-four .nav-container .photography-slider-controls-four .slider-nav .slick-prev i:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); border-color: var(--hover-color); } .photo-gallery-four .nav-container .photography-slider-controls-four .slider-nav .slick-next i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .photo-gallery-four .nav-container .photography-slider-controls-four .slider-nav .slick-next i:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); border-color: var(--hover-color); } .photo-gallery-four .nav-container .photography-slider-controls-four .controller-wrapper { width: 200px; margin: auto; position: absolute; bottom: 10px; right: calc(31% + 9px); } .photo-gallery-four .nav-container .photography-slider-controls-four .controller-wrapper .active-controller { color: var(--hover-color); position: absolute; top: -17px; left: -35px; font-size: 25px; font-weight: 600; } .photo-gallery-four .nav-container .photography-slider-controls-four .controller-wrapper .total-controller { color: #ccc; position: absolute; top: -10px; right: 50px; } .photo-gallery-four .nav-container .photography-slider-controls-four .controller-wrapper .home-slider-progressbar { position: relative; z-index: 0; width: 120px; } .photo-gallery-four .nav-container .photography-slider-controls-four .controller-wrapper .home-slider-progressbar .home-slider-progress { width: 120px; height: 2px; background-color: #ccc; position: absolute; } .photo-gallery-four .nav-container .photography-slider-controls-four .controller-wrapper .home-slider-progressbar .home-slider-progress-active { position: absolute; left: 0; width: 40px; height: 2px; background-color: var(--hover-color); } .photography-slider .slick-list .slick-slide:hover .photo-slider-hover { top: 65%; opacity: 1; } .photography-slider .slick-list .slick-slide.slick-center .photo-slider-hover { top: 65%; opacity: 1; } .gallery-five .gfive-slider-total-content { position: relative; overflow: hidden; } .gallery-five .gfive-slider-total-content .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .gallery-five .gfive-slider-total-content .wrapper .slider-single { width: calc(87% - -13px); margin-left: 30px; } .gallery-five .gfive-slider-total-content .wrapper .slider-single .slider-img { width: 100%; height: 600px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .gallery-five .gfive-slider-total-content .wrapper .slider-single .slider-img .slider-inner-text { position: absolute; top: 0; right: 0; padding: 20px 50px; background-color: #EFEFEF; } .gallery-five .gfive-slider-total-content .wrapper .slider-single .slider-img .slider-inner-text .title { font-weight: 500; font-size: 20px; color: #2e2e2e; } .gallery-five .gfive-slider-total-content .wrapper .slider-single .slider-img .slider-inner-text .subtitle { font-weight: 400; font-size: 16px; margin-left: 40px; color: var(--main-color-one); position: relative; } .gallery-five .gfive-slider-total-content .wrapper .slider-single .slider-img .slider-inner-text .subtitle:before { width: 35px; height: 1px; background: #2e2e2e; position: absolute; content: ""; left: -40px; top: 9px; } .gallery-five .gfive-slider-total-content .wrapper .slider-single .slick-track .slick-slide { height: 600px; max-height: 600px; overflow: hidden; } .gallery-five .gfive-slider-total-content .wrapper .slick-slide img { display: block; width: 100%; height: 185px; } .gallery-five .gfive-slider-total-content .wrapper .slider-single .slick-track .slick-slide img.slider-img { width: 100%; height: auto; } .gallery-five .gfive-slider-total-content .wrapper .slider-thumb { width: calc(11% + 7px); overflow: hidden; height: 600px; } .gallery-five .gfive-slider-total-content .wrapper .slider-thumb .slick-track .slick-slide { height: 215px; max-height: 215px; border: 0; cursor: pointer; } .gallery-five .gfive-slider-total-content .wrapper .slider-thumb .slider-nav .slick-track .slick-slide > div { height: 100%; } .gallery-five .gfive-slider-total-content .wrapper .slider-thumb .slick-track .slick-slide.slick-current.slick-active.slick-center.is-active > div { height: 189px; border: 2px solid var(--hover-color); } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-nav { position: absolute; right: 0; bottom: 0; padding: 15px; background-color: #EFEFEF; } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-nav .slick-prev { margin-right: 15px; } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-nav .slick-prev i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-nav .slick-prev i:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); border-color: var(--hover-color); } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-nav .slick-next i { color: #707070; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #707070; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-nav .slick-next i:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); border-color: var(--hover-color); } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-extra { position: absolute; left: 13%; bottom: 0; width: 420px; padding: 30px 80px; background: #fff; } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-extra .slider-progress { display: block; position: relative; z-index: 0; width: 100px; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; height: 5px; } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-extra .slider-progress .progress-bg { position: absolute; left: 95px; top: -13px; width: 100px; height: 2px; background-color: #c4c4c4; content: ""; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-extra .slider-progress .progress-width { position: absolute; left: 95px; top: -13px; width: 1%; height: 2px; background-color: #515151; content: ""; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .gallery-five .gfive-slider-total-content .gallery-slider-five-controls .slider-extra .text { color: #515151; font-size: 20px; font-weight: 400; } .work-section .work-img { position: relative; z-index: 1; width: 100%; height: 100%; } .work-section .work-img::before { content: ""; width: 85%; height: 80%; background-color: #c7bfbc; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: -1; } .work-section .work-img img { padding-left: 45px; padding-top: 45px; z-index: 10; width: 100%; height: 100%; } .work-section .work-text-wrapper { padding-left: 130px; padding-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .work-section .work-text-wrapper .work-title { text-align: left; } .work-section .work-text-wrapper .title { max-width: 510px; } .work-section .work-text-wrapper p { margin-bottom: 35px; max-width: 450px; position: relative; } .work-section .work-text-wrapper p::before { content: ""; width: 55px; height: 1px; background-color: var(--hover-color); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; left: -65px; top: 12px; } .work-section-two { position: relative; } .work-section-two::before { content: ""; width: 44%; height: 100%; background-color: #EFEFEF; left: 0; top: 0; position: absolute; } .work-section-two .work-img { background-image: url(assets/img/work/01.png); height: 100%; width: 100%; background-repeat: no-repeat; background-size: contain; } .work-section-two .work-img img { padding-top: 30px; padding-left: 30px; width: 100%; height: 100%; } .work-section-two .work-img a { display: inline-block; padding: 5px 10px; background-color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); color: #9f9f9f; position: absolute; left: -77px; bottom: 145px; } .work-section-two .work-text-wrapper { margin-left: 50px; padding-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .work-section-two .work-text-wrapper .work-title { margin-bottom: 25px; text-align: left; } .work-section-two .work-text-wrapper p { position: relative; margin-bottom: 35px; } .work-section-two .work-text-wrapper p::before { content: ""; width: 60px; height: 1px; background-color: var(--hover-color); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -70px; margin-top: 12px; } .work-bottom-content-wrapper .number-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; } .work-bottom-content-wrapper .number-wrapper h4 { color: var(--hover-color); } .work-bottom-content-wrapper .number-wrapper .divider { margin: 0 20px; color: var(--heading-color); opacity: 0.2; } .work-bottom-content-wrapper .award-img { display: -webkit-box; display: -ms-flexbox; display: flex; } .work-bottom-content-wrapper .award-img .award { margin-right: 40px; width: 100px; } .work-section-four .work-text-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .work-section-four .work-text-wrapper span { color: var(--main-color-one); padding-bottom: 23px; font-size: 16px; display: block; } .work-section-four .work-text-wrapper .work-title { text-align: left; margin-bottom: 30px; } .work-section-four .work-text-wrapper p { margin-bottom: 30px; } .work-section-five .work-text span { color: var(--main-color-one); margin-bottom: 25px; display: block; } .work-section-five .work-text .work-title { text-align: left; margin-bottom: 25px; } .work-section-five .work-text p { margin-bottom: 35px; } .breadcrumb-area.who-we .bg-img-right:before { content: ""; width: 400px; height: 150px; background: #EFEFEF; position: absolute; bottom: 0; left: -50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .breadcrumb-inner { margin-left: 70px; } .inner-service-item { background: white; padding: 35px 24px 35px 25px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .inner-service-item:hover { background-color: var(--hover-color); } .inner-service-item:hover .icon { background-color: #fff; color: var(--hover-color); } .inner-service-item:hover .title, .inner-service-item:hover p, .inner-service-item:hover .learn-btn { color: #fff; } .inner-service-item .icon { font-size: 35px; width: 65px; height: 65px; background: #faf8f5; color: var(--heading-color); text-align: center; border-radius: 50%; line-height: 65px; margin-bottom: 20px; } .inner-service-item .title { font-size: 20px; font-weight: 600; color: var(--heading-color); padding-bottom: 10px; } .inner-service-item p { margin-bottom: 15px; } .inner-service-item .learn-btn { font-size: 15px; color: var(--heading-color); font-weight: 400; } .breadcrumb-area.on-touch .bg-img-right { width: 430px; height: 315px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .breadcrumb-area.on-touch .bg-img-center { width: 470px; height: 275px; top: 62%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .breadcrumb-area.on-touch .bg-img-left { width: 1014px; height: 612px; left: 8%; } .inner-touch { background: white; padding: 60px 24px 35px 25px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-align: center; height: 320px; } .inner-touch:hover { background-color: #EFEFEF; } .inner-touch:hover .icon { background-color: var(--hover-color); } .inner-touch .icon { font-size: 35px; width: 65px; height: 65px; background: #bcbcbc; color: #fff; text-align: center; border-radius: 50%; line-height: 65px; margin-bottom: 20px; margin: 0 auto; } .inner-touch .title { font-size: 20px; font-weight: 600; color: var(--heading-color); padding-bottom: 13px; margin-top: 35px; } .inner-touch p { margin-bottom: 15px; } .inner-touch .learn-btn { font-size: 15px; color: var(--heading-color); font-weight: 400; } .contact-area-on-touch .contact-form { padding: 95px 135px 100px 100px; } .contact-area-on-touch .contact-form .title { font-weight: 600; font-size: 30px; } .breadcrumb-area { z-index: 0; } .breadcrumb-area.faqs .bg-shape { width: 140px; height: 285px; background: #fff; position: absolute; left: 0px; top: 40px; z-index: 0; } .breadcrumb-area.faqs .bg-shape-two { width: 300px; height: 410px; background: #fff; position: absolute; right: 22%; top: 70px; z-index: -1; } .breadcrumb-area.faqs .bg-img-right { position: absolute; width: 21%; height: 63%; right: 100px; top: 40px; } .breadcrumb-area.faqs .bg-img-center { height: 60%; width: 20%; bottom: 12%; left: 49%; z-index: 0; } .breadcrumb-area.faqs .bg-img-left { position: absolute; width: 17%; height: 81%; left: 20px; bottom: 30px; z-index: 1; } .faq-area { position: relative; z-index: 1; } .faq-area::after { position: absolute; content: ""; width: calc(56% + 10px); height: 100%; background-color: #EFEFEF; top: 0; left: 0; z-index: -1; } .faq-area::before { position: absolute; content: ""; width: calc(19% + 15px); height: 74%; background-color: #EFEFEF; top: 15px; right: 0; z-index: -1; } .faq-area .img-wrapper { padding: 80px 0 40px 80px; } .sl-no { background: white; width: 39px; text-align: center; display: inline-block; height: 39px; border-radius: 50px; font-size: 18px; font-weight: 400; line-height: 39px; color: #646464; margin-right: 5px; } .faqs-question-seetion { position: relative; z-index: 1; } .faqs-question-seetion:after { position: absolute; content: ""; width: calc(30% + 12px); height: 100%; background-color: #fff; top: 0; left: 0; z-index: -1; } .faqs-question-seetion .comment-form-wrap { padding: 0 60px; } .faqs-question-seetion .comment-form-wrap .reply-title { font-size: 30px; font-weight: 700; color: #484848; line-height: 30px; padding-bottom: 60px; position: relative; } .faqs-question-seetion .comment-form-wrap .reply-title:after { position: absolute; content: ""; width: 65px; height: 2px; background-color: #9e9e9e; bottom: 25px; left: 0; } .faqs-question-seetion .comment-form-wrap .comment-form { padding-left: 60px; } .our-blog { background-color: var(--bg-color); } .our-blog .read-btn { margin: 0 auto; background: var(--hover-color); border: none; display: inline-block; color: #fff; padding: 14px 50px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; } .our-blog .read-btn:hover { border-color: var(--hover-color); color: var(--paragraph-color); background-color: transparent; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; } .our-blog .blog-carousel-three { position: relative; } .our-blog .blog-carousel-three .blog-single-item .blog-content, .our-blog .blog-carousel-three .blog-single-item .blog-item-image, .our-blog .blog-carousel-three .blog-single-item::before, .our-blog .blog-carousel-three .blog-single-item img, .our-blog .blog-carousel-three .blog-single-item .blog-content, .our-blog .blog-carousel-three .blog-single-item a, .our-blog .blog-carousel-three .blog-single-item .msg, .our-blog .blog-carousel-three .blog-single-item .title, .our-blog .blog-carousel-three .blog-single-item:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-three .blog-single-item:hover .blog-item-image::after { background: #000; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } .our-blog .blog-carousel-three .blog-single-item:hover .blog-item-image img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-three .blog-single-item:hover .blog-content { background-color: var(--hover-color); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-three .blog-single-item:hover .blog-content a, .our-blog .blog-carousel-three .blog-single-item:hover .blog-content .msg { color: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-three .blog-single-item:hover .blog-content .title { color: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-three .blog-single-item:hover .blog-content .title:after { background: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-three .blog-single-item:hover .blog-content .learn-btn { color: #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-three .blog-single-item .blog-content { background-color: #EFEFEF; padding: 40px 55px; } .our-blog .blog-carousel-three .blog-single-item .blog-content .title { padding-bottom: 30px; } .our-blog .blog-carousel-three .blog-single-item .blog-content .title::after { content: ""; background-color: var(--hover-color); width: 40px; height: 2px; left: 0; bottom: 15px; position: absolute; } .our-blog .blog-carousel-three .blog-single-item .blog-content a { padding-bottom: 10px; display: block; } .our-blog .blog-carousel-three .blog-single-item .blog-content .learn-btn { color: #929292; display: block; } .our-blog .blog-carousel-three .owl-controls .owl-nav .owl-prev { left: -100px; top: 50%; position: absolute; } .our-blog .blog-carousel-three .owl-controls .owl-nav .owl-prev:hover { color: var(--hover-color); margin-left: -5px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .our-blog .blog-carousel-three .owl-controls .owl-nav .owl-next { right: -100px; top: 50%; position: absolute; } .our-blog .blog-carousel-three .owl-controls .owl-nav .owl-next:hover { color: var(--hover-color); margin-right: -5px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .our-blog .blog-carousel-five { position: relative; } .our-blog .blog-carousel-five .blog-single-item .blog-content, .our-blog .blog-carousel-five .blog-single-item .blog-item-image, .our-blog .blog-carousel-five .blog-single-item::before, .our-blog .blog-carousel-five .blog-single-item img, .our-blog .blog-carousel-five .blog-single-item .blog-content, .our-blog .blog-carousel-five .blog-single-item a, .our-blog .blog-carousel-five .blog-single-item .msg, .our-blog .blog-carousel-five .blog-single-item .title, .our-blog .blog-carousel-five .blog-single-item:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-five .blog-single-item:hover .blog-item-image::after { background: #000; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } .our-blog .blog-carousel-five .blog-single-item:hover .blog-item-image img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-five .blog-single-item:hover .blog-content { background-color: var(--hover-color); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-five .blog-single-item:hover .blog-content a, .our-blog .blog-carousel-five .blog-single-item:hover .blog-content .msg { color: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-five .blog-single-item:hover .blog-content .title { color: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-five .blog-single-item:hover .blog-content .title:after { background: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-five .blog-single-item .blog-content { background-color: #EFEFEF; } .our-blog .blog-carousel-five .blog-single-item .blog-content .title { padding-bottom: 10px; } .our-blog .blog-carousel-five .blog-single-item .blog-content .title::after { content: ""; background-color: var(--hover-color); width: 0; height: 0; left: 0; bottom: 15px; position: absolute; } .our-blog .blog-carousel-five .owl-controls .owl-nav .owl-prev { left: -100px; top: 50%; position: absolute; } .our-blog .blog-carousel-five .owl-controls .owl-nav .owl-prev:hover { color: var(--hover-color); margin-left: -5px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .our-blog .blog-carousel-five .owl-controls .owl-nav .owl-next { right: -100px; top: 50%; position: absolute; } .our-blog .blog-carousel-five .owl-controls .owl-nav .owl-next:hover { color: var(--hover-color); margin-right: -5px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .our-blog .blog-carousel .owl-item.center .blog-single-item-1 .blog-item-image::after { background: #000; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } .our-blog .blog-carousel .owl-item.center .blog-single-item-1 .blog-item-image img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .our-blog .blog-carousel .owl-item.center .blog-single-item-1 .blog-content { background-color: var(--hover-color); } .our-blog .blog-carousel .owl-item.center .blog-single-item-1 .blog-content a, .our-blog .blog-carousel .owl-item.center .blog-single-item-1 .blog-content .msg { color: var(--bg-color-two); } .our-blog .blog-carousel .owl-item.center .blog-single-item-1 .blog-content .title { color: var(--bg-color-two); } .our-blog .blog-carousel .owl-item.center .blog-single-item-1 .blog-content .title:after { background: var(--bg-color-two); } .our-blog .blog-carousel .owl-controls .owl-dots { position: absolute; right: 50%; bottom: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .our-blog .blog-carousel .owl-controls .owl-dots div { display: inline-block; width: 10px; height: 15px; background-color: #c4c4c4; } .our-blog .blog-carousel .owl-controls .owl-dots div.active { background-color: #6d6d6d; } .our-blog .blog-carousel .owl-controls .owl-dots div + div { margin-left: 8px; } .our-blog .blog-carousel .owl-controls .owl-nav { position: absolute; right: 50%; } .our-blog .blog-carousel .owl-controls .owl-nav .owl-prev { right: 100px; bottom: -80px; position: absolute; font-size: 26px; } .our-blog .blog-carousel .owl-controls .owl-nav .owl-prev:hover { color: var(--hover-color); margin-right: 5px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .our-blog .blog-carousel .owl-controls .owl-nav .owl-next { left: 100px; bottom: -80px; font-size: 26px; position: absolute; } .our-blog .blog-carousel .owl-controls .owl-nav .owl-next:hover { color: var(--hover-color); margin-left: 5px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .our-blog .blog-carousel-two .blog-single-item:hover .blog-item-image::after { background: #000; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } .our-blog .blog-carousel-two .blog-single-item:hover .blog-item-image img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-two .blog-single-item:hover .blog-content { background-color: var(--hover-color); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-two .blog-single-item:hover .blog-content a, .our-blog .blog-carousel-two .blog-single-item:hover .blog-content .msg { color: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-two .blog-single-item:hover .blog-content .title { color: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-two .blog-single-item:hover .blog-content .title:after { background: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .our-blog .blog-carousel-two .blog-single-item .blog-content { background-color: #EFEFEF; } .our-blog .blog-carousel-two .blog-single-item .blog-content .title { padding-bottom: 10px; } .our-blog .blog-carousel-two .blog-single-item .blog-content .title::after { content: ""; background-color: var(--hover-color); width: 0; height: 0; left: 0; bottom: 15px; position: absolute; } .our-blog .blog-carousel-two .owl-item.center .blog-single-item-1 .blog-item-image::after { background: #000; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } .our-blog .blog-carousel-two .owl-item.center .blog-single-item-1 .blog-item-image img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .our-blog .blog-carousel-two .owl-item.center .blog-single-item-1 .blog-content { background-color: var(--hover-color); } .our-blog .blog-carousel-two .owl-item.center .blog-single-item-1 .blog-content a, .our-blog .blog-carousel-two .owl-item.center .blog-single-item-1 .blog-content .msg { color: var(--bg-color-two); } .our-blog .blog-carousel-two .owl-item.center .blog-single-item-1 .blog-content .title { color: var(--bg-color-two); } .our-blog .blog-carousel-two .owl-item.center .blog-single-item-1 .blog-content .title:after { background: var(--bg-color-two); } .our-blog .blog-carousel-two .owl-controls .owl-dots { position: absolute; right: 50%; bottom: -50px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .our-blog .blog-carousel-two .owl-controls .owl-dots div { display: inline-block; width: 10px; height: 15px; background-color: #c4c4c4; } .our-blog .blog-carousel-two .owl-controls .owl-dots div.active { background-color: #6d6d6d; } .our-blog .blog-carousel-two .owl-controls .owl-dots div + div { margin-left: 8px; } .our-blog .blog-carousel-two .owl-controls .owl-nav .owl-prev { left: -40px; bottom: 50%; position: absolute; } .our-blog .blog-carousel-two .owl-controls .owl-nav .owl-prev:hover { color: var(--hover-color); margin-left: -5px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .our-blog .blog-carousel-two .owl-controls .owl-nav .owl-next { right: -40px; bottom: 50%; position: absolute; } .our-blog .blog-carousel-two .owl-controls .owl-nav .owl-next:hover { color: var(--hover-color); margin-right: -5px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .our-blog .blog-single-item-1 .blog-content .title { padding-bottom: 45px; position: relative; } .our-blog .blog-single-item-1 .blog-content .title::after { content: ""; background-color: var(--hover-color); width: 32px; height: 2px; left: 0; bottom: 15px; position: absolute; } .billing-title { background-color: var(--hover-color); } .billing-title .section-title .title { color: #fff; } .billing-confirmation-area { padding: 70px 40px; } .card-img-details { padding: 40px 30px; } .card-img-details .card-logo { border: 1px solid #EFEFEF; padding: 15px 10px; -ms-flex-pack: distribute; justify-content: space-around; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-img-details .card-logo img { width: auto; height: 30px; } .card-img-details .payment-card-img { padding: 80px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .card-img-details .payment-card-img .card-raw { z-index: 1; } .card-img-details .payment-card-img .card-bg { position: absolute; z-index: 0; } .user-info { padding: 40px 30px; } .user-info .title { font-size: 30px; font-weight: 600; } .user-info .form-group { margin-bottom: 30px; position: relative; } .user-info .form-group .locker { position: absolute; right: 0; top: 50%; color: var(--hover-color); padding: 8px; } .user-info .form-group .form-control { border-radius: 0; width: 100%; border: 1px solid #EFEFEF; font-size: 14px; padding: 14px 10px; } .user-info .form-group .materials { position: relative; height: 38px; color: #bebebe; background: transparent; border-radius: 0; } .user-info .form-group .materials > select { width: 100%; height: 37px; background: transparent; border: 0; color: #858585; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 1; border: 1px solid #EFEFEF; padding-left: 10px; font-size: 16px; } .user-info .form-group .materials .select-arrow { position: absolute; z-index: 0; border: 8px solid transparent; border-bottom: 0; right: 11px; } .user-info .form-group .materials .select-arrow:nth-child(2) { top: 15px; border-top-color: #bebebe; } .user-info .form-group .materials .select-arrow:nth-child(3) { top: 13px; border-top-color: #fff; } .user-info .check-box { } .user-info .check-box .container { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 14px; color: #1d1d1d; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .user-info .check-box .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .user-info .check-box .container .checkmark { position: absolute; top: 4px; left: 0; height: 12px; width: 12px; border: 1px solid #a5a5a5; } .user-info .check-box .checkmark:after { content: ""; position: absolute; display: none; left: 0px; top: 0px; width: 11px; height: 11px; background: #cfcfcf; } .user-info .check-box .container input:checked ~ .checkmark:after { display: block; } .user-info .submit-btn { font-weight: 500; font-size: 17px; } .user-info .submit-btn span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .user-info .submit-btn span .pay { padding: 0 40px; } .breadcrumb-area.our-blog .bg-img-right { position: absolute; width: 49%; height: 100%; top: 0; right: 0; background-size: cover; background-position: center; } .breadcrumb-area.our-blog .bg-img-right:before { content: ""; width: 65%; height: 170px; background: #EFEFEF; position: absolute; bottom: 0; left: 0; } .breadcrumb-area.our-blog .bg-img-center, .breadcrumb-area.our-blog .bg-img-center-two, .breadcrumb-area.our-blog .bg-img-center-three { width: 165px; height: 135px; bottom: 3%; left: 51%; } .breadcrumb-area.our-blog .bg-img-center-two { left: 61%; position: absolute; } .breadcrumb-area.our-blog .bg-img-center-three { left: 71%; position: absolute; } .our-blog-inner .title::after { top: -6px; } @-webkit-keyframes cdp-in { from { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes cdp-in { from { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .cdp { position: relative; text-align: center; padding: 20px 0; font-size: 0; z-index: 6; margin: 50px 0; -webkit-animation: cdp-in 500ms ease both; animation: cdp-in 500ms ease both; animation-timeout: 200ms; } .cdp_i { font-size: 14px; text-decoration: none; -webkit-transition: background 250ms; -o-transition: background 250ms; transition: background 250ms; display: inline-block; text-transform: uppercase; margin: 0 3px 6px; height: 38px; min-width: 38px; line-height: 38px; padding: 0; color: var(--hover-color); font-weight: 700; letter-spacing: 0.03em; display: none; } .cdp_i:first-child, .cdp_i:last-child { padding: 0 16px; margin: 0 12px 6px; } .cdp_i:last-child, .cdp_i:nth-child(2), .cdp_i:nth-last-child(2) { display: inline-block; } .cdp_i:hover { background-color: Var(--hover-color); color: #fff; } .cdp:not([actpage="1"]) .cdp_i:nth-child(1) { display: inline-block; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination .page-item .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: var(--hover-color); background-color: #fff; border: 1px solid #dee2e6; } .pagination .page-item .page-link:hover { background-color: var(--hover-color); color: #fff; } .pagination .page-item.active .page-link { z-index: 1; color: #fff; background-color: var(--hover-color); border-color: #fff; } .breadcrumb-area.our-blog-single .bg-img-left { position: absolute; width: 43%; height: 100%; left: 0; } .breadcrumb-area.our-blog-single .bg-img-left:before { content: ""; width: 200px; height: 90px; background: #f6f5f8; position: absolute; bottom: 0; right: 0; } .breadcrumb-area.our-blog-single .bg-img-left:after { content: ""; width: 195px; height: 90px; background: #f6f5f8; position: absolute; left: 0; top: 0; } .breadcrumb-area.our-blog-single .breadcrumb-inner { margin-left: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-single-item { -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .blog-single-item:hover .blog-item-image::after { background: #000; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .blog-single-item:hover .blog-item-image img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .blog-single-item:hover .blog-content { background-color: var(--hover-color); } .blog-single-item:hover .blog-content a, .blog-single-item:hover .blog-content .msg { color: var(--bg-color-two); } .blog-single-item:hover .blog-content .title { color: var(--bg-color-two); } .blog-single-item:hover .blog-content .title:after { background: var(--bg-color-two); } .blog-single-item .blog-item-image { position: relative; overflow: hidden; } .blog-single-item .blog-item-image img { height: 100%; width: 100%; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .blog-single-item .blog-content { background-color: var(--bg-color-two); padding: 36px 38px 27px 38px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .blog-single-item .blog-content a { color: #929292; margin-bottom: 10px; display: block; } .blog-single-item .blog-content .title { color: var(--secondary-color); font-size: 22px; font-family: var(--body-font); display: block; font-weight: 600; padding-bottom: 15px; position: relative; } .blog-single-item .blog-content .title::after { content: ""; background-color: var(--hover-color); width: 32px; height: 2px; left: 0; bottom: 20px; position: absolute; } .blog-single-item .blog-content p.msg { color: #929292; font-size: 13px; font-family: var(--body-font); font-weight: 400; } .blog-single-item .blog-content p.msg span { margin-left: 10px; margin-right: 5px; } .blog-details-item .thumb { margin-bottom: 35px; position: relative; } .blog-details-item .thumb .time { position: absolute; bottom: -8px; left: 0; font-size: 16px; font-weight: 400; color: var(--paragraph-color); background: #fff; padding: 20px 60px 20px 20px; } .blog-details-item .title { font-size: 30px; font-weight: 700; margin-bottom: 10px; } .blog-details-item .author { font-size: 14px; font-weight: 400; color: #717171; margin-left: 35px; margin-bottom: 20px; position: relative; } .blog-details-item .author::after { content: ""; position: absolute; width: 25px; height: 1px; background-color: #ccc; left: -35px; top: 15px; } .blog-details-item .author em { margin-right: 10px; } .blog-details-item p { line-height: 1.6; } .blog-details-item blockquote:not([class]) { background-color: #fcfcfc; margin: 15px 0 15px 0px; color: rgba(255, 255, 255, 0.8); padding: 30px 30px 30px 60px; border-radius: 3px; position: relative; } .blog-details-item blockquote:not([class]) .icon { position: absolute; color: var(--hover-color); font-size: 44px; top: 0; left: 10px; } .blog-details-item blockquote:not([class]) p { color: #545454; margin-bottom: 0px; font-size: 20px; font-weight: 500; } .blog-details-item .thumb-2 { position: relative; padding: 45px 0 0 45px; z-index: 1; } .blog-details-item .thumb-2.thumb-2:after { position: absolute; content: ""; width: 85%; height: 90%; background: #f6f5f8; left: 0; top: 0; z-index: -1; } .blog-details-item .post-meta { margin: 0; padding: 0; list-style: none; margin-bottom: 15px; } .blog-details-item .post-meta li { display: inline-block; font-size: 14px; } .blog-details-item .post-meta li i { color: var(--main-color-one); } .blog-details-item .post-meta li + li { margin-left: 10px; } .blog-details-item .post-meta li a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .blog-details-item .post-meta li a:hover { color: var(--main-color-one); } .blog-details-footer { padding: 15px 20px 30px; } .blog-details-footer .tags { margin: 0; padding: 0; list-style: none; } .blog-details-footer .tags li { display: inline-block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .blog-details-footer .tags li + li { margin-left: 10px; width: 40px; height: 40px; text-align: center; background: #f6f6f6; line-height: 40px; color: #474747; } .blog-details-footer .tags li a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .blog-details-footer .tags li a:hover { color: var(--hover-color); } .breadcrumb-area.our-blog-two .bg-img-right { position: absolute; width: 29%; height: 370px; top: 0; right: 0; background-size: cover; background-position: center; } .breadcrumb-area.our-blog-two .bg-img-center { width: 600px; height: 370px; bottom: 0; left: 50%; } .our-blog-two-inner .blog-single-item .blog-content .title { padding-bottom: 40px; } .breadcrumb-area.our-project .bg-img-right { position: absolute; width: 470px; height: 290px; top: 50px; right: 0; } .breadcrumb-area.our-project .bg-img-center { width: 470px; height: 290px; bottom: 15%; left: 46%; } .breadcrumb-area.our-inner-project-two .bg-img-right { position: absolute; width: 50%; height: 100%; right: 0; } .breadcrumb-area.our-inner-project-two .bg-img-right:before { content: ""; width: 54%; height: 68%; background: #EFEFEF; position: absolute; bottom: 0; left: 0; } .breadcrumb-area.our-inner-project-two .bg-img-center { width: 470px; height: 290px; bottom: 5%; left: 51%; } .breadcrumb-area.our-inner-project-two .bg-img-center .vdo-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .breadcrumb-area.our-inner-project-two .bg-img-center .vdo-btn i { font-size: 16px; border: 1px solid #b2b2b2; border-radius: 50%; width: 41px; height: 41px; text-align: center; line-height: 41px; background-color: #fff; color: #ccc; padding-left: 6px; } .project-area-inner { position: relative; } .project-area-inner .project-content { position: relative; width: 100%; margin-bottom: 40px; } .project-area-inner .project-content .project-img { height: 100%; } .project-area-inner .project-content .project-img img { width: 100%; height: 100%; } .project-area-inner .project-content .cats { font-size: 16px; font-weight: 500; padding-bottom: 10px; padding-left: 35px; position: relative; display: block; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .project-area-inner .project-content .cats::before { content: ""; width: 30px; height: 2px; background-color: var(--hover-color); position: absolute; top: 12px; left: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .project-area-inner .project-content .title { font-size: 22px; font-weight: 600; display: block; color: var(--heading-color); } .project-area-inner .project-text { position: absolute; bottom: 0; background-color: #fff; padding: 20px 35px 20px 25px; } .project-area-inner .project-text:hover .cats { padding-left: 45px; } .project-area-inner .project-text:hover .cats::before { width: 40px; } .project-area-inner .project-text.p-right { right: 0; left: auto; } .map-section-inner { position: relative; } .map-section-inner .bg-img { height: 100%; width: 76%; position: absolute; background-size: cover; background-repeat: no-repeat; top: 0; bottom: auto; } .map-section-inner .map-section-info .map-contact { padding: 80px 0 0 50px; background: #EFEFEF; } .map-section-inner .map-section-info .map-contact .map-info { margin: 20px 0; } .map-section-inner .map-section-info .map-contact .map-info .title { color: var(--secondary-color); margin-bottom: 10px; font-weight: 600; font-size: 18px; font-family: var(--heading-font); } .breadcrumb-area.our-project-single .bg-img-right { position: absolute; width: 43%; height: 100%; right: 0; } .breadcrumb-area.our-project-single .bg-img-right:before { content: ""; width: 180px; height: 140px; background: #f6f5f8; position: absolute; bottom: 0; left: 0; } .breadcrumb-area.our-project-single .bg-img-right:after { content: ""; width: 180px; height: 140px; background: #f6f5f8; position: absolute; right: 0; top: 0; } .project-single-section .project-item-thumb { position: relative; z-index: 0; } .project-single-section .project-item-thumb::after { position: absolute; content: ""; width: calc(58% + 12px); height: 100%; background-color: #EFEFEF; top: 0; right: 0; z-index: -1; } .project-single-section .project-details-wrapper .title { font-size: 30px; font-weight: 600; padding: 15px 0; } .project-single-section .project-details-wrapper .project-img-details { display: -webkit-box; display: -ms-flexbox; display: flex; } .project-single-section .project-details-wrapper .project-img-details img { height: 100%; } .project-single-section .project-details-wrapper .project-inner-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .project-single-section .project-details-wrapper .project-inner-details .project_info_list { margin: 0; padding: 0; list-style: none; padding-left: 30px; } .project-single-section .project-details-wrapper .project-inner-details .project_info_list li { display: block; } .project-single-section .project-details-wrapper .project-inner-details .project_info_list li.single-info-item { position: relative; margin-bottom: 20px; } .project-single-section .project-details-wrapper .project-inner-details .project_info_list li.single-info-item .icon { position: absolute; left: 0; top: 0; color: #000; } .project-single-section .project-details-wrapper .project-inner-details .project_info_list li.single-info-item .details { padding-left: 30px; } .project-single-section .project-details-wrapper .project-img-thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .project-single-section .project-footer-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .project-single-section .project-footer-wrapper .title { margin-bottom: 0px; } .project-single-section .project-footer-wrapper .project-details-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 60%; padding: 30px 20px 30px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; } .project-single-section .project-footer-wrapper .project-details-footer .left .prev { margin: 0; padding: 0; list-style: none; } .project-single-section .project-footer-wrapper .project-details-footer .left .prev li { display: inline-block; } .project-single-section .project-footer-wrapper .project-details-footer .left .prev li + li { margin-left: 10px; font-size: 15px; } .project-single-section .project-footer-wrapper .project-details-footer .left .prev li a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: #a2a2a2; } .project-single-section .project-footer-wrapper .project-details-footer .left .prev li a:hover { color: var(--main-color-one); } .project-single-section .project-footer-wrapper .project-details-footer .right .next { margin: 0; padding: 0; list-style: none; } .project-single-section .project-footer-wrapper .project-details-footer .right .next li { display: inline-block; } .project-single-section .project-footer-wrapper .project-details-footer .right .next li + li { margin-left: 10px; font-size: 15px; } .project-single-section .project-footer-wrapper .project-details-footer .right .next li a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: #a2a2a2; } .project-single-section .project-footer-wrapper .project-details-footer .right .next li a:hover { color: var(--main-color-one); } .project-single-section .project-info-item { background-color: #ececec; padding: 25px 25px 30px 25px; } .project-single-section .project-info-item .title { font-size: 30px; font-weight: 600; line-height: 24px; margin-bottom: 30px; color: var(--heading-color); } .project-single-section .project-info-item ul { margin: 0; padding: 0; list-style: none; } .project-single-section .project-info-item ul li { font-size: 20px; line-height: 26px; font-weight: 500; color: var(--heading-color); } .project-single-section .project-info-item ul li + li { margin-top: 20px; } .project-single-section .project-info-item ul li span { font-size: 16px; color: #747474; font-weight: 400; margin-left: 5px; } .project-single-section .project-info-item ul li span a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .project-single-section .project-info-item ul li span a:hover { color: var(--main-color-one); } .social-icon { margin: auto; } .social-icon .social-share { margin: 0; padding: 0; list-style: none; } .social-icon .social-share .title { font-size: 20px; color: #484848; font-weight: 600; } .social-icon .social-share li { display: inline-block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .social-icon .social-share li + li { margin-left: 10px; color: #474747; } .social-icon .social-share li:hover { color: var(--main-color-one); } .breadcrumb-area.our-team .bg-img-right { width: 24%; height: 65%; bottom: 0; top: auto; } .breadcrumb-area.our-team .bg-img-right:before { content: ""; width: 140px; height: 100px; background: #EFEFEF; position: absolute; bottom: 0; left: 0; } .breadcrumb-area.our-team .bg-img-left { width: 34%; height: 100%; top: 0; } .breadcrumb-area.our-team .bg-img-left:before { content: ""; width: 140px; height: 150px; background: #EFEFEF; position: absolute; bottom: 0; left: 0; } .our-team-inner .social-link { position: absolute; right: 35px; bottom: 20px; } .our-team-inner .social-link ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .our-team-inner .social-link ul li { margin: 5px; } .team-details-area .title { font-size: 30px; font-weight: 600; } .team-details-area .left-content { height: 100%; } .team-details-area .left-content img { height: 100%; } .team-details-area .right-content { 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; height: 100%; padding: 40px 0; } .team-details-area .capabilities-area { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .team-details-area .progress-bar { background-color: #fff; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .team-details-area .right-inner .title { font-size: 20px; font-weight: 600; } .team-details-area .right-inner .details-1 span { color: var(--heading-color); font-size: 16px; } .team-details-area .right-inner .details-1 span i { margin-right: 10px; } .testimonial-section-inner .single-testimonial-item { z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 100px 40px 160px 80px; } .testimonial-section-inner .single-testimonial-item .testimonial-img { max-width: 568px; height: 445px; } .testimonial-section-inner .single-testimonial-item .testimonial-img .testimonial-img-item { display: inline-block; position: relative; } .testimonial-section-inner .single-testimonial-item .testimonial-img .testimonial-img-item:before { content: ""; width: 200px; height: 350px; background-color: #EFEFEF; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: -3; right: -25px; bottom: -25px; } .testimonial-section-inner .single-testimonial-item .hover .hover-inner { position: relative; } .testimonial-section-inner .single-testimonial-item .hover .hover-inner .icon { position: absolute; left: 50%; bottom: 20%; font-size: 120px; opacity: 0.08; line-height: 80px; color: #ccc; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .testimonial-section-inner .single-testimonial-item .hover .hover-inner .author-meta .name { color: #484848; font-family: var(--tasti-font); font-size: 45px; line-height: 35px; padding: 15px; margin-bottom: 30px; } .testimonial-section-inner .single-testimonial-item .hover .hover-inner .author-meta .d-nation { font-size: 16px; margin-left: 75px; color: #8A8A8A; margin-bottom: 30px; letter-spacing: 5px; position: relative; } .testimonial-section-inner .single-testimonial-item .hover .hover-inner .author-meta .d-nation::after { content: ""; background-color: #8a8a8a; width: 210px; height: 1px; left: 0; top: -20px; position: absolute; } .testimonial-section-inner .single-testimonial-item .hover .hover-inner .author-meta p { font-size: 20px; color: #8A8A8A; font-family: var(--tasti-font); font-weight: 400; line-height: 26px; max-width: 600px; padding-bottom: 20px; margin-left: 75px; } .testimonial-section-inner .testimonial-carousel-03 .owl-dots { right: 50%; position: absolute; bottom: 95px; } .testimonial-section-inner .testimonial-carousel-03 .owl-dots div { display: inline-block; width: 10px; height: 15px; background-color: #c4c4c4; } .testimonial-section-inner .testimonial-carousel-03 .owl-dots div.active { background-color: #6d6d6d; } .testimonial-section-inner .testimonial-carousel-03 .owl-dots div + div { margin-left: 8px; } .testimonial-section-inner .testimonial-carousel-03 .owl-nav div { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonial-section-inner .testimonial-carousel-03 .owl-nav div.owl-next { left: auto; right: -120px; color: #ccc; font-size: 36px; } .testimonial-section-inner .testimonial-carousel-03 .owl-nav div.owl-next:hover { color: var(--hover-color); } .testimonial-section-inner .testimonial-carousel-03 .owl-nav div.owl-prev { color: #ccc; font-size: 36px; position: absolute; left: -120px; } .testimonial-section-inner .testimonial-carousel-03 .owl-nav div.owl-prev:hover { color: var(--hover-color); } .breadcrumb-area.our-priceing .bg-img-left { position: absolute; width: 65%; height: 70%; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .breadcrumb-area.our-priceing .breadcrumb-inner { float: right; margin-left: 0; background-color: #fff; padding: 50px 115px; } .pricing-plan-area.price-inner { position: relative; z-index: 0; } .pricing-plan-area.price-inner::after { position: absolute; content: ""; width: calc(72% + 12px); height: 100%; background-color: #EFEFEF; top: 0; right: 0; z-index: -1; } .single-price-plan-01.style-01 { background-color: #fff; -webkit-box-shadow: 6px 1px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: 6px 1px 10px 0px rgba(0, 0, 0, 0.16); } .single-price-plan-01.style-01:hover { background-color: var(--hover-color); -webkit-box-shadow: 6px 1px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: 6px 1px 10px 0px rgba(0, 0, 0, 0.16); } .single-price-plan-01.style-01:hover .price-header .name-box .name { border: 1px solid #fff; } .single-price-plan-01.style-01:hover .price-header .name-box:before { border: 1px solid #fff; } .single-price-plan-01.style-01 .price-header .name-box { display: inline-block; position: relative; z-index: 0; } .single-price-plan-01.style-01 .price-header .name-box .name { border: 1px solid #ccc; background-color: #fff; } .single-price-plan-01.style-01 .price-header .name-box:before { position: absolute; content: ""; width: 100%; height: 90%; top: -10px; left: -10px; border: 1px solid #ccc; z-index: -1; } .single-price-plan-01.style-01 .boxed-btn { border: 1px solid #ccc; } .price-gallery-slider .price-slider-active { position: relative; } .price-gallery-slider .price-slider-active .owl-stage { padding-left: 0 !important; height: 470px; overflow: hidden; } .price-gallery-slider .price-slider-active .owl-item.active { width: 275px !important; } .price-gallery-slider .price-slider-active .owl-item.center { width: 810px !important; -webkit-box-shadow: 3px 6px 12px rgba(194, 151, 107, 0.3); box-shadow: 3px 6px 12px rgba(194, 151, 107, 0.3); } .price-gallery-slider .price-slider-active .owl-item.center .slider-img { width: 810px !important; } .price-gallery-slider .price-slider-active .owl-item.center .slider-inner-text { visibility: visible; } .price-gallery-slider .price-slider-active .slider-img { width: 100%; height: 445px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .price-gallery-slider .price-slider-active .slider-img img { width: 100%; } .price-gallery-slider .price-slider-active .slider-img .slider-inner-text { position: absolute; bottom: 0; left: 0; padding: 20px 50px; background-color: #fff; visibility: hidden; } .price-gallery-slider .price-slider-active .slider-img .slider-inner-text .title { font-weight: 500; font-size: 20px; color: #1c1c1c; margin-bottom: 20px; } .price-gallery-slider .price-slider-active .slider-img .slider-inner-text .subtitle { font-weight: 500; font-size: 15px; color: var(--hover-color); position: relative; margin-left: 30px; } .price-gallery-slider .price-slider-active .slider-img .slider-inner-text .subtitle:before { width: 25px; height: 1px; background: var(--hover-color); position: absolute; content: ""; top: 10px; left: -30px; } .price-gallery-slider .price-slider-active .owl-nav div { position: absolute; left: 20%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .price-gallery-slider .price-slider-active .owl-nav div.owl-next { left: auto; right: 20%; color: var(--hover-color); font-size: 15px; border: 0.5px solid var(--hover-color); background-color: #fff; border-radius: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center; } .price-gallery-slider .price-slider-active .owl-nav div.owl-next:hover { color: var(--hover-color); } .price-gallery-slider .price-slider-active .owl-nav div.owl-prev { color: var(--hover-color); font-size: 15px; border: 0.5px solid var(--hover-color); background-color: #fff; border-radius: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center; } .price-gallery-slider .price-slider-active .owl-nav div.owl-prev:hover { color: var(--hover-color); } .view-cart.bg-grey { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 55px 30px 100px; border-top: 4px solid var(--hover-color); } .view-cart.bg-grey .view-cart-content .text p i { width: 26px; height: 26px; background: var(--hover-color); line-height: 26px; text-align: center; border-radius: 50%; display: inline-block; color: #fff; margin-right: 20px; font-size: 16px; } .view-cart.bg-grey .view-cart-content .text p span { font-size: 20px; font-weight: 400; color: #4d7e97; } .view-cart.bg-grey .btn-wrapper .submit-btn { background: #fff; border: 1px solid var(--hover-color); color: var(--hover-color); } .product-details-area .section-padding { padding: 100px 55px 65px 70px; } .product-details-area .product-title span { position: relative; margin-left: 25px; font-size: 14px; color: var(--hover-color); display: block; } .product-details-area .product-title span::before { position: absolute; content: ""; width: 20px; height: 1px; left: -25px; top: 9px; background-color: var(--hover-color); } .product-details-area .product-title .title { color: #464646; font-size: 30px; font-weight: 600; line-height: 40px; padding-top: 20px; padding-bottom: 15px; } .product-details-area .product-title .price { font-size: 28px; color: #464646; font-weight: 600; position: relative; } .product-details-area .product-title .price::after { position: absolute; content: ""; width: 500px; height: 2px; background-color: #a2a2a2; bottom: -20px; left: 0; } .product-details-area .product-totals .product-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 40px; } .product-details-area .product-totals .product-item label { width: 32%; font-size: 18px; font-weight: 500; color: #2e2e2e; } .product-details-area .product-totals .product-item .totals-value { color: #464646; font-size: 20px; font-weight: 500; } .product-details-area .product-totals .product-item .totals-value.color ul { padding: 0; margin: 0; } .product-details-area .product-totals .product-item .totals-value.color ul li { display: inline; margin-right: 30px; } .product-details-area .product-totals .product-item .totals-value.color ul li span { width: 15px; height: 15px; border-radius: 50%; display: inline-block; cursor: pointer; } .product-details-area .product-totals .product-item .totals-value.color ul li .color1 { background: #ffd0ce; } .product-details-area .product-totals .product-item .totals-value.color ul li .color2 { background: #111112; } .product-details-area .product-totals .product-item .totals-value.color ul li .color3 { background: #e1716b; } .product-details-area .product-totals .product-item .totals-value.color ul li .color4 { background: #fdae43; } .product-details-area .product-totals .product-item .totals-value.color ul .active span { -webkit-box-shadow: 0 0 0 10px #ececec; box-shadow: 0 0 0 10px #ececec; } .product-details-area .product-totals .product-item .totals-value.materials, .product-details-area .product-totals .product-item .totals-value.size { width: 165px; position: relative; height: 38px; color: #bebebe; background: transparent; border: 1px solid #bebebe; border-radius: 0; } .product-details-area .product-totals .product-item .totals-value.materials > select, .product-details-area .product-totals .product-item .totals-value.size > select { width: 100%; height: 37px; background: transparent; border: 0; color: #858585; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 1; padding-left: 10px; font-size: 16px; } .product-details-area .product-totals .product-item .totals-value.materials .select-arrow, .product-details-area .product-totals .product-item .totals-value.size .select-arrow { position: absolute; z-index: 0; border: 8px solid transparent; border-bottom: 0; right: 11px; } .product-details-area .product-totals .product-item .totals-value.materials .select-arrow:nth-child(2), .product-details-area .product-totals .product-item .totals-value.size .select-arrow:nth-child(2) { top: 15px; border-top-color: #bebebe; } .product-details-area .product-totals .product-item .totals-value.materials .select-arrow:nth-child(3), .product-details-area .product-totals .product-item .totals-value.size .select-arrow:nth-child(3) { top: 13px; border-top-color: #EFEFEF; } .product-details-area .product-totals .product-item .totals-value.time ul { list-style: none; padding: 0; margin: 0; } .product-details-area .product-totals .product-item .totals-value.time ul li { display: inline; font-size: 16px; } .product-details-area .product-totals .product-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-details-area .product-thumbnail-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .product-details-area .product-thumbnail-wrapper .product-thumbnail { margin-right: 0px; width: 220px; } .product-details-area .product-thumbnail-wrapper .product-thumbnail .single-thumbnail-item { margin-top: 40px; } .product-details-area .product-thumbnail-wrapper .product-thumbnail .single-thumbnail-item img { height: 185px; width: auto; } .product-details-area .product-thumbnail-wrapper .product-thumbnail .single-thumbnail-item:first-child { margin-top: 0; } .product-details-area .product-thumbnail-wrapper .single-thumb { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: calc(100% - 240px); margin-right: 60px; } .product-details-area .product-thumbnail-wrapper .single-thumb .slider-item { text-align: center; } .product-details-area .product-thumbnail-wrapper .single-thumb .slider-item img { width: 100%; height: 630px; } .product-details-area .social-icon { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-details-area .social-icon .social-share { margin: 0; padding: 0; list-style: none; } .product-details-area .social-icon .social-share li { display: inline-block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .product-details-area .social-icon .social-share li + li { margin-left: 10px; color: #474747; } .product-details-area .social-icon .social-share li a:hover { color: var(--hover-color); } .product-details-area .product-information { margin-top: 50px; } .product-details-area .product-information .nav-tabs { border-bottom: 1px solid #c9c9c9; } .product-details-area .product-information .nav-tabs .nav-item { border: none; } .product-details-area .product-information .nav-tabs .nav-item .nav-link { border: none; padding: 15px 40px; color: #757575; } .product-details-area .product-information .nav-tabs .nav-item .nav-link.active { color: #464646; background-color: transparent; } .product-details-area .product-information .nav-tabs span { padding: 15px 0; } .product-details-area .product-information .tab-content { padding: 30px; } .product-details-area .product-information .tab-content p { line-height: 1.6; } .product-details-area .product-information .tab-content .title { font-size: 20px; font-weight: 500; margin-bottom: 25px; color: #464646; } .product-details-area .product-information .tab-content .description-tab-content p { margin-bottom: 45px; line-height: 26px; max-width: 1225px; } .product-details-area .product-information .tab-content .features-info-item ul { list-style: none; padding: 0; margin: 0; } .product-details-area .product-information .tab-content .features-info-item ul li { color: var(--paragraph-color); font-size: 20px; } .product-details-area .product-information .tab-content .features-info-item ul li .right { font-size: 14px; font-weight: 400; line-height: 26px; margin-left: 5px; } .product-details-area .product-information .tab-content .additional-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-details-area .product-information .tab-content .additional-item label { width: 10%; } .product-details-area .product-information .tab-content .client-review-inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 35px; } .product-details-area .product-information .tab-content .client-review-inner .client-img { width: 100px; height: 100px; } .product-details-area .product-information .tab-content .client-review-inner .client-img img { width: 100%; height: 100%; } .product-details-area .product-information .tab-content .client-review-inner .review-right { margin-left: 15px; } .product-details-area .product-information .tab-content .client-review-inner .review-right .ratings { color: #ffc90f; margin-bottom: 5px; } .product-details-area .product-information .tab-content .client-review-inner .review-right .author .title { color: #6d6d6d; margin-bottom: 15px; } .product-details-area .product-information .tab-content .review-form { width: 50%; } .product-details-area .product-information .tab-content .review-form .ratings { color: #bdbdbd; } .product-details-area .product-information .tab-content .review-form .form-control { border-radius: 0px; } .product-details-area .product-information .tab-content .review-form textarea { resize: none; } .pg-bar-area { position: relative; } .pg-bar-area::before { position: absolute; height: 100%; top: 0; width: 65%; content: ""; background: url("../img/pg-bar/01.png"); background-position: left; background-size: cover; background-repeat: no-repeat; left: 0; z-index: -1; } .pg-bar-area:after { position: absolute; content: "A"; color: #f5f5f5; font-size: 540px; font-weight: 700; right: 7%; top: -175px; z-index: -1; } .progress-bar { background-color: #fcfcfc; padding: 55px 100px 30px 70px; -webkit-box-shadow: 3px 6px 12px 0px #efefef; box-shadow: 3px 6px 12px 0px #efefef; text-align: left; } .progress-bar .progress-title { text-align: left; } .progress-bar .progress-item .single-progressbar { margin-bottom: 30px; color: var(--hover-color); } .progress-bar .progress-item .single-progressbar .subtitle { font-size: 16px; color: #606060; line-height: 28px; font-weight: 600; } .progressbar { width: 100%; margin-top: 5px; margin-bottom: 25px; position: relative; background-color: #f4f4f4; } .proggress { height: 8px; width: 10px; } .percentCount { float: right; margin-top: -42px; clear: both; font-weight: 700; font-size: 13px; color: #777777; } .service { background: var(--bg-color-two); position: relative; z-index: 0; } .service:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 600px; height: 600px; z-index: -1; content: ""; background-color: #EFEFEF; } .service:after { position: absolute; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); right: 0; width: 600px; height: 600px; z-index: -1; content: ""; background-color: #EFEFEF; } .service .nav-container { max-width: 1364px; } .service .nav-container .single-service-item { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; overflow: hidden; } .service .nav-container .single-service-item:hover { -webkit-box-shadow: 2px 4px 8px 0px #e6e6e6; box-shadow: 2px 4px 8px 0px #e6e6e6; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .service .nav-container .single-service-item.white .service-text { background-color: #c2976b; } .service .nav-container .single-service-item.white .service-text .title { color: var(--bg-color-two); } .service .nav-container .single-service-item.white .service-text ul { color: var(--bg-color-two); } .service .nav-container .single-service-item .service-img { width: calc(100% / 2); min-height: 338px; position: relative; z-index: 0; } .service .nav-container .single-service-item .service-img .bg-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .service .nav-container .single-service-item .service-text { background-color: #fff; padding: 55px 15px; width: calc(100% / 2); 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; } .service .nav-container .single-service-item .service-text .title { color: var(--heading-color); font-family: var(--body-font); font-weight: 600; margin-bottom: 25px; font-size: 25px; display: block; } .service .nav-container .single-service-item .service-text ul { padding: 0; margin: 0; list-style: none; } .service .nav-container .single-service-item .service-text ul li { margin-bottom: 15px; } .service-area-two .container .service-single-item .service-content, .service-area-two .container .service-single-item .service-item-image, .service-area-two .container .service-single-item::before, .service-area-two .container .service-single-item img, .service-area-two .container .service-single-item .service-content, .service-area-two .container .service-single-item p, .service-area-two .container .service-single-item .msg, .service-area-two .container .service-single-item .title, .service-area-two .container .service-single-item:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .service-area-two .container .service-single-item:hover .service-item-image::before { color: var(--hover-color); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .service-area-two .container .service-single-item:hover .service-item-image img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .service-area-two .container .service-single-item:hover .service-content { background-color: var(--hover-color); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .service-area-two .container .service-single-item:hover .service-content p, .service-area-two .container .service-single-item:hover .service-content .msg { color: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .service-area-two .container .service-single-item:hover .service-content .title { color: var(--bg-color-two); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .service-area-two .container .service-single-item:hover .service-content .learn-btn { color: #fff; } .service-area-two .container .service-single-item .service-item-image { position: relative; overflow: hidden; } .service-area-two .container .service-single-item .service-item-image img { height: 100%; width: 100%; } .service-area-two .container .service-single-item .service-content { background-color: var(--bg-color-two); padding: 31px 40px 35px 40px; background-color: #EFEFEF; position: relative; } .service-area-two .container .service-single-item .service-content .service-icon { position: absolute; right: 40px; font-size: 70px; bottom: 15px; opacity: 0.2; } .service-area-two .container .service-single-item .service-content .title { color: var(--secondary-color); font-size: 20px; font-family: var(--body-font); display: block; font-weight: 600; padding-bottom: 20px; } .service-area-two .container .service-single-item .service-content p.msg { font-size: 13px; font-family: var(--body-font); font-weight: 400; padding-bottom: 15px; } .service-area-two .container .service-single-item .service-content .learn-btn { font-size: 14px; font-weight: 400; display: block; } .service-three { position: relative; } .service-three:before { position: absolute; top: 0; left: 0; width: 575px; height: 655px; content: ""; background-color: #fbfbfb; } .service-three:after { position: absolute; bottom: 100px; right: 0; width: 575px; height: 655px; content: ""; background-color: #fbfbfb; z-index: 0; } .service-three .section-title { float: right; text-align: left; margin-right: 120px; } .service-three .single-service-item { width: 100%; height: 400px; position: relative; background-repeat: no-repeat; z-index: 1; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; } .service-three .single-service-item.item-1, .service-three .single-service-item.item-3 { margin-top: -146px; } .service-three .single-service-item .service-text { background-color: #c2976b; padding: 35px 25px; position: absolute; right: 0; top: 70px; } .service-three .single-service-item .service-text .title { color: var(--bg-color-two); font-family: var(--body-font); font-weight: 600; margin-bottom: 40px; font-size: 25px; display: block; position: relative; } .service-three .single-service-item .service-text .title { color: #fff; font-family: var(--body-font); font-weight: 600; margin-bottom: 25px; font-size: 25px; display: block; } .service-three .single-service-item .service-text ul { padding: 0; margin: 0; list-style: none; } .service-three .single-service-item .service-text ul li { margin-bottom: 15px; font-size: 14px; color: #fff; } .service-three .single-service-item.white .service-text { background-color: #EFEFEF; } .service-three .single-service-item.white .service-text .title { color: var(--heading-color); } .service-three .single-service-item.white .service-text .title::before { background: var(--hover-color); } .service-three .single-service-item.white .service-text li { color: var(--heading-color); } .service-three .single-service-item.white .service-text .learn-btn { background: none; color: var(--paragraph-color); } .service-four { position: relative; } .service-four::before { position: absolute; height: 100%; width: 45%; right: 0; content: ""; background: #EFEFEF; } .service-four .two { margin-top: 30px; } .service-four .three { margin-top: 60px; } .service-four .service-content { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: relative; } .service-four .service-content:hover { -webkit-box-shadow: 3px 6px 12px 0px rgba(0, 0, 0, 0.3); box-shadow: 3px 6px 12px 0px rgba(0, 0, 0, 0.3); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .service-four .service-content:hover .service-text { background-color: #fff; color: #2e2e2e; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .service-four .service-content .service-text { position: absolute; top: 0; left: 0; padding: 10px 20px; background-color: var(--hover-color); color: #fff; font-size: 14px; font-weight: 400; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .service-four .service-content .service-img img { width: 100%; } .service-one .service-content { position: relative; } .service-one .service-content .service-content-text { content: ""; top: 0; right: 0; width: 245px; height: 100px; background: #fff; position: absolute; z-index: 1; } .service-one .service-content .title { position: absolute; padding: 30px; font-weight: 500; font-size: 30px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .service-one .service-content .service-img { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .service-one .service-content .service-img:hover { -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .service-one .service-content .service-img:hover .title { color: var(--hover-color); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .service-one .mbottom { margin-top: 40px; } .testimonial-section .single-testimonial-item { z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 2px 4px 8px 0px #e6e6e6; box-shadow: 2px 4px 8px 0px #e6e6e6; } .testimonial-section .single-testimonial-item .testimonial-img { max-width: 568px; } .testimonial-section .single-testimonial-item .testimonial-img .testimonial-img-item { display: inline-block; position: relative; height: 100%; } .testimonial-section .single-testimonial-item .testimonial-img .testimonial-img-item img { height: 100%; } .testimonial-section .single-testimonial-item .testimonial-img .testimonial-img-item .d-nation { position: absolute; left: 0; bottom: 0; background: #EFEFEF; padding: 5px 10px; } .testimonial-section .single-testimonial-item .hover { padding: 35px 30px 28px 45px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); margin-right: 30px; margin: auto 0; } .testimonial-section .single-testimonial-item .hover .hover-inner { position: relative; } .testimonial-section .single-testimonial-item .hover .hover-inner .icon { position: absolute; left: 50%; bottom: 0; font-size: 120px; opacity: 0.5; line-height: 80px; color: #EFEFEF; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .testimonial-section .single-testimonial-item .hover .hover-inner .author-meta .name { font-family: var(--body-font); font-weight: 600; font-size: 22px; margin-bottom: 15px; } .testimonial-section .single-testimonial-item .hover .hover-inner .author-meta .country { font-size: 14px; font-weight: 400; color: var(--hover-color); } .testimonial-section .single-testimonial-item .hover .hover-inner .author-meta p { max-width: 600px; padding-bottom: 13px; } .testimonial-section .testimonial-carousel-01 .owl-dots { right: 20%; position: absolute; bottom: 60px; } .testimonial-section .testimonial-carousel-01 .owl-dots div { display: none; width: 10px; height: 15px; background-color: #c4c4c4; } .testimonial-section .testimonial-carousel-01 .owl-dots div.active { background-color: #6d6d6d; } .testimonial-section .testimonial-carousel-01 .owl-dots div + div { margin-left: 8px; } .testimonial-section .testimonial-carousel-01 .owl-nav div { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonial-section .testimonial-carousel-01 .owl-nav div.owl-next { left: auto; right: -120px; font-size: 26px; } .testimonial-section .testimonial-carousel-01 .owl-nav div.owl-next:hover { color: var(--hover-color); } .testimonial-section .testimonial-carousel-01 .owl-nav div.owl-prev { font-size: 26px; left: -120px; } .testimonial-section .testimonial-carousel-01 .owl-nav div.owl-prev:hover { color: var(--hover-color); } .testimonial-section-three .single-testimonial-item { z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 2px 4px 8px 0px #e6e6e6; box-shadow: 2px 4px 8px 0px #e6e6e6; } .testimonial-section-three .single-testimonial-item .testimonial-img { max-width: 568px; } .testimonial-section-three .single-testimonial-item .testimonial-img .testimonial-img-item { display: inline-block; position: relative; height: 100%; } .testimonial-section-three .single-testimonial-item .testimonial-img .testimonial-img-item img { height: 100%; } .testimonial-section-three .single-testimonial-item .testimonial-img .testimonial-img-item .d-nation { position: absolute; left: 0; bottom: 0; background: #EFEFEF; padding: 5px 10px; } .testimonial-section-three .single-testimonial-item .hover { padding: 35px 30px 28px 45px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); margin-right: 30px; margin: auto 0; } .testimonial-section-three .single-testimonial-item .hover .hover-inner { position: relative; } .testimonial-section-three .single-testimonial-item .hover .hover-inner .icon { position: absolute; left: 50%; bottom: 0; font-size: 120px; opacity: 0.05; line-height: 80px; color: #ccc; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .testimonial-section-three .single-testimonial-item .hover .hover-inner .author-meta .name { font-family: var(--body-font); font-weight: 600; font-size: 22px; padding-bottom: 12px; } .testimonial-section-three .single-testimonial-item .hover .hover-inner .author-meta .country { font-size: 14px; font-weight: 400; color: var(--hover-color); } .testimonial-section-three .single-testimonial-item .hover .hover-inner .author-meta p { max-width: 600px; padding-bottom: 10px; } .testimonial-section-three .testimonial-carousel-04 .owl-dots { right: 50%; position: absolute; bottom: 95px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .testimonial-section-three .testimonial-carousel-04 .owl-dots div { display: none; width: 15px; height: 15px; border-radius: 50%; background-color: #c4c4c4; } .testimonial-section-three .testimonial-carousel-04 .owl-dots div.active { background-color: #6d6d6d; } .testimonial-section-three .testimonial-carousel-04 .owl-dots div + div { margin-left: 8px; } .testimonial-section-three .testimonial-carousel-04 .owl-nav div { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonial-section-three .testimonial-carousel-04 .owl-nav div.owl-next { left: auto; right: -120px; color: #ccc; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #ccc; background-color: #fff; } .testimonial-section-three .testimonial-carousel-04 .owl-nav div.owl-next:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); } .testimonial-section-three .testimonial-carousel-04 .owl-nav div.owl-prev { color: #ccc; font-size: 16px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 0.5px solid #ccc; background-color: #fff; position: absolute; left: -120px; } .testimonial-section-three .testimonial-carousel-04 .owl-nav div.owl-prev:hover { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: var(--hover-color); } .testimonial-section-four { background: #ececec; background-size: cover; } .testimonial-section-four .single-testimonial-item { z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .testimonial-section-four .single-testimonial-item .testimonial-img .testimonial-img-item { display: inline-block; position: relative; } .testimonial-section-four .single-testimonial-item .testimonial-img .testimonial-img-item:before { content: ""; width: 200px; height: 240px; background-color: var(--bg-color-two); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: -3; right: 0; margin-right: -25px; } .testimonial-section-four .single-testimonial-item .testimonial-img .testimonial-img-item img { margin-top: 25px; z-index: 10; } .testimonial-section-four .single-testimonial-item .testimonial-img .testimonial-img-item .d-nation { position: absolute; left: 0; bottom: 0; background: #fff; padding: 5px 10px; } .testimonial-section-four .single-testimonial-item .hover { padding: 30px 40px 30px 40px; background-color: #fff; margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonial-section-four .single-testimonial-item .hover .hover-inner { position: relative; } .testimonial-section-four .single-testimonial-item .hover .hover-inner .icon { position: absolute; top: -27px; left: 0; font-size: 62px; opacity: 0.05; line-height: 80px; color: #707070; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .testimonial-section-four .single-testimonial-item .hover .hover-inner p { margin-top: 15px; font-size: 16px; } .testimonial-section-four .single-testimonial-item .hover .hover-inner .author-meta .name { color: var(--hover-color); font-family: var(--body-font); font-weight: 600; font-size: 22px; text-align: center; margin-top: 20px; } .testimonial-section-four .single-testimonial-item .hover .hover-inner .author-meta .country { font-size: 14px; font-weight: 400; text-align: center; margin-top: 20px; } .testimonial-section-four .single-testimonial-item .hover .hover-inner .author-meta p { max-width: 600px; } .testimonial-section-four .testimonial-carousel-04 .owl-dots { right: 55%; position: absolute; bottom: -65px; } .testimonial-section-four .testimonial-carousel-04 .owl-dots div { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: #c4c4c4; } .testimonial-section-four .testimonial-carousel-04 .owl-dots div.active { background-color: #6d6d6d; } .testimonial-section-four .testimonial-carousel-04 .owl-dots div + div { margin-left: 8px; } .testimonial-section-four .testimonial-carousel-04 .owl-nav div { position: absolute; left: -120px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonial-section-four .testimonial-carousel-04 .owl-nav div.owl-next { left: auto; right: -120px; color: #ccc; font-size: 16px; padding: 5px 10px; border: 0.5px solid #ccc; background-color: #fff; } .testimonial-section-four .testimonial-carousel-04 .owl-nav div.owl-next:hover { color: var(--hover-color); } .testimonial-section-four .testimonial-carousel-04 .owl-nav div.owl-prev { color: #ccc; font-size: 16px; padding: 5px 10px; border: 0.5px solid #ccc; background-color: #fff; } .testimonial-section-four .testimonial-carousel-04 .owl-nav div.owl-prev:hover { color: var(--hover-color); } .client-section { background-color: var(--bg-color-two); position: relative; } .client-section .client-area .single-brand { width: 100px; } .client-section .client-area .single-brand a img { -webkit-filter: opacity(0.4) grayscale(1); filter: opacity(0.4) grayscale(1); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .client-section .client-area .single-brand a:hover img { -webkit-filter: opacity(1) grayscale(0); filter: opacity(1) grayscale(0); } .client-section .client-area .owl-nav div { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .client-section .client-area .owl-nav div.owl-next { left: auto; right: -100px; font-size: 26px; } .client-section .client-area .owl-nav div.owl-next:hover { color: var(--hover-color); } .client-section .client-area .owl-nav div.owl-prev { font-size: 26px; left: -100px; } .client-section .client-area .owl-nav div.owl-prev:hover { color: var(--hover-color); } .client-section .client-area .client-img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .client-section .client-area .client-img li { width: 330px; padding: 60px 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: -1px; margin-bottom: -1px; border: 1px solid #ebebeb; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .client-section .client-area .client-img li:hover { background: #ebebeb; cursor: pointer; } .client-section .client-area .client-img li:hover a img { -webkit-filter: opacity(1) grayscale(0); filter: opacity(1) grayscale(0); } .client-section .client-area .client-img li a img { width: 5.85714rem; height: 6.42857rem; -webkit-filter: opacity(0.4) grayscale(1); filter: opacity(0.4) grayscale(1); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .contact_map { height: 100%; } #map { min-height: 100%; } .map-section .map-section-info { background: #ececec; margin-right: 70px; background-size: contain; position: relative; } .map-section .map-section-info:before { position: absolute; width: 100%; height: 100%; background: #ececec; content: ""; opacity: 0.95; } .map-section .map-section-info .map-contact { padding-left: 60px; margin: auto; } .map-section .map-section-info .map-contact .map-info { margin: 20px 0; } .map-section .map-section-info .map-contact .map-info .title { color: var(--secondary-color); margin-bottom: 10px; font-weight: 600; font-size: 18px; font-family: var(--heading-font); } .map-section .map-section-info .contact-form { background: var(--bg-color-two); margin-top: 100px; padding: 60px; margin-right: 80px; margin-bottom: 100px; } .map-section .map-section-info .contact-form .form-control { border-radius: 0; width: 100%; font-size: 14px; padding: 14px 10px; } .map-section .map-section-info .contact-form .submit-btn { background: var(--bg-color-two); border: 1px solid #8584853d; color: var(--paragraph-color); } .map-section .map-section-info .contact-form .submit-btn:hover { background: var(--hover-color); color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .map-section-two .map-section-info { background: #fcfcfc; } .map-section-two .map-section-info .contact-info { margin: 100px 60px 45px; } .map-section-two .map-section-info .contact-info .contact-form { background: var(--bg-color-two); padding: 60px; margin-bottom: 40px; } .map-section-two .map-section-info .contact-info .contact-form .subtitle { font-weight: 600; font-size: 30px; color: #2e2e2e; padding-bottom: 30px; } .map-section-two .map-section-info .contact-info .contact-form .subtitle::after { content: ""; width: 30px; height: 1px; background-color: var(--hover-color); position: absolute; bottom: 30%; left: 15px; } .map-section-two .map-section-info .contact-info .contact-form .form-control { border-radius: 0; width: 100%; border: 1px solid #efefef; font-size: 14px; padding: 14px 10px; } .map-section-two .map-section-info .contact-info .map-contact { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 60px; } .map-section-two .map-section-info .contact-info .map-contact .map-info { margin-bottom: 40px; margin-right: 35px; } .map-section-two .map-section-info .contact-info .map-contact .map-info .title { color: var(--secondary-color); margin-bottom: 10px; font-weight: 600; font-size: 18px; font-family: var(--heading-font); } .map-section-two .map-section-info .map-social { display: none; margin-left: 45px; } .map-section-two .map-section-info .map-social .subtitle { font-size: 15px; font-weight: 500; margin-left: 15px; } .map-section-two .map-section-info .map-social .social-link ul { padding: initial; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .map-section-two .map-section-info .map-social .social-link ul li a { height: 40px; width: 40px; text-align: center; padding-top: 2px; line-height: 35px; display: inline-block; border-radius: 50%; list-style-type: none; color: #ccc; } .map-section-two .map-section-info .map-social .social-link ul li a:hover { color: var(--bg-color-two); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: var(--hover-color); } .map-section-three .map-section-info { background: #fcfcfc; } .map-section-three .map-section-info .contact-info { margin: 100px 60px 70px; } .map-section-three .map-section-info .contact-info .contact-form { background: var(--bg-color-two); padding: 60px; margin-bottom: 40px; } .map-section-three .map-section-info .contact-info .contact-form .subtitle { font-weight: 600; font-size: 30px; color: #2e2e2e; padding-bottom: 30px; } .map-section-three .map-section-info .contact-info .contact-form .subtitle::after { content: ""; width: 30px; height: 1px; background-color: var(--hover-color); position: absolute; bottom: 30%; left: 15px; } .map-section-three .map-section-info .contact-info .contact-form .form-control { border-radius: 0; width: 100%; border: 1px solid #efefef; font-size: 14px; padding: 14px 10px; } .map-section-three .map-section-info .contact-info .contact-form .submit-btn { background: var(--hover-color); border: 1px solid #8584853d; color: #fff; } .map-section-three .map-section-info .contact-info .contact-form .submit-btn:hover { background: none; color: var(--paragraph-color); } .map-section-three .map-section-info .contact-info .map-social { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 60px; } .map-section-three .map-section-info .contact-info .map-social .subtitle { font-size: 15px; font-weight: 500; margin-top: 11px; } .map-section-three .map-section-info .contact-info .map-social .social-link ul { padding: initial; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .map-section-three .map-section-info .contact-info .map-social .social-link ul li a { height: 40px; width: 40px; text-align: center; padding-top: 2px; line-height: 35px; display: inline-block; border-radius: 50%; list-style-type: none; color: #ccc; } .map-section-three .map-section-info .contact-info .map-social .social-link ul li a:hover { color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .map-section-three .map-section-info .map-contact .map-info { margin-bottom: 40px; margin-right: 35px; } .map-section-three .map-section-info .map-contact .map-info .title { color: var(--secondary-color); margin-bottom: 10px; font-weight: 600; font-size: 18px; font-family: var(--heading-font); } .map-section-four .map-contact { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 60px; } .map-section-four .map-contact .map-info { margin-bottom: 40px; margin-right: 40px; } .map-section-four .map-contact .map-info .title { color: var(--secondary-color); margin-bottom: 10px; font-weight: 600; font-size: 18px; font-family: var(--heading-font); } .map-section-four .map-social { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 25px; } .map-section-four .map-social .subtitle { font-size: 18px; font-weight: 600; margin-top: 11px; } .map-section-four .map-social .social-link ul { padding: initial; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .map-section-four .map-social .social-link ul li a { height: 40px; width: 40px; text-align: center; padding-top: 2px; line-height: 35px; display: inline-block; border-radius: 50%; list-style-type: none; color: var(--paragraph-color); } .map-section-four .map-social .social-link ul li a:hover { color: var(--bg-color-two); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: var(--hover-color); } .contact_img { width: 100%; height: 100%; } .contact_img img { width: 100%; height: 100%; } .footer-top { background-color: var(--heading-color); } .footer-top.style-2 { background-color: #fff; } .footer-top.style-2 .footer-widget-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .footer-top.style-2 .footer-widget-content-wrapper .footer-logo { width: 140px; margin: auto; } .footer-top.style-2 .footer-widget-content-wrapper .widget { margin-bottom: 0; } .footer-top.style-2 .footer-widget-content-wrapper .widget .footer-link li { display: inline-block; } .footer-top.style-2 .footer-widget-content-wrapper .widget .footer-link li + li { margin-left: 50px; } .footer-top.style-2 .footer-widget-content-wrapper .widget .footer-link li a { color: var(--main-color-one); } .footer-top.style-2 .footer-widget-content-wrapper .widget .social-icon .social-share li + li { padding-left: 10px; border-left: 1px solid var(--main-color-one); } .footer-top.style-2 .footer-widget-content-wrapper .widget .social-icon .social-share li a { color: var(--main-color-one); } .footer-top.style-2 .footer-widget-content-wrapper .widget .social-icon .social-share li:hover a { color: var(--hover-color); } .copyright-area { background-color: #333; } .copyright-area.style-2 { background-color: #fff; border-top: 1px solid #ececec; } .copyright-area.style-2 .qry-copy { color: var(--main-color-one); } .qry-copy { color: #ececec; font-size: 0.8rem; } .qry-copy i { color: #d75a4a; } .qry-copy a { font-weight: 500; } .footer-icon a { color: var(--bg-color-two); height: 35px; width: 35px; display: inline-block; text-align: center; line-height: 35px; border-radius: 50%; margin-right: 15px; } .footer-icon a:hover { background: var(--hover-color); -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .subscribe-area.service-details { padding: 60px 100px 13px 100px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16); height: 100%; text-align: left; } .subscribe-area.service-details p { margin-left: 0; } .subscribe-area .subscribe-form { position: relative; } .subscribe-area .subscribe-form .form-group .form-control { height: 45px; background-color: #fff; border: 1px solid var(--hover-color); padding: 0 0 0 20px; color: var(--main-color-one); border-radius: 0px; padding-right: 32%; } .subscribe-area .subscribe-form .submit-btn { position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; padding: 10px 30px; text-align: center; font-size: 16px; color: #fff; background-color: var(--hover-color); border: none; cursor: pointer; } .footer-area .project-img { max-width: 320px; } .footer-area .project-img img { margin-bottom: 10px; margin-right: 10px; } .footer-area .project-img ul li { display: inline-block; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .footer-area .project-img ul li:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .accordion-wrapper .card { border: none; background-color: transparent; } .accordion-wrapper .card .card-header { background-color: transparent; padding: 0; border: none; } .accordion-wrapper .card .card-header a { display: block; font-size: 20px; line-height: 30px; font-weight: 600; background-color: #EFEFEF; padding: 30px 30px; cursor: pointer; color: #484848; position: relative; } .accordion-wrapper .card .card-body { background-color: #fff; padding: 20PX 30px 20px; } .back-to-top { position: fixed; right: 30px; bottom: 45px; width: 35px; height: 35px; background-color: var(--hover-color); color: #fff; text-align: center; line-height: 40px; z-index: 99; font-size: 30px; cursor: pointer; display: none; } .pre-wrap { position: fixed; content: ""; -webkit-transform: translate(-100%, -240%); -ms-transform: translate(-100%, -240%); transform: translate(-100%, -240%); font-size: 62px; } .preloader-inner { position: fixed; left: 0; top: 0; z-index: 9999999; background-color: rgba(2, 48, 71, 0.8); 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-one); width: 200px; height: 50px; text-align: center; line-height: 50px; border-radius: 30px; display: block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .preloader-inner .cancel-preloader a:hover { background-color: var(--secondary-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(--hover-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); } } .search-popup.active .search-form { visibility: visible; opacity: 1; } .search-popup .search-form { min-width: 415px; position: fixed; top: 40px; right: calc(8% + -6px); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; visibility: hidden; opacity: 0; z-index: 9; } .search-popup .search-form .form-group .form-control { border: none; border-radius: 0px; height: 45px; padding: 0 100px 0 30px; } .search-popup .search-form .submit-btn { position: absolute; right: -15px; top: -20px; width: 30px; height: 30px; border-radius: 50%; border-color: var(--hover-color); background-color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; padding: 0; text-align: center; } .search-popup .search-form .submit-btn span { color: #fff; font-size: 20px; } .body-overlay { position: fixed; width: 100%; height: 100%; display: block; background-color: rgba(42, 40, 29, 0.54); z-index: 9; content: ""; left: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; } .body-overlay.active { visibility: visible; opacity: 0.8; } .click-mobile-search { display: none; position: absolute; top: 80px; left: 0; z-index: 5; width: 100%; padding: 20px; background: #EFEFEF; } .social-icon .social-share { margin: 0; padding: 0; list-style: none; } .social-icon .social-share li { display: inline-block; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .social-icon .social-share li + li { margin-left: 10px; color: #918989; } .floating-icon { display: none; right: 7%; margin-top: 60px; background: #a5a5a5; z-index: 9999; text-align: center; color: #fff; padding: 10px 0px; float: right; position: -webkit-sticky; position: sticky; top: 6vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .floating-icon i:hover { color: #000; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .floating-icon__is { padding: 8px 12px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 18px; } .floating-icon__is:hover { cursor: pointer; } .info-popup { height: 100%; width: 100%; display: none; background: rgba(51, 63, 70, 0.9); position: fixed; opacity: 0; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; } .info-popup.active { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 9999; } .info-popup-content { width: 50%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10000; display: none; } .info-popup-content.active { display: block; } .info-popup-content__img { width: 100%; height: 100%; } .info-popup-content__img--one { background-image: url(../img/contact/one.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .info-popup-content__img--two { background-image: url(../img/contact/one.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .info-popup-content__img--three { background-image: url(../img/contact/one.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .info-popup-content__text { padding-top: 100px; padding-bottom: 100px; text-align: center; background: #fff; } .info-popup-content__text-header { margin-bottom: 30px; } .info-popup-content__text-body { margin-bottom: 30px; } .info-popup-content__text-body .divide { width: 50px; height: 1px; background: var(--paragraph-color); display: inline-block; } .info-popup-content__text-is { display: block; text-transform: capitalize; } .info-popup-content__title { margin-top: 0; margin-bottom: 0; } .info-popup-content_close { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; background: var(--hover-color); display: inline-block; border-radius: 30px; border: none; color: #fff; opacity: 1; z-index: 1; } .info-popup-content_close:hover { cursor: pointer; } .info-popup-content_close span { font-size: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #map-two { height: 100%; } .location-popup { height: 100%; width: 100%; display: none; background: rgba(51, 63, 70, 0.9); position: fixed; opacity: 0; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; } .location-popup.active { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 9999; } .location-popup-content { width: 50%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10000; display: none; } .location-popup-content.active { display: block; } .location-popup-content__img { width: 100%; height: 100%; } .location-popup-content__img--one { background-image: url(../img/contact/one.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .location-popup-content__img--two { background-image: url(../img/contact/one.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .location-popup-content__img--three { background-image: url(../img/contact/one.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .location-popup-content__text { padding-top: 100px; padding-bottom: 100px; text-align: center; background: #fff; } .location-popup-content__text-header { margin-bottom: 30px; } .location-popup-content__text-body { margin-bottom: 30px; } .location-popup-content__text-body .divide { width: 50px; height: 1px; background: var(--paragraph-color); display: inline-block; } .location-popup-content__text-is { display: block; text-transform: capitalize; } .location-popup-content__title { margin-top: 0; margin-bottom: 0; } .location-popup-content_close { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; background: var(--hover-color); display: inline-block; border-radius: 30px; border: none; color: #fff; opacity: 1; z-index: 1; } .location-popup-content_close:hover { cursor: pointer; } .location-popup-content_close span { font-size: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .message-popup { height: 100%; width: 100%; display: none; background: rgba(51, 63, 70, 0.9); position: fixed; opacity: 0; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; } .message-popup.active { opacity: 1; z-index: 9999; display: -webkit-box; display: -ms-flexbox; display: flex; } .message-popup-content { width: 50%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10000; display: none; } .message-popup-content.active { display: block; } .message-popup-content__img { width: 100%; height: 100%; } .message-popup-content__img--one { background-image: url(../img/contact/two.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .message-popup-content__img--two { background-image: url(../img/contact/two.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .message-popup-content__img--three { background-image: url(../img/contact/two.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .message-popup-content__text { padding-top: 100px; padding-bottom: 100px; text-align: center; background: #fff; padding-right: 40px; } .message-popup-content__text-header { margin-bottom: 30px; } .message-popup-content__text-body { margin-bottom: 30px; } .message-popup-content__text-body .divide { width: 50px; height: 1px; background: var(--paragraph-color); display: inline-block; } .message-popup-content__text-is { display: block; text-transform: capitalize; } .message-popup-content__title { margin-top: 0; margin-bottom: 0; } .message-popup-content_close { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; background: var(--hover-color); display: inline-block; border-radius: 30px; border: none; color: #fff; opacity: 1; z-index: 1; } .message-popup-content_close:hover { cursor: pointer; } .message-popup-content_close span { font-size: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup-form .form-group .form-control { border-radius: 0; padding: 14px 10px; background-color: transparent; color: var(--main-color-one); } .popup-form .form-group input { border: 1px solid #EFEFEF; } .popup-form .form-group textarea { border: 1px solid #EFEFEF; resize: none; } .popup-form .form-group textarea:focus { -webkit-box-shadow: none; box-shadow: none; border: 1px solid var(--hover-color); } .show-up-form-icons { bottom: -40px !important; opacity: 1 !important; } .flaticon-icon.style-01 { background: #474747; margin-right: 100px; text-align: center; padding: 35px 0; color: #fff; } .flaticon-icon.style-01 .icon i, .flaticon-icon.style-01 .icon span { margin: 15px; } .flaticon-icon.style-02 { color: #474747; } .flaticon-icon.style-02 .icon { margin-bottom: 40px; } .flaticon-icon.style-02 .icon i { padding: 0px 25px; } .terms-conditions-section .section-title { border: 1px solid var(--hover-color); display: inline-block; padding: 10px 20px; } .terms-conditions-area { padding: 40px 75px 70px 60px; } .terms-conditions-area .terms-area { height: 700px; } .terms-conditions-area .terms-area .terms-wraper { padding-right: 50px; } .terms-conditions-area .terms-area .terms-wraper .title { padding: 30px 0; position: relative; } .terms-conditions-area .terms-area .terms-wraper .title::before { content: ""; position: absolute; left: 0; bottom: 20px; width: 30px; height: 1px; background-color: var(--hover-color); } .terms-conditions-area .terms-area .terms-wraper ol { margin-left: 15px; } .terms-conditions-area .agreement-area { padding-right: 50px; } .terms-conditions-area .agreement-area p { padding: 35px 30px; border: 1px solid var(--hover-color); border-radius: 20px; margin-top: 30px; } .terms-conditions-area .terms-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 50px; } .terms-conditions-area .terms-btn .return-btn span { font-size: 22px; vertical-align: middle; margin-right: 5px; } .pagination { position: relative; } .pagination .controller-wrapper { width: 200px; margin: auto; position: absolute; bottom: -50px; left: 60%; } .pagination .controller-wrapper .active-controller { color: var(--hover-color); position: absolute; top: -17px; left: -35px; font-size: 25px; font-weight: 600; } .pagination .controller-wrapper .total-controller { color: #ccc; position: absolute; top: -10px; right: 50px; } .pagination .controller-wrapper .home-slider-progressbar { position: relative; z-index: 0; width: 120px; } .pagination .controller-wrapper .home-slider-progressbar .home-slider-progress { width: 120px; height: 2px; background-color: #ccc; position: absolute; } .pagination .controller-wrapper .home-slider-progressbar .home-slider-progress-active { position: absolute; left: 0; width: 40px; height: 2px; background-color: var(--hover-color); } .pagination .controller-wrapper .pagination-img { position: absolute; left: -180%; top: -13px; } .pagination .controller-wrapper .pagination-img .prev-arrow { margin-right: 40px; } .pagination .controller-wrapper .frist { color: #ccc; position: absolute; top: -10px; left: -60px; } .pagination .slider-nav { position: absolute; right: 62%; bottom: -28px; cursor: pointer; } .pagination .slider-nav .slick-prev { position: absolute; left: -30px; } .pagination .slider-nav .slick-prev i { color: #707070; font-size: 16px; padding: 10px 15px 10px 12px; border-radius: 50%; border: 0.5px solid var(--hover-color); color: var(--hover-color); } .pagination .slider-nav .slick-next { position: absolute; left: 30px; cursor: pointer; } .pagination .slider-nav .slick-next i { color: #707070; font-size: 16px; padding: 10px 11px 10px 15px; border-radius: 50%; border: 0.5px solid var(--hover-color); color: var(--hover-color); } .pagination .slider-nav-two { position: absolute; right: 57%; bottom: -85px; width: 100px; height: 60px; background: #EFEFEF; cursor: pointer; } .pagination .slider-nav-two .slick-prev { position: absolute; left: 7px; top: 10px; } .pagination .slider-nav-two .slick-prev i { color: #707070; font-size: 16px; padding: 10px 15px 10px 12px; border: 0.5px solid var(--hover-color); color: var(--hover-color); } .pagination .slider-nav-two .slick-next { position: absolute; left: 55px; cursor: pointer; top: 10px; } .pagination .slider-nav-two .slick-next i { color: #707070; font-size: 16px; padding: 10px 11px 10px 15px; border: 0.5px solid var(--hover-color); color: var(--hover-color); } .pagination span.one { position: absolute; width: 400px; height: 1px; background: var(--paragraph-color); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -50px; } .pagination span.two { position: absolute; width: 100px; height: 3px; background: var(--hover-color); left: 35%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -51px; } .login-modal { background: #011a4266; } .login-modal .modal-custom { max-width: 1170px; } .login-modal .modal-custom .modal-content { border-radius: 0px; } .login-modal .modal-custom .modal-content .close { position: absolute; top: -15px; right: -15px; z-index: 1; color: #fff; font-weight: 300; font-size: 30px; opacity: 1; width: 30px; height: 30px; padding: 0; border-radius: 50%; background-color: var(--hover-color); } .login-modal .modal-custom .modal-body { padding: 0; } .login-section { margin: 40px 25px; } .bg-image { background-size: cover; background-position: center; } .login-form { padding: 100px 65px; background-color: rgba(255, 255, 255, 0.94); } .login-form .title { font-size: 29px; color: #2e2e2e; font-family: var(--tasti-font); } .login-form .social-share { list-style: none; padding: 0; margin: 0; } .login-form .social-share li { display: inline-block; font-size: 20px; margin-right: 5px; } .login-form.forget-form { padding: 190px 220px; } .login-form.forget-form .form-group { margin-bottom: 30px; } .login-form.forget-form .form-group .form-control { border-radius: 0; padding: 0 5px; background-color: transparent; color: #7d7d7d; } .login-form.forget-form .form-group input { border: none; border-bottom: 1px solid #c8c8c8; } .login-form.forget-form .form-group input::-webkit-input-placeholder { color: #7d7d7d; } .login-form.forget-form .form-group input:-moz-placeholder { color: #7d7d7d; } .login-form.forget-form .form-group input::-moz-placeholder { color: #7d7d7d; } .login-form.forget-form .form-group input:-ms-input-placeholder { color: #7d7d7d; } .login-form.forget-form .form-group:focus { border-bottom: 1px solid #c8c8c8; } .login-form.forget-form .forget-content .title { font-size: 40px; font-weight: 500; color: #2e2e2e; line-height: 60px; margin-bottom: 25px; } .login-form.forget-form .forget-content p { font-size: 20px; font-weight: 500; color: #606060; margin-bottom: 30px; } .login-form.forget-form .forget-content .para { color: var(--hover-color); font-size: 14px; font-weight: 400; margin-bottom: 30px; position: relative; } .login-form.forget-form .forget-content .para:after { content: ""; background-color: var(--hover-color); width: 32px; height: 1px; left: 0; top: -15px; position: absolute; } .login-form.forget-form .return-btn { color: var(--hover-color); font-size: 14px; } .login-form.forget-form .return-btn span { font-size: 22px; vertical-align: middle; margin-right: 5px; } .login-form .form-group { margin-bottom: 30px; } .login-form .form-group label { color: #7d7d7d; } .login-form .form-group label span { color: #fb7049; } .login-form .form-group .form-control { border-radius: 0; padding: 14px 5px; font-size: 14px; background-color: transparent; color: var(--main-color-one); } .login-form .form-group input { border: none; border-bottom: 1px solid #c8c8c8; } .login-form .form-group input::-webkit-input-placeholder { color: --main-color-one; } .login-form .form-group input:-moz-placeholder { color: --main-color-one; } .login-form .form-group input::-moz-placeholder { color: --main-color-one; } .login-form .form-group input:-ms-input-placeholder { color: --main-color-one; } .login-form .form-group:focus { border-bottom: 1px solid #c8c8c8; } .reg-section .check-box { } .reg-section .check-box .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; color: #1d1d1d; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reg-section .check-box .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .reg-section .check-box .container .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 1px solid var(--hover-color); background-color: var(--hover-color); } .reg-section .check-box .checkmark:after { content: ""; position: absolute; display: none; left: 8px; top: 3px; width: 7px; height: 14px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .reg-section .check-box .container input:checked ~ .checkmark:after { display: block; } .login-back { padding: 279px 60px; background-color: rgba(255, 255, 255, 0.94); text-align: center; } .login-back .login-content .title { font-size: 75px; font-family: var(--tasti-font); line-height: 90px; color: #2e2e2e; } .login-back .login-content p { font-size: 20px; color: #525252; margin-bottom: 45px; } .url-error { height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; } .url-error .content-part { text-align: center; } .url-error .content-part .title { font-size: 260px; font-weight: 600; color: #fff; } .url-error .content-part .error-content { background: rgba(0, 0, 0, 0.16); padding: 40px 130px; display: inline-block; } .url-error .content-part .error-content .text { font-size: 30px; font-weight: 600; color: #fff; line-height: 27px; margin-bottom: 10px; } .url-error .content-part .error-content p { font-size: 16px; color: #fff; } .url-error .content-part .btn-wrapper .white-box { background-color: #fff; color: var(--hover-color); -webkit-box-shadow: 3px 6px 12px rgba(61, 61, 61, 0.3); box-shadow: 3px 6px 12px rgba(61, 61, 61, 0.3); } .no-background { background-color: #fff; } .no-background .content-part .title { color: #000; } .no-background .content-part .error-content .text { color: #000; } .no-background .content-part .error-content p { color: #000; } .coming-area { height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; } .coming-area .subscribe-area { width: 65%; margin: auto; } .coming-area .subscribe-area .form-control { border-radius: 0px; font-size: 14px; padding: 14px 10px; } .coming-area .subscribe-area .submit-btn-black { position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; height: 45px; text-align: center; font-weight: 400; font-size: 14px; color: #fff; background-color: #474747; padding: 0 25px; border: none; cursor: pointer; } .countdown-part { background-color: var(--hover-color); padding: 130px 200px 80px 200px; text-align: center; } .countdown-part .countdown-content { position: relative; } .countdown-part .countdown-content .title { font-size: 40px; color: #fff; font-weight: 400; letter-spacing: 28px; margin-bottom: 70px; } .countdown-part .countdown-content p { font-size: 16px; color: #fff; } .counter-part { padding: 25px 0 0; } .counter-part .counter-item { display: inline-block; margin-bottom: 70px; } .counter-part .counter-item + li { margin-left: 140px; } .counter-part .counter-item span { color: #fff; display: block; line-height: 35px; margin-bottom: 10px; font-size: 35px; font-weight: 400; } .counter-part .counter-item h6 { color: #fff; font-size: 18px; font-weight: 400; line-height: 18px; } .section-style { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 95px; } .section-style .one, .section-style .three { width: 135px; height: 1px; background: #fff; } .section-style .two { width: 16px; height: 16px; background: var(--hover-color); border: 1px solid #fff; border-radius: 50%; margin: 0 20px; } .service-details-section .title-style { position: relative; display: inline-block; } .service-details-section .title-style:after { content: ""; position: absolute; left: 0; bottom: -15px; width: 70px; height: 2px; background-color: var(--hover-color); } .service-details-section .service-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .service-details-section .service-content-wrapper .title { font-size: 45px; font-weight: 700; color: #474747; margin-bottom: 22px; } .service-details-section .service-content-wrapper .title.margin-more { margin-bottom: 34px; } .service-details-section .service-content-wrapper p { max-width: 700px; } .service-details-section .service-img { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .service-details-section .service-img .img-one, .service-details-section .service-img .img-two, .service-details-section .service-img .img-three { width: 350px; height: 410px; } .service-details-section .service-img .img-one img, .service-details-section .service-img .img-two img, .service-details-section .service-img .img-three img { width: 100%; height: 100%; } .service-details-section .service-img .img-two.m-top { margin-top: 60px; } .service-details-section .service-img .section-02:before { content: ""; width: 295px; height: 275px; background-color: #EFEFEF; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: -22; } .service-details-section .service-img .section-02 .img-one { width: 95%; height: 93%; margin-top: 32px; margin-left: 29px; } .service-details-section .service-img .section-02 .img-two { width: 53%; height: 92%; } .service-details-section .service-img .section-02 .img-two.style-02 { position: absolute; top: 23%; right: 11%; } .service-details-section .service-img .section-03 { display: -webkit-box; display: -ms-flexbox; display: flex; } .service-details-section .service-img .section-03 .style-03 { margin-right: 30px; } .service-details-section .service-img .section-03 .style-03 .img-one { margin-bottom: 30px; } .service-details-section .service-img .section-03 .style-03 .img-two, .service-details-section .service-img .section-03 .style-03 .img-one { width: 100%; height: 300px; } .service-details-section .service-img .section-03 .img-three { width: 48%; height: 630px; } .service-details-section .service-img .section-04 .style-04 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .service-details-section .service-img .section-04 .style-04 .img-one { width: 35%; height: 320px; margin-right: 27px; } .service-details-section .service-img .section-04 .style-04 .img-two { width: 62%; height: 320px; } .service-details-section .service-img .section-04 .img-three { width: 100%; height: 240px; } .service-details-section .service-img .section-05 .img-one { width: 100%; height: 555px; } .single-full-width-why-us-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 100px; } .single-full-width-why-us-item.right-img .left-content { text-align: right; } .single-full-width-why-us-item.right-img .left-content .img-wrap { position: relative; } .single-full-width-why-us-item.right-img .left-content .img-wrap .two { position: absolute; left: 0; bottom: 0; } .single-full-width-why-us-item.right-img .right-content { margin-left: 0; margin-right: 30px; } .single-full-width-why-us-item .left-content { width: 60%; } .single-full-width-why-us-item .left-content .img-wrap { position: relative; } .single-full-width-why-us-item .left-content .img-wrap .two { position: absolute; right: 16%; bottom: 0; } .single-full-width-why-us-item .right-content { max-width: 40%; margin-left: 30px; } .single-full-width-why-us-item .right-content .right-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .single-full-width-why-us-item .right-content .right-inner .title { font-size: 45px; font-weight: 700; padding-bottom: 8px; } .breadcrumb-area.ff-heading .bg-img-right { position: absolute; width: 65%; height: 70%; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .f-family { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f-family.family-02 { font-family: "Katibeh", cursive; } .f-family .ff-name { font-size: 30px; font-weight: 500; color: #474747; line-height: 24px; } .f-family .ff-style p { font-size: 84px; height: 114px; width: 114px; text-align: center; line-height: 114px; border: 1px solid #474747; color: #474747; } .f-family .ff-style-01 ul { list-style: none; padding: 0; margin: 0; color: #474747; } .f-family .ff-style-01 ul .style-01 { font-weight: 700; } .f-family .ff-style-01 ul .style-02 { font-weight: 600; } .f-family .ff-style-01 ul .style-03 { font-weight: 500; } .f-family .ff-style-01 ul .style-04 { font-weight: 400; } .heading-text-style span { margin-left: 50px; position: relative; } .heading-text-style span::after { content: ""; position: absolute; left: -40px; bottom: 10px; width: 30px; height: 1px; background-color: #ccc; } .shop-menu { padding: 0; margin: 0 15px 30px 15px; list-style: none; text-align: center; border-bottom: 1px solid var(--hover-color); padding-bottom: 10px; } .shop-menu .title { font-weight: 600; color: #ccc; margin-bottom: 40px; } .shop-menu li { display: inline-block; font-size: 18px; font-weight: 400; cursor: pointer; } .shop-menu li.active { color: var(--hover-color); border-bottom: 2px solid var(--hover-color); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .shop-menu li + li { margin-left: 50px; } .masonry-item { margin-bottom: 30px; } .single-work-item { position: relative; } .single-work-item:hover .thumb img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .single-work-item .thumb { overflow: hidden; height: 360px; } .single-work-item .thumb img { width: 100%; height: 100%; -webkit-transition: transform 500ms; -moz-transition: transform 500ms; -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; -o-transition: transform 500ms; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; } .single-work-item .content { background-color: #fff; padding: 10px 25px 5px; position: absolute; bottom: 0; left: 0; } .single-work-item .content .title { font-size: 20px; font-weight: 500; margin-bottom: 5px; text-transform: capitalize; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-work-item .content .title:hover { color: #565656; } .single-work-item .content .price { font-size: 18px; line-height: 26px; font-weight: 400; } .single-work-item .content .price a { color: var(--paragraph-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-work-item .content .price a:hover { color: #565656; } .single-work-item .cart-icon { position: absolute; background-color: rgba(123, 123, 123, 0.21); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .single-work-item .cart-icon ul { list-style: none; padding: 0; margin: 0; } .single-work-item .cart-icon ul li { color: #ccc; } .single-work-item .cart-icon ul li + li { border-top: 1px solid #EFEFEF; } .single-work-item .cart-icon ul li a { height: 50px; width: 40px; text-align: center; line-height: 50px; display: inline-block; list-style-type: none; color: rgba(255, 255, 255, 0.6); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .single-work-item .cart-icon ul li a:hover { color: var(--hover-color); background-color: #fff; } .section-shadow { -webkit-box-shadow: 0px 5px 20px rgba(177, 175, 175, 0.16); box-shadow: 0px 5px 20px rgba(177, 175, 175, 0.16); } .single-product-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .single-product-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 80px; padding-top: 80px; } .single-product-item .product-title .title { font-size: 20px; font-weight: 600; color: #7b7b7b; line-height: 55px; margin-bottom: 50px; } .single-product-item .product-details .product-img { width: 140px; height: 135px; } .single-product-item .product-details .product-img img { width: 100px; height: 100px; } .single-product-item .product-details .product-content .title { font-size: 20px; font-weight: 700; color: #565656; margin-bottom: 10px; } .single-product-item .product-details .product-content ul { list-style: none; margin: 0; padding: 0; } .single-product-item .product-details .product-content ul li { font-size: 17px; line-height: 30px; font-weight: 500; color: #7b7b7b; } .single-product-item .product-total-price .product-total-price-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .single-product-item .product-total-price .product-total-price-content .icon { background: var(--hover-color); font-size: 20px; font-weight: 400; border: 1px solid #8584853d; color: #fff; width: 31px; border-radius: 0px; font-family: var(--body-font); height: 31px; line-height: 31px; text-align: center; border-radius: 50%; margin-left: 70px; } .cart-checkout-wrapper .cart-items-wrapper { padding: 80px 0 95px 40px; } .cart-checkout-wrapper .cart-items-wrapper .summery-title .title { font-size: 30px; font-weight: 600; padding-bottom: 25px; } .cart-checkout-wrapper .cart-items-wrapper table { width: 100%; } .cart-checkout-wrapper .cart-items-wrapper table tr { padding: 10px 40px; } .cart-checkout-wrapper .cart-items-wrapper table tr th:first-child { width: 10%; } .cart-checkout-wrapper .cart-items-wrapper table tr th:nth-child(2) { width: 30%; } .cart-checkout-wrapper .cart-items-wrapper table tr td { font-size: 16px; font-weight: 600; color: var(--heading-color); } .cart-checkout-wrapper .cart-items-wrapper table tr td:first-child { padding-top: 37px; } .cart-checkout-wrapper .cart-items-wrapper table tr td:nth-child(2) { width: 30%; } .cart-checkout-wrapper .cart-items-wrapper table thead tr th { font-size: 20px; font-weight: 600; color: var(--heading-color); line-height: 55px; text-transform: capitalize; } .cart-checkout-wrapper .cart-items-wrapper table thead tr td { color: var(--paragraph-color); text-transform: capitalize; font-size: 20px; padding-top: 60px; } .cart-checkout-wrapper .cart-items-wrapper table tbody tr td .product-delete-btn span { background: var(--hover-color); font-size: 20px; font-weight: 400; display: block; border: 1px solid var(--hover-color); color: #fff; width: 31px; height: 31px; line-height: 31px; text-align: center; border-radius: 50%; } .cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-img { width: 140px; height: 135px; } .cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-img img { width: 100px; height: 100px; } .cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-name .product-content .title { font-size: 16px; font-weight: 700; color: #565656; margin-bottom: 10px; } .cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-name ul { list-style: none; margin: 0; padding: 0; } .cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-name ul li { font-size: 16px; line-height: 30px; font-weight: 500; color: var(--paragraph-color); } .product-quantity .quantity-count { display: inline-block; border-radius: 0; border: 1px solid #ccc; padding: 2px 10px; margin: 0; } .product-quantity .quantity-count li { display: inline-block; } .product-quantity .quantity-count .increase, .product-quantity .quantity-count .decrease { cursor: pointer; font-size: 14px; } .product-quantity .quantity-count input[type="text"] { border: none; background: transparent; display: block; text-align: center; max-width: 30px; } .product-quantity .quantity-count input[type="text"]:focus { outline: 0; border: none; } .coupon-form { position: relative; width: 60%; } .coupon-form .form-group .form-control { border-radius: 0; font-size: 14px; padding: 14px 10px; } .coupon-form .form-group input { border: none; border-bottom: 1px solid var(--hover-color); padding: 10px 0; } .coupon-form .form-group:focus { border-bottom: 1px solid var(--hover-color); } .coupon-form .submit-btn { position: absolute; top: 0; right: 0; } .single-product-cart-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #EFEFEF; height: 100%; padding-top: 60px; } .single-product-cart-wrapper .single-product-cart { width: 100%; padding: 0 40px; } .single-product-cart-wrapper .single-product-cart .title { font-size: 20px; font-weight: 600; } .single-product-cart-wrapper .single-product-cart .cart-total { font-size: 30px; font-weight: 600; margin-bottom: 100px; } .single-product-cart-wrapper .single-product-cart .cart-icon { text-align: center; padding: 50px; font-size: 100px; color: #fff; } .single-product-cart-wrapper .single-product-cart .cart-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; } .single-product-cart-wrapper .single-product-cart .cart-price .cart-total { color: #989898; font-size: 20px; font-weight: 400; line-height: 30px; margin-bottom: 20px; } .single-product-cart-wrapper .single-product-cart .cart-price .cart-total span { color: #1d1d1d; font-size: 25px; font-weight: 600; } .single-product-cart-wrapper .single-product-cart .cart-price p { color: #b8b4b4; font-size: 20px; } .single-product-cart-wrapper .single-product-cart .cart-price .total-rate { color: var(--hover-color); font-weight: 600; font-size: 20px; letter-spacing: 3px; } .single-product-cart-wrapper .single-product-cart .shopping-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 30px 0; } .single-product-cart-wrapper .single-product-cart .shopping-content .right-content { text-align: right; } .single-product-cart-wrapper .single-product-cart .shopping-content .right-content .selector-option { width: 165px; position: relative; height: 38px; color: #bebebe; background: transparent; border: 1px solid #bebebe; border-radius: 0; } .single-product-cart-wrapper .single-product-cart .shopping-content .right-content .selector-option > select { width: 100%; height: 37px; background: transparent; border: 0; color: #858585; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 1; padding-left: 10px; font-size: 16px; } .single-product-cart-wrapper .single-product-cart .shopping-content .right-content .selector-option .select-arrow { position: absolute; z-index: 0; border: 8px solid transparent; border-bottom: 0; right: 11px; } .single-product-cart-wrapper .single-product-cart .shopping-content .right-content .selector-option .select-arrow:nth-child(2) { top: 15px; border-top-color: #bebebe; } .single-product-cart-wrapper .single-product-cart .shopping-content .right-content .selector-option .select-arrow:nth-child(3) { top: 13px; border-top-color: #EFEFEF; } .single-product-cart-wrapper .single-product-cart .shopping-content .right-content span { color: var(--hover-color); } .single-product-cart-wrapper .single-product-cart .shopping-content .right-content a { color: var(--hover-color); } .button-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-wrapper { display: block; } .btn-wrapper .btn-showcase { font-family: var(--body-font); font-weight: 400; font-size: 14px; display: inline-block; color: var(--bg-color-two); background: var(--hover-color); padding: 14px 50px; letter-spacing: 0; text-align: center; border-radius: 0px; border-color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btn-wrapper .btn-showcase:hover { border-color: var(--hover-color); color: var(--paragraph-color); background-color: transparent; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; } .btn-wrapper .btn-blank { font-family: var(--body-font); font-weight: 400; font-size: 14px; color: var(--paragraph-color); background: none; padding: 14px 50px; letter-spacing: 0; display: inline-block; text-align: center; border-radius: 0px; border: 0.1px solid var(--paragraph-color); cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btn-wrapper .btn-blank:hover { background-color: var(--hover-color); color: #fff; border: 0.1px solid var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btn-wrapper .btn-blank.reverse-color { color: #fff; border: 0.1px solid rgba(255, 255, 255, 0.3); } .btn-wrapper .btn-blank.reverse-color:hover { background-color: #fff; color: var(--paragraph-color); border: 0.1px solid #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btn-wrapper .boxed-btn { background-color: none; color: #888888; font-size: 18px; font-weight: 400; display: inline-block; display: inline-block; padding: 14px 50px; text-align: center; border: 1px solid #aeaeae; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; } .btn-wrapper .boxed-btn.white:hover { background-color: #fff; color: var(--main-color-one); } .btn-wrapper .boxed-btn:hover { background-color: var(--hover-color); color: #fff; border: 1px solid var(--hover-color); } .btn-wrapper .boxed-btn.btn-rounded { border-radius: 30px; } .btn-wrapper .boxed-btn.reverse-color { background-color: var(--secondary-color); } .btn-wrapper .boxed-btn.reverse-color:hover { background-color: var(--main-color-one); } .border-none { border: none; } .hover-border { position: relative; } .hover-border::after { right: 0; bottom: 0; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; content: ""; width: 0; height: 1px; position: absolute; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; background: var(--paragraph-color); } .hover-border::before { left: 0; top: 0; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; content: ""; width: 0; height: 1px; position: absolute; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; background: var(--paragraph-color); } .hover-border span::after { right: 0; bottom: 0; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; content: ""; width: 1px; height: 0; position: absolute; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; background: var(--paragraph-color); } .hover-border span::before { left: 0; top: 0; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; content: ""; width: 1px; height: 0; position: absolute; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; background: var(--paragraph-color); } .hover-border:hover::after, .hover-border:hover::before { width: 100%; } .hover-border:hover span::after, .hover-border:hover span::before { height: 100%; } .see-btn { font-family: var(--body-font); font-weight: 500; font-size: 14px; color: #929292; background: #fff; padding: 14px 50px; letter-spacing: 0; text-align: center; border-radius: 0px; cursor: pointer; display: inline-block; border-color: var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .see-btn:hover { border-color: var(--hover-color); color: var(--hover-color); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .width-100 { width: 100%; } .submit-btn { background: var(--hover-color); font-size: 14px; font-weight: 400; color: #fff; padding: 14px 50px; border-radius: 0px; display: inline-block; font-family: var(--body-font); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; } .submit-btn:hover { background: none; color: var(--paragraph-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .login-btn { background: var(--hover-color); font-size: 15px; font-weight: 400; border: none; color: #fff; width: 160px; height: 45px; display: inline-block; border-radius: 0px; font-family: var(--body-font); cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .login-btn:hover { border-color: var(--hover-color); color: var(--paragraph-color); background-color: transparent; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; } .black-btn { background-color: #2b2b2b; padding: 10px 20px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .white-btn { background-color: #fff; color: #888888; border: 1px solid #aeaeae; } .coupon-btn { font-size: 16px; font-weight: 400; border: 1px solid var(--hover-color); color: var(--hover-color); padding: 10px 30px; border-radius: 20px; font-family: var(--body-font); background-color: #fff; display: inline-block; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .coupon-btn:hover { background: var(--hover-color); color: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .check-out-btn { font-size: 16px; font-weight: 400; border: 1px solid var(--hover-color); color: white; padding: 10px 30px; display: inline-block; border-radius: 20px; font-family: var(--body-font); cursor: pointer; background-color: var(--hover-color); } .check-out-btn:hover { background: none; border: 1px solid #8584853d; color: var(--paragraph-color); -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .hover-btn { background-color: var(--hover-color); color: #fff; font-size: 18px; font-weight: 400; display: inline-block; padding: 13px 40px; text-align: center; border: 1px solid var(--hover-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; } .round-btn { border-radius: 30px; padding: 10px 40px; } .desktop-center { text-align: center; } .desktop-left { text-align: left; } .desktop-right { text-align: right; } @media only screen and (max-width: 768px) { .tablet-center { text-align: center; } .tablet-left { text-align: left; } .tablet-right { text-align: right; } } @media only screen and (max-width: 414px) { .mobile-center { text-align: center; } .mobile-left { text-align: left; } .mobile-right { text-align: right; } } .contact-form { background: var(--bg-color-two); padding: 63px; } .contact-form .subtitle { font-weight: 500; font-size: 20px; color: #2e2e2e; padding-bottom: 30px; } .contact-form .subtitle::after { content: ""; width: 30px; height: 1px; background-color: var(--hover-color); position: absolute; bottom: 30%; left: 15px; } .contact-form .form-group { margin-bottom: 30px; } .contact-form .form-group .form-control { border-radius: 0; width: 100%; border: 1px solid #efefef; font-size: 14px; padding: 14px 10px; } .contact-form .form-group textarea { resize: none; } .contact-form .form-group textarea:focus { outline: 1px solid var(--hover-color); -webkit-box-shadow: none; box-shadow: none; } .section-title { text-align: center; } .section-title.white .title { color: #fff; } .section-title.white p { color: rgba(255, 255, 255, 0.7); } .section-title .title { font-size: 45px; line-height: 1.15; font-weight: 600; color: var(--heading-color); position: relative; } .section-title .title span { color: var(--main-color-one); } .section-title p { max-width: 720px; margin: auto; margin-top: 12px; } .bg-white { background-color: #fff; } .bg-grey { background-color: #EFEFEF; } .bg-grey-2 { background-color: #fbfbfb; }