:root {
--creote-family-one: "Spartan", sans-serif!important;
--creote-family-two: "Inter", sans-serif!important;
--primary-color-one: #078586;
--primary-color-two: #282f3b;
--primary-color-three: #f0f3f9;
--color-white:#fff;
--primary-color-four:#fafcff;
--text-color-dark: #4a4e56;
--text-color-dark-two: #888888;
--text-color-light: #aaafb8;
--heading-dark: #282f3b;
--link-color-dark: #282f3b;
--border-color-dark: #e4e7ee;
--border-color-dark-two:#373e4a;
--border-color-light: #fbfcfe;
--menu-color: #282f3b;
--menu-color-white: #ffffff;
--menu-dropdown-color: #282f3b;
--menu-active-color: #078586;
--box-shadow: 0px 0px 40px 0px rgba(0,0,0,.09);
--box-shadow-two: 0px 3px 16px 0px rgba(0 , 0 , 0 , .05);
--footer-default-bgcolor: #1f2530;
--preloader-background-color: #078586;
} body {
font-family: var(--creote-family-two);
font-size: 16px;
color: var(--text-color-dark);
font-weight: 400;
background: #ffffff;
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased !important;
-moz-font-smoothing: antialiased !important;
-o-font-smoothing: antialiased !important;
-ms-font-smoothing: antialiased !important;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
img {
max-width: 100%;
height: auto;
}
ul {
padding-left: 17px;
}
.page_wapper {
position: relative;
}
.page_wapper #wrapper_full {
overflow: hidden;
}
.footer_sticky_body .content_all_warpper {
position: relative;
z-index: 99999;
}
.fancybox-container {
z-index: 99999999;
}
.admin-bar .fixed-header .sticky_header_main {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .fixed-header .sticky_header_main {
top: 0px;
}
}
body.home .page_header_default {
padding: 180px 0px 100px;
}
.single-post.right-sidebar .content-area,
.single-post.left-sidebar .content-area {
padding: 100px 0px 70px;
}
.single-service.right-sidebar .content-area,
.single-service.left-sidebar .content-area {
padding: 100px 0px 70px;
}
.single-service.right-sidebar .content-area article.col-lg-12.service,
.single-service.left-sidebar .content-area article.col-lg-12.service {
padding-left: 7px;
padding-right: 7px;
}
@media (max-width: 992px) {
body.home .page_header_default {
padding: 100px 0px;
min-height: auto;
}
}
.no-results.not-found .header {
padding: 0px !important;
box-shadow: unset !important;
}
.row {
--bs-gutter-x: 0;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-right: 15px;
padding-left: 15px;
}
h1 a,
h1,
h2 a,
h2,
h3 a,
h3,
h4 a,
h4,
h5 a,
h5,
h6 a,
h6 {
font-weight: 700;
margin: 0;
color: var(--primary-color-two);
font-family: var(--creote-family-one);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
word-break: break-word;
}
.h1, h1 {
line-height: 54px;
}
.h2, h2 {
line-height: 44px;
}
.h3, h3 {
line-height: 38px;
}
.h4, h4 {
line-height: 34px;
}
.h5, h5 {
line-height: 30px;
}
.h6, h6 {
line-height: 26px;
}
p {
font-size: 16px;
line-height: 26px;
font-family: var(--creote-family-two);
font-weight: 400;
margin-bottom: 15px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
input,
input[type=text],
input[type=email],
input[type=number],
textarea,
select {
position: relative;
height: 56px;
line-height: 26px;
border-radius: 5px;
border: 1px solid var(--border-color-dark);
width: 100%;
padding: 4px 15px 0px 15px;
display: block;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
margin-bottom: 20px;
color: var(--text-color-dark);
}
input::-moz-placeholder {
color: var(--text-color-dark);
}
input::placeholder {
color: var(--text-color-dark);
}
textarea {
height: 150px;
padding: 20px 20px;
}
input[type=checkbox],
input[type=radio] {
width: auto;
height: auto;
margin: 0px;
display: inline-block;
padding: 0px;
}
input:focus,
textarea:focus,
select:focus,
input:active,
textarea:active,
select:active {
outline: 0px;
border-color: var(--primary-color-one);
}
input[type=submit] {
position: relative;
display: inline-block;
min-width: 160px;
min-height: 60px;
font-size: 12px;
line-height: 60px;
padding: 0px 20px;
border-radius: 10px 0px 10px 0px;
border: 1px solid var(--border-color-one);
background: var(--primary-color-one);
font-family: var(--creote-family-one);
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
padding: 0px 15px;
}
}
.container-fluid {
padding: 0px;
}
.full-container {
position: static;
max-width: 1800px;
padding: 0px 15px;
margin: 0 auto;
}
.large-container {
position: static;
max-width: 1480px;
padding: 0px 15px;
margin: 0 auto;
}
.medium-container {
position: static;
max-width: 1350px;
padding: 0px 15px;
margin: 0 auto;
}
.auto-container, .auto_container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.small-container {
max-width: 680px;
margin: 0 auto;
}
a {
text-decoration: none;
cursor: pointer;
color: var(--primary-color-one);
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
a:hover {
color: var(--primary-color-one);
}
#wrapper,
#content {
width: 100%;
height: 100%;
}
.elementor-column {
min-height: 0px !important;
}
ul li, ol li {
margin-bottom: 5px;
} .vc_custom_r_s .container-fluid {
padding: 0px;
}
.header_area .vc_column-inner {
padding: 0px !important;
} .site-content {
padding: 100px 0px 70px;
}
.project-template-template-fullwidth .site-content, .service-template-template-fullwidth .site-content, .project-template-template-homepage .site-content, .service-template-template-homepage .site-content {
padding: 0px;
}
.project-template-template-fullwidth .col-lg-12, .service-template-template-fullwidth .col-lg-12, .project-template-template-homepage .col-lg-12, .service-template-template-homepage .col-lg-12 {
padding: 0px;
}
.page-template-template-homepage .site-content,
.page-template-template-empty .site-content,
.page-template-template-full-empty .site-content,
.footer-template-template-empty .site-content {
padding: 0px;
}
.page-template-template-full-empty .page_wapper {
position: unset !important;
}
.right-sidebar .site-content, .left-sidebar .site-content {
padding: 0px;
}
.right-sidebar .site-content, .left-sidebar .site-content {
padding: 0px;
}
.right-sidebar .content-area, .left-sidebar .content-area {
padding: 100px 15px 70px;
}
.right-sidebar .content-area.projects, .left-sidebar .content-area.projects {
padding: 100px 0px 70px !important;
}
.right-sidebar .content-area.projects::before, .left-sidebar .content-area.projects::before {
display: none !important;
}
body.error404 .right-sidebar .content-area, body.error404 .left-sidebar .content-area {
display: none;
}
.single-post.right-sidebar .content-area, .single-post.left-sidebar .content-area {
padding: 0px 15px 0px;
}
.single-post.right-sidebar .blog_single_details_outer, .single-post.left-sidebar .blog_single_details_outer {
padding: 100px 0px 70px;
}
.project-template-template-fullwidth article.col-lg-12 {
padding: 0px;
}
.single-post .sec_comments .col-lg-12 {
padding: 0px;
} .loader-wrap {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
}
.preloader-close {
position: fixed;
z-index: 999999;
color: var(--preloader-background-color);
cursor: pointer;
right: 20px;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
top: 20px;
font-weight: 600;
border-radius: 50px;
background: #fff;
box-shadow: var(--box-shadow);
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999;
background-position: center center;
background-repeat: no-repeat;
}
.loader-wrap .layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: var(--preloader-background-color);
} .page_header_default {
position: relative;
min-height: 320px;
padding: 100px 0px 100px;
overflow: hidden;
align-items: center;
}
.page_header_default::before {
position: absolute;
content: "";
top: 0;
right: 0;
left: 0;
bottom: 0;
background: var(--primary-color-two);
opacity: 0.85;
z-index: 1;
}
.page_header_default .parallax_cover {
position: absolute;
top: 0;
min-height: 485px;
height: 100%;
width: 100%;
left: 0;
}
.page_header_default .parallax_cover img {
max-width: 100%;
height: 100% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 0px;
}
.page_header_default .page_header_content {
position: relative;
z-index: 3;
text-align: center;
}
.page_header_default .page_header_content .banner_title_inner {
position: relative;
margin-bottom: 20px;
}
.page_header_default .page_header_content .banner_title_inner .title_page {
color: #fff;
font-size: 60px;
line-height: 70px;
font-weight: 700;
font-family: var(--creote-family-one);
}
@media (max-width: 1400px) {
.page_header_default .simpleParallax {
position: absolute;
top: 0;
height: 100%;
bottom: 0;
right: 0;
width: 100%;
left: 0;
}
}
@media (max-width: 1200px) {
.page_header_default::after {
display: none;
}
}
.breadcrumbs {
position: relative;
display: inline-block;
}
.breadcrumbs ul {
position: relative;
padding: 0;
}
.breadcrumbs ul li {
margin-right: 30px;
color: #fff;
position: relative;
font-family: var(--creote-family-one);
font-size: 12px;
line-height: 18px;
font-weight: 600;
text-transform: uppercase;
}
.breadcrumbs ul li a {
color: rgba(255, 255, 255, 0.7);
position: relative;
text-decoration: none;
font-family: var(--creote-family-one);
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
padding-right: 30px;
}
.breadcrumbs ul li a:before {
position: absolute;
content: "\f105";
font-family: "FontAwesome";
right: 11px;
top: -4px;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
}
.breadcrumbs ul li a:last-child {
padding-right: 0px;
}
.breadcrumbs ul li a:last-child:before {
display: none;
}
.breadcrumbs ul li:before {
position: absolute;
content: "\f105";
font-family: "FontAwesome";
right: -19px;
top: -2px;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
}
.breadcrumbs ul li:last-child {
margin-right: 0;
}
.breadcrumbs ul li:last-child::before {
display: none;
}
.home.blog .page_header_default {
padding: 210px 0px 100px;
}
.home.blog .page_header_default .banner_title_inner {
margin: 0;
}
.home.blog .page_header_default .banner_title_inner h1 {
margin: 0px;
}
.blog_single_pageheader.page_header_default {
padding: 0px;
}
.blog_single_pageheader.page_header_default .page_header_content {
padding: 100px 0px 60px;
}
.blog_single_pageheader.page_header_default .page_header_content .banner_title_inner .date span {
color: #fff;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
display: block;
margin-bottom: 15px;
}
.blog_single_pageheader.page_header_default .meta_blog_single {
position: relative;
z-index: 3;
text-align: inherit;
padding-bottom: 25px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .left_side {
position: relative;
padding-top: 30px;
float: left;
}
.blog_single_pageheader.page_header_default .meta_blog_single .left_side .category,
.blog_single_pageheader.page_header_default .meta_blog_single .left_side .comments {
position: relative;
margin-right: 15px;
display: inline-block;
color: #fff;
}
.blog_single_pageheader.page_header_default .meta_blog_single .left_side .category a, .blog_single_pageheader.page_header_default .meta_blog_single .left_side .category span,
.blog_single_pageheader.page_header_default .meta_blog_single .left_side .comments a,
.blog_single_pageheader.page_header_default .meta_blog_single .left_side .comments span {
color: #fff;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .left_side .category i,
.blog_single_pageheader.page_header_default .meta_blog_single .left_side .comments i {
display: inline-block;
font-size: 16px;
color: var(--primary-color-one);
margin-right: 6px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side {
position: relative;
float: right;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht {
position: relative;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_content {
position: relative;
margin-right: 10px;
text-align: right;
padding: 10px 0px 0px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_content h6 {
color: #fff;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
margin-bottom: 5px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_content h4 {
color: #fff;
font-family: var(--creote-family-one);
font-weight: 700;
font-size: 14px;
line-height: 22px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_image {
position: relative;
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 50%;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 992px) {
.page_header_default {
padding: 100px 0px;
min-height: auto;
}
.home.blog .page_header_default {
padding: 100px 0px;
min-height: auto;
}
.page_header_default .parallax_cover {
min-height: 100%;
}
.page_header_default .page_header_content .banner_title_inner h1 {
font-size: 45px;
line-height: 55px;
}
}
@media (max-width: 768px) {
.page_header_default .page_header_content .banner_title_inner h1 {
font-size: 35px;
line-height: 45px;
}
} .blog_single_details_outer {
position: relative;
}
.blog_single_details_outer .single_content_upper {
position: relative;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid var(--border-color-dark);
} .logged-in-as {
margin-bottom: 10px;
}
.sec_comments {
position: relative;
margin-top: 50px;
}
.sec_comments .comment_box {
position: relative;
padding: 50px 40px;
border-radius: 10px;
border: 1px solid var(--border-color-dark);
margin-bottom: 60px;
}
.sec_comments .comment_box .title_commnt {
position: relative;
}
.sec_comments .comment_box .title_commnt h2 a {
margin-bottom: 20px;
font-size: 26px;
display: block;
line-height: 32px;
font-weight: 700;
color: var(--primary-color-two);
font-family: var(--creote-family-one);
}
.sec_comments .comment_box .comment-list {
position: relative;
padding: 0px;
margin: 0px;
}
.sec_comments .comment_box .comment-list li.comment {
list-style: none;
padding-bottom: 20px;
margin-bottom: 40px;
position: relative;
border-bottom: 1px solid var(--border-color-dark);
}
.sec_comments .comment_box .comment-list li.comment .media {
position: relative;
margin-left: 80px;
}
.sec_comments .comment_box .comment-list li.comment .media img {
position: absolute;
width: 60px;
height: 60px;
left: -80px;
top: 5px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.sec_comments .comment_box .comment-list li.comment .media .comment-text {
position: relative;
}
.sec_comments .comment_box .comment-list li.comment .media .comment-text h3 {
position: relative;
font-size: 18px;
display: block;
line-height: 28px;
font-weight: 700;
color: var(--primary-color-two);
font-family: var(--creote-family-one);
margin: 15px 0px;
}
.sec_comments .comment_box .comment-list li.comment .media .comment-text h1, .sec_comments .comment_box .comment-list li.comment .media .comment-text h2, .sec_comments .comment_box .comment-list li.comment .media .comment-text h4, .sec_comments .comment_box .comment-list li.comment .media .comment-text h5, .sec_comments .comment_box .comment-list li.comment .media .comment-text h6 {
margin: 15px 0px;
}
.sec_comments .comment_box .comment-list li.comment .media .comment-text .date {
position: absolute;
right: 0;
font-size: 12px;
font-weight: 600;
color: var(--primary-color-one);
font-family: var(--creote-family-one);
text-transform: uppercase;
top: 7px;
}
.sec_comments .comment_box .comment-list li.comment .media .comment-text .reply {
position: relative;
}
.sec_comments .comment_box .comment-list li.comment .media .comment-text .reply p {
display: inline-block;
margin-right: 15px;
font-size: 12px;
font-weight: 600;
color: var(--primary-color-one);
font-family: var(--creote-family-one);
text-transform: uppercase;
}
.sec_comments .comment_box .comment-list li.comment:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: 0px;
}
.sec_comments .comment_box .comment-list li.comment .children li {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: 0px;
padding-top: 40px;
margin-top: 20px;
border-top: 1px solid var(--border-color-dark);
}
.sec_comments .comment_box .comment-list li.comment .children li:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
}
.sec_comments .comment_box .comment-list ul li, .sec_comments .comment_box .comment-list ol li {
border: 0px;
padding-bottom: 5px;
margin-bottom: 0px;
}
.sec_comments .comment-respond {
position: relative;
margin-top: 20px;
}
.sec_comments .comment-respond .comment-reply-title {
font-size: 26px;
display: block;
line-height: 32px;
font-weight: 700;
color: var(--heading-dark);
font-family: var(--creote-family-one);
}
.sec_comments .comment-respond .comment-reply-title small {
margin: 5px 0px;
display: block;
}
.sec_comments .comment-respond .comment-reply-title small a {
font-size: 16px;
color: var(--primary-color-one);
}
.sec_comments .comment-respond form label {
position: relative;
display: block;
margin-bottom: 10px;
}
.sec_comments .comment-respond form .custom-checkbox label {
display: inline-block;
margin-left: 5px;
}
.sec_comments .comment-respond form .comment-form-author, .sec_comments .comment-respond form .comment-form-email {
width: 50%;
float: left;
}
.sec_comments .custom-control.custom-checkbox {
position: relative;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.comment-form-author {
padding-right: 15px;
}
.comment-form-email {
padding-left: 15px;
}
}
.previouse_next_post {
position: relative;
}
.previouse_next_post ul {
position: relative;
margin: 0px;
padding: 0px;
}
.previouse_next_post ul li {
position: relative;
width: 50%;
float: left;
margin: 0px;
list-style: none;
padding-top: 0px;
padding-bottom: 0px;
}
.previouse_next_post ul li:first-child {
padding-right: 15px !important;
padding-left: 0px !important;
}
.previouse_next_post ul li:last-child {
padding-right: 0px;
padding-left: 15px;
}
.previouse_next_post .text p {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: var(--text-color-dark);
font-family: var(--creote-family-one);
margin-bottom: 8px;
}
.previouse_next_post .text h2 a {
font-size: 16px;
line-height: 28px;
font-weight: 700;
text-transform: capitalize;
color: var(--heading-dark);
font-family: var(--creote-family-one);
display: block;
}
.previouse_next_post .prev_post {
padding: 30px;
border-radius: 10px;
position: relative;
border: 1px solid var(--border-color-dark);
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.previouse_next_post .prev_post .text {
position: relative;
margin-left: 65px;
}
.previouse_next_post .prev_post a.arrow {
position: absolute;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 0px 10px 0px 10px;
border: 1px solid var(--border-color-dark);
display: block;
left: 30px;
top: 0px;
bottom: 0;
margin: auto;
background: #fff;
text-align: center;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.previouse_next_post .prev_post a.arrow i {
transform: rotate(180deg);
display: block;
position: absolute;
right: 0;
bottom: 15px;
left: 0;
margin: auto;
}
.previouse_next_post .prev_post:hover {
border-color: var(--primary-color-one);
}
.previouse_next_post .prev_post:hover a.arrow {
color: #fff;
border-color: var(--primary-color-one);
background: var(--primary-color-one);
}
.previouse_next_post .next_post {
padding: 30px;
position: relative;
border-radius: 10px;
border: 1px solid var(--border-color-dark);
text-align: right;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.previouse_next_post .next_post a.arrow {
position: absolute;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 10px 0px 10px 0px;
border: 1px solid var(--border-color-dark);
display: block;
right: 30px;
top: 0px;
bottom: 0;
margin: auto;
background: #fff;
text-align: center;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.previouse_next_post .next_post a.arrow i {
position: absolute;
top: 16px;
right: 0;
display: block;
left: 0;
margin: auto;
}
.previouse_next_post .next_post .text {
position: relative;
margin-right: 65px;
}
.previouse_next_post .next_post:hover {
border-color: var(--primary-color-one);
}
.previouse_next_post .next_post:hover a.arrow {
color: #fff;
border-color: var(--primary-color-one);
background: var(--primary-color-one);
} .tags_and_share {
position: relative;
}
.tags_and_share.yes_share .share_content {
margin-bottom: 35px;
}
.tags_and_share.yes_tags .tags_content {
margin-bottom: 35px;
}
.tags_and_share .d-flex .tags_content, .tags_and_share .d-flex .share_content {
position: relative;
min-width: 50%;
}
.tags_and_share .d-flex .tags_content .title, .tags_and_share .d-flex .share_content .title {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: var(--text-color-dark);
font-family: var(--creote-family-one);
margin-bottom: 8px;
}
.tags_and_share .d-flex .share_content {
text-align: right;
}
.tags_and_share .d-flex .share_content button {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
line-height: 38px;
color: var(--text-color-dark);
background: #fff;
border-radius: 50px;
border: 1px solid var(--border-color-dark);
text-align: center;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.tags_and_share .d-flex .share_content button:hover {
border-radius: 10px 0px 10px 0px;
color: #fff;
border-color: var(--primary-color-one);
background: var(--primary-color-one);
}
.tags_and_share .d-flex .box_tags_psot .btn {
position: relative;
display: inline-block;
margin-right: 5px;
padding: 2px 20px 0px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
color: var(--text-color-dark);
font-family: var(--creote-family-one);
border: 1px solid var(--border-color-dark);
border-radius: 5px;
line-height: 30px;
margin: 0;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
margin-bottom: 5px;
}
.tags_and_share .d-flex .box_tags_psot .btn:hover {
color: #fff;
border-color: var(--primary-color-one);
background: var(--primary-color-one);
}
.tags_and_share .d-flex .box_tags_psot .btn:focus, .tags_and_share .d-flex .box_tags_psot .btn:active, .tags_and_share .d-flex .box_tags_psot .btn:hover {
outline: 0px;
box-shadow: 0px 0px 0px 0px !important;
}
.tags_and_share.yes_share .share_content {
min-width: 100%;
text-align: left;
}
.tags_and_share.yes_share.yes_tags .share_content {
min-width: 50%;
text-align: right;
} .prgoress_indicator {
position: fixed;
right: 50px;
bottom: 75px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transform: translateY(15px) !important;
transition: all 200ms linear !important;
}
.prgoress_indicator.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}
.prgoress_indicator::after {
position: absolute;
content: "\f106";
font-family: "FontAwesome";
text-align: center;
line-height: 46px;
font-size: 18px;
color: var(--primary-color-one);
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
font-weight: 900;
z-index: 1;
transition: all 200ms linear !important;
}
.prgoress_indicator::before {
position: absolute;
content: "\f106";
font-family: "FontAwesome";
text-align: center;
line-height: 46px;
font-size: 18px;
font-weight: 900;
opacity: 0;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 2;
transition: all 200ms linear !important;
}
.prgoress_indicator:hover ::after {
color: var(--primary-color-one);
}
.prgoress_indicator:hover ::before {
opacity: 1;
}
.prgoress_indicator svg path {
fill: none;
}
.prgoress_indicator svg.progress-circle path {
stroke: var(--primary-color-one);
stroke-width: 4;
box-sizing: border-box;
transition: all 200ms linear !important;
}
.footer_sticky_body .prgoress_indicator {
z-index: 99999999;
}
body.blog .extra_tit, body.archive .extra_tit {
display: none;
}
body.blog .enabled_custom_title .title_page .main_tit, body.archive .enabled_custom_title .title_page .main_tit {
display: block;
}
body .enabled_custom_title .title_page .main_tit {
display: none;
}
.vc_row.vc_row-o-full-height {
min-height: unset !important;
}
.vc_row.vc_row-flex {
display: block !important;
flex-wrap: unset !important;
}
.vc_row.vc_row-flex .common_container {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.vc_row.vc_row-flex > .common_container > .vc_column_container {
display: flex;
}
.vc_row.vc_row-o-equal-height > .common_container > .vc_column_container {
align-items: stretch;
}
.vc_row.vc_row-o-content-top > .common_container > .vc_column_container > .vc_column-inner {
justify-content: flex-start;
}
.vc_row.vc_row-o-content-top:not(.vc_row-o-equal-height) > .common_container > .vc_column_container {
align-items: flex-start;
}
.vc_row.vc_row-o-content-bottom > .common_container > .vc_column_container > .vc_column-inner {
justify-content: flex-end;
}
.vc_row.vc_row-o-content-bottom:not(.vc_row-o-equal-height) > .common_container > .vc_column_container {
align-items: flex-end;
}
.vc_row.vc_row-o-content-middle > .common_container > .vc_column_container > .vc_column-inner {
justify-content: center;
}
.vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height) > .common_container > .vc_column_container {
align-items: center;
}
.vc_row.vc_row-o-full-height .common_container {
min-height: 100vh;
}
.vc_row[data-vc-full-width].common_container,
.vc_row[data-vc-full-width-] .common_container, .vc_row[data-vc-stretch-content] .common_container {
max-width: unset !important;
}
.vc_row.vc_row-o-columns-stretch .common_container {
align-content: stretch;
}
.vc_row.vc_row-o-columns-top .common_container {
align-content: flex-start;
}
.vc_row.vc_row-o-columns-bottom .common_container {
align-content: flex-end;
}
.vc_row.vc_row-o-columns-middle .common_container {
align-content: center;
}
.vc_row.vc_column-gap-1 {
margin-left: -15.5px;
margin-right: -15.5px;
}
.vc_row.vc_column-gap-1 > .common_container > .vc_column_container {
padding: 0.5px;
}
.vc_row.vc_column-gap-2 {
margin-left: -16px;
margin-right: -16px;
}
.vc_row.vc_column-gap-2 > .common_container > .vc_column_container {
padding: 1px;
}
.vc_row.vc_column-gap-3 {
margin-left: -16.5px;
margin-right: -16.5px;
}
.vc_row.vc_column-gap-3 > .common_container > .vc_column_container {
padding: 1.5px;
}
.vc_row.vc_column-gap-4 {
margin-left: -17px;
margin-right: -17px;
}
.vc_row.vc_column-gap-4 > .common_container > .vc_column_container {
padding: 2px;
}
.vc_row.vc_column-gap-5 {
margin-left: -17.5px;
margin-right: -17.5px;
}
.vc_row.vc_column-gap-5 > .common_container > .vc_column_container {
padding: 2.5px;
}
.vc_row.vc_column-gap-10 {
margin-left: -20px;
margin-right: -20px;
}
.vc_row.vc_column-gap-10 > .common_container > .vc_column_container {
padding: 5px;
}
.vc_row.vc_column-gap-15 {
margin-left: -22.5px;
margin-right: -22.5px;
}
.vc_row.vc_column-gap-15 > .common_container > .vc_column_container {
padding: 7.5px;
}
.vc_row.vc_column-gap-20 {
margin-left: -25px;
margin-right: -25px;
}
.vc_row.vc_column-gap-20 > .common_container > .vc_column_container {
padding: 10px;
}
.vc_row.vc_column-gap-25 {
margin-left: -27.5px;
margin-right: -27.5px;
}
.vc_row.vc_column-gap-25 > .common_container > .vc_column_container {
padding: 12.5px;
}
.vc_row.vc_column-gap-30 {
margin-left: -30px;
margin-right: -30px;
}
.vc_row.vc_column-gap-30 > .common_container > .vc_column_container {
padding: 15px;
}
.vc_row.vc_column-gap-35 {
margin-left: -32.5px;
margin-right: -32.5px;
}
.vc_row.vc_column-gap-35 > .common_container > .vc_column_container {
padding: 17.5px;
} .application_button {
display: inline-block;
padding: 0px 25px;
border-radius: 10px 0px 10px 0px;
background: var(--primary-color-one);
color: #fff;
border: 1px solid var(--primary-color-one);
line-height: 56px;
font-family: var(--creote-family-one);
min-height: 56px;
min-width: 160px;
font-weight: 600;
font-size: 15px;
text-align: center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.application_button:hover {
background: #fff;
color: var(--primary-color-one);
border-radius: 0px 10px 0px 10px;
}
.theme-btn {
position: relative;
font-family: var(--creote-family-one);  }
.theme-btn.one {
display: inline-block;
padding: 0px 25px;
border-radius: 10px 0px 10px 0px;
background: var(--primary-color-one);
color: #fff;
border: 1px solid var(--primary-color-one);
line-height: 56px;
min-height: 56px;
min-width: 160px;
font-weight: 600;
font-size: 15px;
text-align: center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.theme-btn.one:hover {
background: #fff;
color: var(--primary-color-one);
border-radius: 0px 10px 0px 10px;
}
.theme-btn.two {
display: inline-block;
padding: 0px 25px;
border-radius: 10px 0px 10px 0px;
background: transparent;
color: var(--primary-color-one);
border: 1px solid var(--primary-color-one);
line-height: 56px;
min-height: 56px;
min-width: 160px;
text-align: center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
font-weight: 600;
font-size: 15px;
}
.theme-btn.two:hover {
background: var(--primary-color-one);
color: #fff;
border-radius: 0px 10px 0px 10px;
}
.theme-btn.three {
display: inline-block;
padding: 0px 25px;
border-radius: 30px;
background: var(--primary-color-one);
color: #fff;
line-height: 56px;
min-height: 56px;
min-width: 160px;
text-align: center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
overflow: hidden;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
z-index: 0;
}
.theme-btn.three::before {
position: absolute;
content: "";
width: 50%;
height: 100%;
left: -100%;
top: 0;
bottom: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
background: var(--primary-color-two);
z-index: -1;
}
.theme-btn.three::after {
position: absolute;
content: "";
width: 50%;
height: 100%;
right: -100%;
top: 0;
bottom: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
background: var(--primary-color-two);
z-index: -1;
}
.theme-btn.three:hover {
color: #fff;
}
.theme-btn.three:hover::after {
right: 0;
}
.theme-btn.three:hover::before {
left: 0;
}
.theme-btn.four {
position: relative;
display: inline-block;
font-size: 12px;
line-height: 22px;
color: var(--heading-dark);
text-transform: uppercase;
background: none !important;
font-family: var(--creote-family-one);
font-weight: 600;
}
.theme-btn.four i {
position: relative;
top: 2px;
font-size: 18px;
left: 5px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.theme-btn.four:hover {
color: var(--primary-color-one);
background: none !important;
}
.theme-btn.four:hover i {
left: 10px;
}
.theme-btn.five {
font-size: 12px;
position: relative;
text-align: center !important;
color: #fff;
background: var(--primary-color-one);
display: inline-block;
min-width: 180px;
height: 56px;
padding: 0px 18px;
line-height: 60px !important;
font-weight: 600;
transition: all 0.5s ease;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
text-transform: uppercase;
border-radius: 5px;
}
.theme-btn.five i {
position: relative;
top: 2px;
font-size: 18px;
left: 5px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.theme-btn.five:hover {
background: var(--primary-color-two);
color: #fff;
}
.theme-btn.five:hover i {
left: 10px;
}
.theme_btn_all {
position: relative;
}
.theme_btn_all.color_two a {
background: var(--primary-color-two);
color: #fff;
}
.theme_btn_all.color_two a:hover {
background: #fff;
color: var(--primary-color-one);
}
.theme_btn_all.color_two a.two {
background: transparent;
border-color: var(--primary-color-two);
color: var(--primary-color-two);
}
.theme_btn_all.color_two a.two:hover {
background: var(--primary-color-two);
color: #fff;
} .top_bar {
position: relative;
background: var(--primary-color-two);
}
.top_bar .top_inner {
display: table;
width: 100%;
}
.top_bar .top_inner .common_css {
display: table-cell;
vertical-align: top;
line-height: 50px;
}
.top_bar .top_inner .common_css .contntent {
position: relative;
display: inline-block;
margin-left: 25px;
margin-right: 25px;
vertical-align: top;
}
.top_bar .top_inner .common_css .contntent i {
position: absolute;
left: -25px;
top: 0;
color: var(--primary-color-one);
margin-right: 5px;
bottom: 0;
margin: auto;
font-size: 16px;
line-height: 16px;
height: 16px;
}
.top_bar .top_inner .common_css .contntent .text {
position: relative;
}
.top_bar .top_inner .common_css .contntent .text small {
font-size: 15px;
color: #fff;
margin-right: 5px;
}
.top_bar .top_inner .common_css .contntent .text span, .top_bar .top_inner .common_css .contntent .text a {
font-size: 15px;
color: var(--text-color-light);
}
.top_bar .top_inner .common_css .contntent .text span i, .top_bar .top_inner .common_css .contntent .text a i {
position: relative;
margin-left: 9px !important;
top: inherit;
right: inherit;
left: inherit;
margin: inherit;
height: auto;
font-size: 13px;
color: var(--text-color-light);
}
.top_bar .top_inner .common_css .contntent:last-child {
margin-right: 0px;
}
.top_bar .top_inner .right_side {
float: right;
}
.top_bar.style_two {
position: relative;
background: var(--primary-color-one);
}
.top_bar.style_two .auto-container {
max-width: 1400px;
}
.top_bar.style_two .top_inner .common_css .cbutton {
top: 8px;
margin: 0px;
}
.top_bar.style_two .top_inner .common_css .cbutton a {
background: rgba(255, 255, 255, 0.1);
min-height: 35px;
color: #fff;
line-height: 35px;
display: inline-block;
text-transform: inherit;
font-weight: 400;
font-size: 14px;
}
.top_bar.style_two .top_inner .common_css .media small {
font-size: 12px;
text-transform: uppercase;
}
.top_bar.style_two .top_inner .common_css .media small, .top_bar.style_two .top_inner .common_css .media i {
margin-right: 10px;
position: relative;
top: inherit;
left: inherit;
right: inherit;
bottom: inherit;
color: #fff !important;
}
.top_bar.style_two .top_inner .common_css .media a:last-child small, .top_bar.style_two .top_inner .common_css .media a:last-child i {
margin-right: 0px;
}
.top_bar.style_two .top_inner .common_css i {
color: #fff;
font-size: 13px;
}
.top_bar.style_two .top_inner .common_css .text small {
color: #fff;
}
.top_bar.style_two .top_inner .common_css .text span, .top_bar.style_two .top_inner .common_css .text a {
color: #fff;
}
.header_boxed.style_four .top_bar .top_inner .common_css .contntent i {
color: #fff;
}
.header_boxed.style_four .top_bar .top_inner .common_css .contntent .text span, .header_boxed.style_four .top_bar .top_inner .common_css .contntent .text a {
color: #fff !important;
opacity: 0.8;
}
.header_boxed.style_four .top_bar .top_inner .right_side .contntent {
margin-left: 0px;
}
.header_boxed.style_four .top_bar .top_inner .right_side .contntent.button a i {
color: var(--heading-dark);
right: unset;
left: 5px;
}
.header_boxed.style_four .top_bar .top_inner .common_css .contntent .text span i, .header_boxed.style_four .top_bar .top_inner .common_css .contntent .text a i {
margin-left: 20px !important;
}
.top_bar .top_inner .common_css .contntent .text i {
display: inline-block !important;
} .fixed-header .header.style_two .logo_column .header_log_outer .phone_box .text small {
color: var(--primary-color-one);
}
.fixed-header .header.style_two .logo_column .header_log_outer .phone_box .text a {
color: var(--primary-color-two);
}
@media (max-width: 992px) {
.top_bar {
padding: 15px 0px 5px;
}
.top_bar .top_inner {
display: block;
text-align: center;
}
.top_bar .top_inner .common_css {
display: block;
line-height: normal;
}
.top_bar .top_inner .common_css .contntent {
position: relative;
margin-bottom: 10px;
}
.top_bar .top_inner .common_css.right_side {
float: none;
}
}
@media (max-width: 768px) {
.top_bar .top_inner .common_css .contntent {
margin: 0px 0px 15px;
display: block;
}
.top_bar .top_inner .common_css .contntent i {
display: none;
}
} .header_style_six_nw .top_bar.style_six {
position: relative;
background: transparent;
}
.header_style_six_nw .top_bar.style_six .top_inner {
display: flex;
position: relative;
justify-content: space-between;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css {
position: relative;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.left_side ul {
float: left;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.left_side ul li {
margin-right: 12px;
padding-left: 15px;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.left_side ul li::before {
position: absolute;
content: "";
width: 4px;
height: 4px;
border-radius: 10px;
background: #fff;
opacity: 0.5;
top: 0;
left: 3px;
bottom: 0;
margin: auto;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.left_side ul li::after {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-radius: 10px;
background: transparent;
border: 1px solid #fff;
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css ul {
position: relative;
padding-left: 0px;
margin-bottom: 0px;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css ul li {
display: inline-block;
margin-bottom: 0px;
position: relative;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css ul li a {
font-size: 15px;
color: #fff;
line-height: 25px;
font-weight: 400;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css ul li a:hover {
color: var(--primary-color-one);
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box {
display: flex;
float: right;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .btn_lf_side {
position: relative;
margin-right: 20px;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .btn_lf_side a {
font-size: 15px;
line-height: 30px;
border-radius: 30px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.4);
display: inline-block;
padding: 0px 22px;
height: 31px;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .btn_lf_side a:hover {
border-color: #fff;
background: #fff;
color: var(--primary-color-one);
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side {
position: relative;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul {
position: relative;
padding-left: 0px;
margin-bottom: 0px;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li {
display: inline-block;
margin-bottom: 0px;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li:last-child {
margin-right: 0px;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li a {
font-size: 14px;
line-height: 30px;
border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.4);
display: block;
height: 31px;
text-align: center;
width: 31px;
color: #fff;
}
.header_style_six_nw .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li a:hover {
border-color: #fff;
background: #fff;
color: var(--primary-color-one);
} .nav-link {
padding: 0px;
}
.crt_mobile_menu {
position: fixed;
right: 0;
top: 0;
width: 100%;
padding-right: 30px;
max-width: 100%;
height: 100%;
z-index: 999999;
visibility: hidden;
transform: translateX(-100%);
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-ms-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
}
.crt_mobile_menu .menu-backdrop {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: 1;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background: #282f3b;
opacity: 0.8;
cursor: pointer;
}
.crt_mobile_menu .menu-box {
position: absolute;
left: 0px;
top: 0px;
width: 300px;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #fff;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-ms-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
border-radius: 0px;
padding: 20px;
}
.crt_mobile_menu .menu-box form {
position: relative;
margin-bottom: 30px;
}
.crt_mobile_menu .menu-box form input {
margin-bottom: 0px;
}
.crt_mobile_menu .menu-box form button {
position: absolute;
right: 7px;
border-radius: 5px;
background: var(--primary-color-one);
width: 41px;
height: 41px;
text-align: center;
font-size: 15px;
color: #fff;
border: 0px;
bottom: 0;
top: 0;
margin: auto;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav {
margin: 0px;
padding: 0px;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li {
list-style: none;
position: relative;
border-bottom: 1px solid var(--border-color-dark);
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li a {
font-size: 15px;
line-height: 50px;
font-weight: 600;
color: var(--menu-color);
font-family: var(--creote-family-one);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
min-height: 50px;
padding: 0px 40px 0px 0px;
display: flex;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li.dropdown .dropdown-btn {
position: absolute;
right: 0px;
top: 10px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
border: 1px solid var(--border-color-dark);
border-radius: 3px;
cursor: pointer;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu {
position: relative;
border: 0px;
padding: 0px !important;
border-radius: 0px;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .dropdown-menu li {
display: block;
padding-right: 0px;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li:last-child {
border: 0px;
padding-bottom: 0px;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li ul {
border-top: 1px solid var(--border-color-dark) !important;
margin-left: 7px !important;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li li a {
font-size: 14px;
font-weight: 400;
}
.crt_mobile_menu .menu-box .close-btn {
position: relative;
width: 40px;
height: 40px;
border-radius: 50px;
line-height: 40px;
text-align: center;
border: 1px solid var(--border-color-dark);
text-align: center;
display: block;
margin-bottom: 20px;
margin-left: auto;
}
.crt_mobile_menu-visible .crt_mobile_menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-ms-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
}
.crt_mobile_menu-visible .crt_mobile_menu .menu-box {
opacity: 1;
visibility: visible;
transform: translateX(0);
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-ms-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
} .sticky_header_main {
position: relative;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.header,
.default_sickty_heaad {
position: relative;
background: #ffffff;
padding: 20px 0px 16px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.header .header_logo_box,
.default_sickty_heaad .header_logo_box {
position: relative;
}
.header .header_logo_box img,
.default_sickty_heaad .header_logo_box img {
display: block;
width: 170px;
height: auto;
margin-bottom: 0px;
}
.header .header_logo_box .logo_default,
.default_sickty_heaad .header_logo_box .logo_default {
display: block;
}
.header .header_logo_box .logo__sticky,
.default_sickty_heaad .header_logo_box .logo__sticky {
display: none;
}
.header .header_logo_box .site-description,
.default_sickty_heaad .header_logo_box .site-description {
position: absolute !important;
text-indent: -9999px !important;
height: 0 !important;
line-height: 0 !important;
visibility: hidden !important;
}
.header .header_logo_box .mobile_logo,
.default_sickty_heaad .header_logo_box .mobile_logo {
display: none;
}
.header .header_logo_box .mobile_logo_sticky,
.default_sickty_heaad .header_logo_box .mobile_logo_sticky {
display: none;
}
.header .header_content_collapse .navigation_menu,
.default_sickty_heaad .header_content_collapse .navigation_menu {
float: right;
}
.header .header_content_collapse .navigation_menu .navbar_nav,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav {
padding: 0;
margin: 0px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li {
position: relative;
margin-right: 30px;
padding: 20px 0px;
margin-bottom: 0px !important;
display: inline-block;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.dropdown,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.dropdown {
margin-right: 40px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.dropdown.mega_menu,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.dropdown.mega_menu {
margin-right: 27px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn {
position: absolute;
right: -31px;
top: 0;
bottom: 0;
margin: auto;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn span:before,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn span:before {
font-family: "FontAwesome";
color: var(--text-color-light);
font-weight: 400;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu a.nav-link span.fa-angle-down,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu a.nav-link span.fa-angle-down {
display: inline-block;
margin-left: 6px;
color: var(--text-color-light);
top: 1px;
position: relative;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu a.nav-link span.fa-angle-down::before,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu a.nav-link span.fa-angle-down::before {
font-weight: 400;
font-family: "fontawesome";
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-btn,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-btn {
display: none;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu {
background: transparent !important;
padding: 0px !important;
box-shadow: none !important;
z-index: 999;
}
.header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li a.nav-link {
font-size: 15px;
line-height: 26px;
padding: 0;
font-weight: 600;
color: var(--menu-color);
font-family: var(--creote-family-one);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link:hover,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li a.nav-link:hover {
color: var(--menu-active-color);
}
.header .header_content_collapse .navigation_menu .navbar_nav li:last-child,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li:last-child {
margin-right: 0px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.active a.nav-link,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.active a.nav-link {
color: var(--menu-active-color);
}
.header .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span {
color: var(--menu-active-color);
}
.header .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before {
color: var(--menu-active-color);
}
.header .header_content_collapse .navigation_menu .navbar_nav li.active.mega_menu a.nav-link span.fa-angle-down,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.active.mega_menu a.nav-link span.fa-angle-down {
color: var(--menu-active-color);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu {
transition: top 0.3s ease 0s, opacity 0.3s;
-ms-transition: top 0.3s ease 0s, opacity 0.3s;
-moz-transition: top 0.3s ease 0s, opacity 0.3s;
-o-transition: top 0.3s ease 0s, opacity 0.3s;
position: absolute;
top: 40%;
left: 8px;
width: 220px;
padding: 13px 25px;
transform: scaleX(0);
background-color: #fff;
margin-top: 23px;
box-shadow: var(--box-shadow);
border: 0px;
border-radius: 10px;
display: block !important;
z-index: 999;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu::before,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu::before {
content: "";
width: 100%;
height: 40px;
position: absolute;
background-color: transparent;
left: 0;
top: -25px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li {
display: block;
padding: 5px 0px;
margin: 0 !important;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li a.nav-link,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li a.nav-link {
color: var(--text-color-dark) !important;
font-size: 15px;
line-height: 25px;
font-weight: 400;
font-family: var(--creote-family-two);
display: block;
white-space: inherit;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li, .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu ul li {
transition-delay: 0.1s;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-btn,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-btn {
right: -25px;
transform: rotate(-90deg);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-btn span:before,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-btn span:before {
color: var(--text-color-dark);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu {
left: 205px;
margin-top: -22px;
opacity: 1;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu::before,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu::before {
left: -35px;
height: 60px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu {
left: -40px;
margin-top: 10px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu {
width: 100%;
left: 0;
margin-left: auto;
margin-right: auto;
right: 0;
transition: top 0.5s ease 0s, opacity 0.5s;
-ms-transition: top 0.5s ease 0s, opacity 0.5s;
-moz-transition: top 0.5s ease 0s, opacity 0.5s;
-o-transition: top 0.5s ease 0s, opacity 0.5s;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu .elementor-section-wrap .menu,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu .elementor-section-wrap .menu {
padding-left: 0px;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu .elementor-section-wrap .menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu .elementor-section-wrap .menu li {
position: relative;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu .elementor-section-wrap .menu li a,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu .elementor-section-wrap .menu li a {
display: block;
font-size: 15px;
line-height: 26px;
color: var(--menu-color);
font-weight: 400;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu .elementor-section-wrap .footer_widgets .fo_wid_title h2,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu .elementor-section-wrap .footer_widgets .fo_wid_title h2 {
font-weight: 600;
font-size: 16px;
line-height: 26px !important;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .elementor-section-full_width .elementor-container,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .elementor-section-full_width .elementor-container {
max-width: 100%;
}
.header .header_content_collapse .navigation_menu .navbar_nav li.mega_menu:hover .dropdown-menu,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li.mega_menu:hover .dropdown-menu {
top: 71% !important;
}
.header .header_content_collapse .navigation_menu .navbar_nav li:hover > .dropdown-menu,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li:hover > .dropdown-menu {
opacity: 1;
z-index: 9999;
top: 87%;
transform: scaleX(1);
-ms-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li {
transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
opacity: 0;
visibility: hidden;
transform: translateY(5px);
transition-delay: 0.19s;
}
.header .header_content_collapse .navigation_menu .navbar_nav li:hover .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li:hover .dropdown-menu li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li:hover .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li:hover .dropdown-menu li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li,
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu li {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header.style_four .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu, .header.style_three .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu, .header.style_two_remade .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu,
.default_sickty_heaad.style_four .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu,
.default_sickty_heaad.style_three .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu,
.default_sickty_heaad.style_two_remade .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu {
width: 100%;
}
.header.style_four .header_content_collapse .navigation_menu .navbar_nav li.mega_menu:hover .dropdown-menu,
.default_sickty_heaad.style_four .header_content_collapse .navigation_menu .navbar_nav li.mega_menu:hover .dropdown-menu {
top: 85% !important;
}
.header .hamburger_menu,
.default_sickty_heaad .hamburger_menu {
position: relative;
float: none;
top: 0px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
margin-top: 0px;
z-index: 11;
}
.header .hamburger_menu .line,
.default_sickty_heaad .hamburger_menu .line {
width: 25px;
height: 2px;
background-color: var(--menu-color);
display: block;
margin: 6px auto;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.header .hamburger_menu:before,
.default_sickty_heaad .hamburger_menu:before {
content: "";
position: absolute;
box-sizing: border-box;
width: 40px;
height: 40px;
border: 1px solid transparent;
top: calc(50% - 20px);
left: calc(50% - 21px);
border-radius: 100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
margin-left: 1px;
}
.default_sickty_heaad {
padding: 12px 0px 7px !important;
}
.default_sickty_heaad .header_logo_box img {
width: 140px;
margin-top: 7px;
} .header .navbar_togglers, .sticky_header_main .navbar_togglers {
position: relative;
display: none;
}
.default_sickty_heaad .d-flex {
justify-content: space-between;
}
.default_sickty_heaad .logo_column {
padding-right: 50px;
}
.default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li:last-child {
margin-left: 0px !important;
}
.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active {
background: transparent;
border: none;
}
.dropdown-toggle::after {
display: none !important;
} .search-popup {
position: fixed;
left: 0;
top: 0px;
width: 100%;
height: 20%;
z-index: 99999;
visibility: hidden;
opacity: 0;
overflow: auto;
background: var(--primary-color-one);
transform: translateY(-101%);
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.search-popup.popup-visible {
transform: translateY(0%);
visibility: visible;
opacity: 1;
}
.search-popup.popup-visible .search-form {
opacity: 1;
transform: translateY(0px);
transition: all 500ms ease 500ms;
-moz-transition: all 900ms ease 500ms;
-webkit-transition: all 900ms ease 500ms;
-ms-transition: all 900ms ease 500ms;
-o-transition: all 900ms ease 500ms;
}
.search-popup.popup-visible .search-form fieldset {
position: relative;
padding: 0px;
}
.search-popup .overlay-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: block;
}
.search-popup .close-search {
position: absolute;
right: 25px;
top: 25px;
width: 30px;
color: #fff;
height: 30px;
line-height: 26px;
text-align: center;
border-radius: 50%;
font-size: 10px;
font-weight: 700;
cursor: pointer;
z-index: 5;
transition: all 500ms ease;
}
.search-popup .close-search i {
font-size: 20px;
}
.search-popup .search-form {
position: relative;
padding: 55px 15px 0px;
max-width: 1024px;
margin: 0 auto;
opacity: 0;
transform: translateY(50px);
z-index: 10;
}
.search-popup .search-form {
margin-bottom: 30px;
}
.search-popup .search-form input, .search-popup .search-form input[type=search] {
position: relative;
height: 60px;
padding: 20px 60px 20px 30px;
background: #fff;
line-height: 30px;
font-size: 16px;
color: var(--primary-color-one);
border-radius: 5px;
box-shadow: none;
outline: none;
border: none;
margin: auto;
}
.search-popup .search-form button {
position: absolute;
top: 0;
right: 5px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 16px;
background: var(--primary-color-two);
color: #fff;
border-radius: 5px;
bottom: 0;
margin: auto;
border: 0px;
font-weight: 400;
}
.search-popup h3 {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
letter-spacing: 1px;
text-align: center;
}
.search-popup .recent-searches {
font-size: 16px;
text-align: center;
}
.search-popup .recent-searches li {
display: inline-block;
margin: 0px 10px 10px 0px;
}
.search-popup .recent-searches li a {
display: block;
line-height: 24px;
padding: 7px 15px;
border-radius: 3px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
} .modal_popup {
position: fixed;
left: 0;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
visibility: hidden;
opacity: 0;
padding: 100px 0px 0px;
overflow: auto;
background: none;
transform: translateY(-101%);
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.modal_popup::before {
position: absolute;
content: "";
background: #fff;
opacity: 0.3;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
}
.modal_popup.contact-popup-visible {
transform: translateY(0%);
visibility: visible;
opacity: 1;
}
.modal_popup .modal-popup-inner {
background: var(--primary-color-three);
border-radius: 10px;
position: relative;
max-width: 1140px;
margin: auto;
}
.modal_popup .modal-popup-inner .close-modal {
position: absolute;
right: -15px;
top: -15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50px;
background: var(--primary-color-one);
color: #fff;
font-size: 16px;
z-index: 3;
cursor: pointer;
}
.modal_popup .modal-popup-inner .form_inner {
position: relative;
padding: 40px 50px 30px;
background: #fff;
border-radius: 10px;
box-shadow: var(--box-shadow-two);
}
.modal_popup .modal-popup-inner .form_inner p {
position: relative;
margin: 0px 0px 15px;
padding: 0px;
}
.modal_popup .modal-popup-inner .form_inner p:last-child input {
margin: 0px;
}
.modal_popup .modal-popup-inner .form_inner p span {
display: block;
width: 100%;
}
.modal_popup .modal-popup-inner .form_inner p label {
display: block;
width: 100%;
font-size: 12px;
color: var(--heading-dark);
font-weight: 600;
text-transform: uppercase;
font-family: var(--creote-family-one);
}
.modal_popup .modal-popup-inner .form_inner textarea {
height: 150px;
}
.modal_popup .modal-popup-inner .form_inner .ajax-loader, .modal_popup .modal-popup-inner .form_inner .wpcf7-spinner {
position: absolute;
bottom: 20px;
right: 4px;
width: auto;
display: inline-block;
}
.modal_popup .modal-popup-inner .form_inner .wpcf7-not-valid-tip {
font-size: 14px;
font-weight: 400;
font-family: var(--creote-family-one);
line-height: 26px;
color: var(--primary-color-one);
text-transform: none;
}
.modal_popup .modal-popup-inner .form_inner .wpcf7-response-output {
position: absolute;
z-index: 11;
background: var(--primary-color-one);
text-align: center;
font-size: 14px;
font-weight: 400;
margin: 0px 50px;
font-family: var(--creote-family-two);
color: #fff;
padding: 20px;
border-radius: 5px;
border-color: var(--primary-color-one);
bottom: -50px;
right: 0;
left: 0;
width: auto;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.modal_popup .modal-popup-inner .form_inner .wpcf7-response-output::before {
position: absolute;
content: "";
left: 0;
right: 0;
width: 20px;
height: 20px;
top: -22px;
margin: auto;
border-top: 10px solid transparent;
border-bottom: 10px solid var(--primary-color-one);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.modal_popup .modal-popup-inner .about_company_inner {
position: relative;
border-radius: 10px;
padding: 40px 50px 50px 50px;
overflow: hidden;
}
.modal_popup .modal-popup-inner .about_company_inner .logo {
position: relative;
margin-bottom: 30px;
}
.modal_popup .modal-popup-inner .about_company_inner .logo img {
width: 150px;
}
.modal_popup .modal-popup-inner .about_company_inner .text {
position: relative;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid var(--border-color-dark);
}
.modal_popup .modal-popup-inner .about_company_inner .text p {
margin-bottom: 30px;
}
.modal_popup .modal-popup-inner .about_company_inner .text a {
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
color: var(--text-color-dark);
font-family: var(--creote-family-one);
}
.modal_popup .modal-popup-inner .post_contet_modal {
position: relative;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color-dark);
}
.modal_popup .modal-popup-inner .post_contet_modal h2 {
font-size: 20px;
line-height: 30px;
font-weight: 700;
margin-bottom: 20px;
color: var(--heading-dark);
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 10px;
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid {
position: relative;
margin-bottom: 15px;
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid a::before {
position: absolute;
background: var(--primary-color-two);
content: "";
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
left: 0;
top: 0;
opacity: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid a:after {
position: absolute;
content: "\e912";
font-family: "icomoon";
width: 16px;
font-size: 16px;
height: 16px;
color: var(--primary-color-one);
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid img {
height: 100px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid:hover a:before {
opacity: 0.8;
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid:hover a:after {
opacity: 1;
} .navbar-brand {
padding: 0px;
margin: 0px;
} .header .header_content_collapse, .default_sickty_heaad .header_content_collapse {
display: table;
width: 100%;
}
.header .header_content_collapse .header_menu_box, .default_sickty_heaad .header_content_collapse .header_menu_box {
display: table-cell;
vertical-align: top;
}
.header .header_content_collapse .header_right_content, .default_sickty_heaad .header_content_collapse .header_right_content {
display: table-cell;
vertical-align: top;
float: right;
}
.header .header_content_collapse .header_right_content ul, .default_sickty_heaad .header_content_collapse .header_right_content ul {
padding: 2px 0px 0px;
margin: 0px;
}
.header .header_content_collapse .header_right_content ul li, .default_sickty_heaad .header_content_collapse .header_right_content ul li {
display: inline-block;
margin-left: 20px;
}
.header .header_content_collapse .header_right_content .contact-toggler, .default_sickty_heaad .header_content_collapse .header_right_content .contact-toggler {
position: relative;
width: 54px;
height: 54px;
line-height: 54px;
border-radius: 50%;
border: 1px solid var(--border-color-dark);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
background: #fff;
box-shadow: 0px 0px 0px 0px;
top: 4px;
}
.header .header_content_collapse .header_right_content .contact-toggler::before, .default_sickty_heaad .header_content_collapse .header_right_content .contact-toggler::before {
content: "";
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--primary-color-one);
border-radius: 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.header .header_content_collapse .header_right_content .contact-toggler i, .default_sickty_heaad .header_content_collapse .header_right_content .contact-toggler i {
color: #fff;
font-size: 18px;
position: relative;
z-index: 1;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.header .header_content_collapse .header_right_content .contact-toggler:hover, .default_sickty_heaad .header_content_collapse .header_right_content .contact-toggler:hover {
border-color: transparent;
}
.header .header_content_collapse .header_right_content .contact-toggler:hover::before, .default_sickty_heaad .header_content_collapse .header_right_content .contact-toggler:hover::before {
width: 100%;
height: 100%;
}
.header .header_content_collapse .header_right_content .search-toggler, .default_sickty_heaad .header_content_collapse .header_right_content .search-toggler {
position: relative;
display: inline-block;
background: transparent;
border: 0px;
box-shadow: 0px 0px 0px 0px;
font-size: 20px;
line-height: 20px;
color: var(--text-color-dark);
top: 4px;
}
.header.style_two, .default_sickty_heaad.style_two {
position: absolute;
background: transparent;
left: 0;
right: 0;
width: 100%;
z-index: 99;
}
.header.style_two .auto-container, .default_sickty_heaad.style_two .auto-container {
max-width: 1400px;
}
.header.style_two .logo_column, .default_sickty_heaad.style_two .logo_column {
position: relative;
}
.header.style_two .logo_column .header_log_outer, .default_sickty_heaad.style_two .logo_column .header_log_outer {
position: relative;
display: flex;
}
.header.style_two .logo_column .header_log_outer .header_logo_box, .default_sickty_heaad.style_two .logo_column .header_log_outer .header_logo_box {
position: relative;
margin-right: 50px;
}
.header.style_two .logo_column .header_log_outer .phone_box, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box {
position: relative;
margin-left: 50px;
}
.header.style_two .logo_column .header_log_outer .phone_box i, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box i {
position: absolute;
left: -50px;
font-size: 40px;
line-height: 40px;
top: 0;
margin: auto;
bottom: 0;
height: 40px;
color: var(--primary-color-one);
}
.header.style_two .logo_column .header_log_outer .phone_box .text, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box .text {
position: relative;
top: 10px;
}
.header.style_two .logo_column .header_log_outer .phone_box .text small, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box .text small {
display: block;
font-size: 15px;
line-height: 22px;
font-weight: 600;
font-family: var(--creote-family-one);
margin-bottom: 0;
color: #fff;
opacity: 0.8;
}
.header.style_two .logo_column .header_log_outer .phone_box .text a, .default_sickty_heaad.style_two .logo_column .header_log_outer .phone_box .text a {
font-size: 16px;
font-weight: 500;
text-decoration: underline;
color: #fff;
}
.header.style_two .header_content_collapse .navigation_menu .navbar_nav li a.nav-link, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li a.nav-link {
color: var(--menu-color-white);
}
.header.style_two .header_content_collapse .navigation_menu .navbar_nav li a.nav-link .fa, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li a.nav-link .fa {
color: var(--menu-color-white);
opacity: 0.5;
}
.header.style_two .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li .dropdown-btn {
color: var(--menu-color-white);
opacity: 0.5;
}
.header.style_two .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.active > a.nav-link {
color: #fff;
}
.header.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link {
color: var(--primary-color-one);
}
.header.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span {
color: #fff;
opacity: 0.5;
}
.header.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before {
color: #fff;
}
.header.style_two .header_content_collapse .navigation_menu .navbar_nav li, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li {
margin-right: 40px;
}
.header.style_two .header_content_collapse .navigation_menu .navbar_nav li.dropdown, .default_sickty_heaad.style_two .header_content_collapse .navigation_menu .navbar_nav li.dropdown {
margin-right: 50px;
}
.header.style_two .header_content_collapse .header_right_content, .default_sickty_heaad.style_two .header_content_collapse .header_right_content {
position: relative;
top: 10px;
}
.header.style_two .header_content_collapse .header_right_content ul li, .default_sickty_heaad.style_two .header_content_collapse .header_right_content ul li {
margin-left: 10px;
}
.header.style_two .header_content_collapse .header_right_content .contact-toggler,
.header.style_two .header_content_collapse .header_right_content .search-toggler, .default_sickty_heaad.style_two .header_content_collapse .header_right_content .contact-toggler,
.default_sickty_heaad.style_two .header_content_collapse .header_right_content .search-toggler {
width: 40px;
height: 40px;
line-height: 42px;
border: 0px;
background: var(--primary-color-one);
border-radius: 50px;
top: 0;
font-size: 17px;
color: #fff;
}
.header.style_two .header_content_collapse .header_right_content .contact-toggler::before,
.header.style_two .header_content_collapse .header_right_content .search-toggler::before, .default_sickty_heaad.style_two .header_content_collapse .header_right_content .contact-toggler::before,
.default_sickty_heaad.style_two .header_content_collapse .header_right_content .search-toggler::before {
display: none;
}
.header.style_three, .default_sickty_heaad.style_three {
position: relative;
padding: 0px;
}
.header.style_three .header_top, .default_sickty_heaad.style_three .header_top {
position: relative;
background: var(--primary-color-one);
}
.header.style_three .header_top .top_left, .default_sickty_heaad.style_three .header_top .top_left {
position: relative;
}
.header.style_three .header_top .top_left p, .default_sickty_heaad.style_three .header_top .top_left p {
padding: 13px 0px;
color: #fff;
font-size: 15px;
font-weight: 400;
margin: 0px;
}
.header.style_three .header_top .top_mid ul li:last-child, .default_sickty_heaad.style_three .header_top .top_mid ul li:last-child {
margin-right: 0px;
}
.header.style_three .header_top .top_mid ul li span, .default_sickty_heaad.style_three .header_top .top_mid ul li span {
margin-right: 5px;
}
.header.style_three .header_top .top_mid ul li small, .default_sickty_heaad.style_three .header_top .top_mid ul li small {
font-size: 11px;
font-weight: 500;
font-family: var(--creote-family-one);
text-transform: uppercase;
margin-right: 5px;
opacity: 0.8;
}
.header.style_three .header_top .top_right, .default_sickty_heaad.style_three .header_top .top_right {
text-align: right;
position: relative;
}
.header.style_three .header_top .top_right ul li, .default_sickty_heaad.style_three .header_top .top_right ul li {
margin-right: 3px;
padding: 6px 0px 0px;
}
.header.style_three .header_top .top_right ul li:last-child, .default_sickty_heaad.style_three .header_top .top_right ul li:last-child {
margin-right: 0px;
}
.header.style_three .header_top .top_right ul li a i, .default_sickty_heaad.style_three .header_top .top_right ul li a i {
width: 40px;
height: 40px;
border-radius: 50px;
text-align: center;
background: #117f80;
line-height: 40px;
}
.header.style_three .header_top ul, .default_sickty_heaad.style_three .header_top ul {
padding: 0;
margin: 0;
}
.header.style_three .header_top ul li, .default_sickty_heaad.style_three .header_top ul li {
position: relative;
display: inline-block;
color: #fff;
font-size: 15px;
padding: 15px 0px;
font-weight: 400;
margin-right: 30px;
}
.header.style_three .header_top ul li a, .default_sickty_heaad.style_three .header_top ul li a {
color: #fff;
}
.header.style_three .header_mid, .default_sickty_heaad.style_three .header_mid {
position: relative;
background: #fff;
padding: 27px 0px 27px;
border-top: 4px solid var(--primary-color-one);
}
.header.style_three .header_mid .mid_logo_icon img, .default_sickty_heaad.style_three .header_mid .mid_logo_icon img {
width: 200px;
}
.header.style_three .header_mid .same_column, .default_sickty_heaad.style_three .header_mid .same_column {
position: relative;
margin-top: 7px;
}
.header.style_three .header_mid .mid_content, .default_sickty_heaad.style_three .header_mid .mid_content {
position: relative;
margin-left: 62px;
}
.header.style_three .header_mid .mid_content .mid_icon, .default_sickty_heaad.style_three .header_mid .mid_content .mid_icon {
position: absolute;
left: -62px;
height: 48px;
top: 0;
bottom: 0;
margin: auto;
font-size: 48px;
color: var(--primary-color-one);
}
.header.style_three .header_mid .mid_content .text, .default_sickty_heaad.style_three .header_mid .mid_content .text {
position: relative;
}
.header.style_three .header_mid .mid_content .text h4, .default_sickty_heaad.style_three .header_mid .mid_content .text h4 {
font-size: 15px;
line-height: 25px;
color: var(--primary-color-one);
font-weight: 600;
margin-bottom: 3px;
}
.header.style_three .header_mid .mid_content .text p, .default_sickty_heaad.style_three .header_mid .mid_content .text p {
font-size: 15px;
margin: 0px;
}
.header.style_three .navbar_outer, .default_sickty_heaad.style_three .navbar_outer {
position: relative;
padding: 7px 0px;
background: var(--primary-color-one);
}
.header.style_three .navbar_outer .modal_box_buttom, .default_sickty_heaad.style_three .navbar_outer .modal_box_buttom {
position: relative;
left: 0px;
top: 14px;
bottom: 0;
margin-right: 40px;
width: 40px;
height: 40px;
display: inline-block;
}
.header.style_three .navbar_outer .modal_box_buttom .contact-toggler, .default_sickty_heaad.style_three .navbar_outer .modal_box_buttom .contact-toggler {
width: 40px;
height: 40px;
line-height: 42px;
border: 0px;
background: var(--primary-color-one);
border-radius: 50px;
top: 0;
font-size: 17px;
color: #fff;
border: 1px solid #fff;
}
.header.style_three .navbar_outer .modal_box_buttom i, .default_sickty_heaad.style_three .navbar_outer .modal_box_buttom i {
color: #fff;
font-size: 18px;
position: relative;
z-index: 1;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.header.style_three .navbar_outer .header_content_collapse, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse {
display: block;
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box {
display: inline-block;
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li {
padding: 22px 0px 20px;
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li a, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li a {
color: #fff;
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li ul.dropdown-menu li, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li ul.dropdown-menu li {
padding: 5px;
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li ul.dropdown-menu li a.nav-link, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li ul.dropdown-menu li a.nav-link {
color: var(--text-color-dark) !important;
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link {
color: #fff;
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link {
color: var(--primary-color-one);
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-btn span, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-btn span {
color: #fff;
opacity: 0.5;
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-btn span:before, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-btn span:before {
color: #fff;
}
.header.style_three .navbar_outer .header_content_collapse .header_right_content, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_right_content {
padding-top: 4px;
}
.header.style_three .navbar_outer .header_content_collapse .header_right_content .search-toggler, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_right_content .search-toggler {
position: relative;
width: 40px;
height: 40px;
font-size: 16px;
border-radius: 50px;
border: 1px solid #fff;
color: #fff;
line-height: 40px;
text-align: center;
}
.header.style_three .navbar_outer .header_content_collapse .header_right_content .theme-btn, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_right_content .theme-btn {
background: var(--primary-color-two) !important;
}
.header.style_three .navbar_outer .header_content_collapse .header_right_content .theme-btn:hover, .default_sickty_heaad.style_three .navbar_outer .header_content_collapse .header_right_content .theme-btn:hover {
background: #fff !important;
color: var(--primary-color-one) !important;
}
.header.style_one .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link, .default_sickty_heaad.style_one .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active > a.nav-link {
color: var(--menu-active-color);
}
.header.style_one .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link, .default_sickty_heaad.style_one .header_content_collapse .header_menu_box .navigation_menu .navbar_nav li.active .dropdown-menu li.active a.nav-link {
color: var(--primary-color-one);
}
.header.style_one.style_two_remade, .default_sickty_heaad.style_one.style_two_remade {
padding: 0px !important;
background: transparent !important;
position: absolute;
z-index: 999;
left: 0;
width: 100%;
right: 0;
}
.header.style_one.style_two_remade .auto-container, .default_sickty_heaad.style_one.style_two_remade .auto-container {
padding: 15px 20px 10px;
background: #fff;
border-radius: 60px 0px 0px 60px;
}
.header.style_one.style_two_remade .auto-container:before, .default_sickty_heaad.style_one.style_two_remade .auto-container:before {
position: absolute;
content: "";
width: 100%;
right: -50%;
height: 100%;
background: #fff;
top: 0;
}
.header.style_five .container-fluid, .default_sickty_heaad.style_five .container-fluid {
padding: 0px 50px;
}
.header.style_five .header_content_collapse .header_menu_box, .default_sickty_heaad.style_five .header_content_collapse .header_menu_box {
text-align: left;
}
.header.style_five .header_content_collapse .header_menu_box .navigation_menu, .default_sickty_heaad.style_five .header_content_collapse .header_menu_box .navigation_menu {
float: none;
}
.header.style_five .header_content_collapse .header_menu_box .navbar_nav li a.nav-link, .default_sickty_heaad.style_five .header_content_collapse .header_menu_box .navbar_nav li a.nav-link {
font-size: 16px;
}
.header.style_five .header_content_collapse .header_right_content, .default_sickty_heaad.style_five .header_content_collapse .header_right_content {
position: relative;
}
.header.style_five .header_content_collapse .header_right_content ul, .default_sickty_heaad.style_five .header_content_collapse .header_right_content ul {
display: flex;
align-items: center;
}
.header.style_five .header_content_collapse .header_right_content ul li, .default_sickty_heaad.style_five .header_content_collapse .header_right_content ul li {
margin-bottom: 0px;
margin-left: 30px;
}
.header.style_five .header_content_collapse .header_right_content .theme-btn, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .theme-btn {
border-radius: 30px;
box-shadow: var(--box-shadow-two);
border-color: #fff;
background: #fff;
color: var(--primary-color-one);
}
.header.style_five .header_content_collapse .header_right_content .theme-btn:hover, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .theme-btn:hover {
background: var(--primary-color-one);
color: #fff;
}
.header.style_five .header_content_collapse .header_right_content .contntent.phone small, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .contntent.phone small {
color: var(--primary-color-one);
font-size: 16px;
font-weight: 500;
font-family: var(--creote-family-one);
margin-right: 6px;
}
.header.style_five .header_content_collapse .header_right_content .contntent.phone small i, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .contntent.phone small i {
font-size: 25px;
margin-right: 14px;
top: 5px;
position: relative;
color: var(--text-color-light);
}
.header.style_five .header_content_collapse .header_right_content .contntent.phone a, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .contntent.phone a {
font-size: 16px;
font-weight: 600;
font-family: var(--creote-family-one);
color: var(--primary-color-two);
}
.header.style_five .header_content_collapse .header_right_content .round_btn, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .round_btn {
position: relative;
display: inline-block;
padding: 8px 15px;
background: var(--primary-color-one);
border-radius: 50px;
top: 0px;
line-height: 28px;
width: 120px;
height: 56px;
text-align: center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.header.style_five .header_content_collapse .header_right_content .round_btn::before, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .round_btn::before {
position: absolute;
content: "";
width: 1px;
height: 15px;
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background: #fff;
opacity: 0.5;
}
.header.style_five .header_content_collapse .header_right_content .round_btn button, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .round_btn button {
position: absolute;
}
.header.style_five .header_content_collapse .header_right_content .round_btn:hover, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .round_btn:hover {
background: var(--primary-color-two);
color: #fff;
}
.header.style_five .header_content_collapse .header_right_content .search-toggler, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .search-toggler {
display: inline-block;
margin: 0px;
padding: 0px;
color: #fff;
font-size: 18px;
left: 24px;
top: 3px;
bottom: 0;
}
.header.style_five .header_content_collapse .header_right_content .contact-toggler, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .contact-toggler {
display: inline-block;
width: 0px;
right: 38px;
bottom: 0;
top: 3px;
color: #fff;
margin: 0px;
height: 0px;
border: 0px;
background: transparent;
border-radius: 0px;
}
.header.style_five .header_content_collapse .header_right_content .contact-toggler::before, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .contact-toggler::before {
display: none;
}
.header.style_five .header_content_collapse .header_right_content .contact-toggler::after, .default_sickty_heaad.style_five .header_content_collapse .header_right_content .contact-toggler::after {
display: none;
}
.header_boxed.style_four {
position: absolute;
width: 100%;
z-index: 99;
left: 0;
right: 0;
top: 25px;
}
.header_boxed.style_four .top_bar {
border-radius: 10px 10px 0px 0px;
background: var(--primary-color-one);
}
.header_boxed.style_four .top_bar .col-lg-12 {
padding: 7px 10px 5px 19px;
}
.header_boxed.style_four .top_bar .theme-btn {
height: auto;
width: auto;
font-size: 12px;
min-height: auto;
min-width: auto;
padding: 10px 22px 8px;
line-height: 22px;
background: #fff;
border-radius: 5px;
color: var(--primary-color-two);
text-transform: uppercase;
font-weight: 600;
font-family: var(--creote-family-one);
}
.header_boxed.style_four .top_bar .theme-btn i {
position: relative;
left: inherit;
right: -5px;
top: 2px;
font-size: 19px;
color: var(--primary-color-two);
}
.header_boxed.style_four .header {
position: unset;
border-radius: 0px 0px 10px 10px;
}
.header_boxed.style_four .header .header_content_collapse .header_menu_box {
text-align: center;
}
.header_boxed.style_four .header .header_content_collapse .header_menu_box .navigation_menu {
float: none;
}
.header_boxed.style_four .header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link span, .header_boxed.style_four .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li a.nav-link span {
color: unset;
opacity: unset;
} .sticky_header_main {
position: fixed;
visibility: hidden;
opacity: 0;
left: 0;
top: 0;
width: 100%;
z-index: -1;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
transition: top 0.3s ease;
}
.default_sickty_heaad {
padding: 20px 0px 14px;
background: #fff;
}
.default_sickty_heaad .header_content_collapse .search-toggler {
height: 54px;
}
.default_sickty_heaad .header_content_collapse .navigation_menu {
float: none;
text-align: center;
}
.default_sickty_heaad .header_content_collapse.no_right_content .navigation_menu {
text-align: right;
}
.fixed-header .sticky_header_main {
opacity: 1;
z-index: 99901;
visibility: visible;
}
.fixed-header .slideInDown {
animation-name: slideInDown;
}
.df_before ul li a.nav-link {
color: var(--primary-color-two) !important;
} @media (max-width: 1200px) {
.header_content_collapse {
display: none !important;
}
.header .navbar_togglers, .sticky_header_main .navbar_togglers {
display: block;
}
.header .logo_column, .sticky_header_main .logo_column {
width: 86%;
}
.header .menu_column, .sticky_header_main .menu_column {
width: 14%;
}
.crt_mobile_menu .navbar_nav li.mega_menu {
position: relative !important;
}
.crt_mobile_menu .navbar_nav li.mega_menu a span.fa-angle-down {
display: none !important;
}
.crt_mobile_menu .navbar_nav li.mega_menu .dropdown-btn {
display: block;
}
.crt_mobile_menu .navbar_nav li.mega_menu .vc_row.wpb_row {
margin: 10px 0px !important;
}
.crt_mobile_menu .navbar_nav li.mega_menu .vc_column_container > .vc_column-inner {
padding: 0px !important;
}
.crt_mobile_menu .navbar_nav li.mega_menu .wpb_column {
width: 100%;
}
.crt_mobile_menu .navbar_nav li.mega_menu .wpb_column .wpb_button, .crt_mobile_menu .navbar_nav li.mega_menu .wpb_column .wpb_content_element, .crt_mobile_menu .navbar_nav li.mega_menu .wpb_column ul.wpb_thumbnails-fluid > li {
margin: 10px 0px !important;
}
.header.header_default.style_two .hamburger_menu .line {
background: #fff;
}
header.header_default.style_nine .right_column {
display: none;
}
}
.dropdown-menu .vc_custom_r_s a .fa-angle-down {
display: none;
} .header_area {
position: relative;
display: block;
width: 100%;
z-index: 9999;
top: 0;
left: 0;
background: 0 0;
}
.header_area .header_position_absolute {
position: absolute !important;
width: 100%;
left: 0;
top: 0;
z-index: 999;
} .header_solo {
background: none;
padding: unset !important;
}
.header_solo .header_content_collapse {
display: block;
}
.header_solo .header_content_collapse .header_menu_box {
display: block;
}
.header_solo .header_content_collapse .navigation_menu {
float: unset !important;
}
.header_solo .header_content_collapse .navigation_menu .navbar_nav {
display: inline-block;
}
.header_solo .header_content_collapse .navigation_menu .navbar_nav li.mega_menu .dropdown-menu {
width: 150%;
left: -30%;
}
.header_solo .header_content_collapse .navigation_menu {
float: none;
} .header_style_six_nw {
position: absolute;
z-index: 999;
width: 100%;
left: 0;
top: 0;
}
.header_style_six_nw .header {
background: rgba(40, 47, 59, 0.4);
padding: 14px 0px 14px;
min-height: auto;
}
.header_style_six_nw .header .header_content_collapse {
padding: 5px 0px 0px 0px;
}
.header_style_six_nw .header .header_content_collapse .navigation_menu {
float: none;
text-align: center;
}
.header_style_six_nw .header .header_content_collapse .navigation_menu .navbar_nav li {
padding: 14px 0px;
}
.header_style_six_nw .header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link {
color: #fff;
}
.header_style_six_nw .header .header_content_collapse .navigation_menu .navbar_nav li:hover a, .header_style_six_nw .header .header_content_collapse .navigation_menu .navbar_nav li.active a {
color: var(--primary-color-one);
}
.header_style_six_nw .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li a.nav-link {
color: var(--text-color-dark);
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul {
margin-bottom: 0px;
padding: 0px 0px 0px;
position: relative;
height: 50px;
padding-left: 0px;
top: -4px;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul .header_side_cart .mini-cart-count {
position: absolute;
width: 20px;
top: -12px;
height: 20px;
border-radius: 20px;
background: var(--primary-color-one);
color: #fff;
line-height: 20px;
font-size: 10px;
text-align: center;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul .contact-toggler {
border: 0px;
background: transparent;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul .contact-toggler::before {
display: none;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul li {
margin-bottom: 0px;
margin-left: 10px;
position: relative;
height: 40px;
width: 40px;
text-align: center;
top: 10px;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul li .search-toggler, .header_style_six_nw .header .header_content_collapse .header_right_content ul li .header_side_cart, .header_style_six_nw .header .header_content_collapse .header_right_content ul li .contact-toggler {
position: absolute;
cursor: pointer;
height: 38px;
width: 38px;
line-height: 38px;
text-align: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul li .search-toggler i, .header_style_six_nw .header .header_content_collapse .header_right_content ul li .header_side_cart i, .header_style_six_nw .header .header_content_collapse .header_right_content ul li .contact-toggler i {
font-size: 20px !important;
line-height: 20px !important;
color: #fff;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul li.last {
width: unset;
top: -13px;
margin-left: 40px;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul li.last::before {
position: absolute;
content: "";
height: 42px;
width: 1px;
left: -24px;
top: -1px;
background: rgba(255, 255, 255, 0.2);
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul li.last a {
color: #fff;
font-size: 15px;
line-height: 25px;
font-family: var(--creote-family-one);
display: block;
padding-left: 28px;
position: relative;
font-weight: 600;
top: 9px;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul li.last a i {
font-size: 20px;
line-height: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.header_style_six_nw .header .header_content_collapse .header_right_content ul li .contact-toggler i {
font-size: 25px !important;
line-height: 35px !important;
color: #fff;
} .header_default.head_absolute {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 999;
}
.header_default.style_seven {
position: relative;
background: #fff;
padding: 20px 0px 10px;
}
.header_default.style_seven .left_side_box {
position: relative;
display: flex;
padding-top: 2px;
}
.header_default.style_seven .left_side_box .modal_box_buttom {
position: relative;
min-width: 120px;
width: 120px;
}
.header_default.style_seven .left_side_box .modal_box_buttom::before {
position: absolute;
width: 1px;
height: 54px;
right: 33px;
top: 0;
background: var(--border-color-dark);
content: "";
}
.header_default.style_seven .left_side_box .modal_box_buttom .contact-toggler {
position: relative;
width: 54px;
height: 54px;
line-height: 54px;
border-radius: 50%;
border: 1px solid var(--border-color-dark);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
background: transparent;
box-shadow: 0px 0px 0px 0px;
}
.header_default.style_seven .left_side_box .modal_box_buttom .contact-toggler::before {
content: "";
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--primary-color-one);
border-radius: 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.header_default.style_seven .left_side_box .modal_box_buttom .contact-toggler i {
color: #fff;
font-size: 18px;
position: relative;
z-index: 1;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.header_default.style_seven .container-fluid {
padding: 0px 100px;
}
.header_default.style_seven .header_content_collapse .navigation_menu {
float: none;
}
.header_default.style_seven .right_column {
padding-left: 0px;
}
.header_default.style_seven .header_right_content {
position: relative;
top: 17px;
text-align: right;
}
.header_default.style_seven .header_right_content ul {
padding-left: 0px;
position: relative;
}
.header_default.style_seven .header_right_content ul li {
display: inline-block;
margin-left: 15px;
margin-bottom: 0px;
}
.header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head {
padding-right: 20px;
padding-left: 0px;
margin-right: 2px;
}
.header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li {
display: inline-block;
margin-right: 10px;
margin-left: 0px;
margin-bottom: 0px;
}
.header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li a {
font-size: 14px;
line-height: 14px;
color: var(--text-color-dark);
text-transform: uppercase;
}
.header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li a small {
font-size: 14px;
line-height: 15px;
}
.header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li.shared_m {
color: var(--text-color-dark);
}
.header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li.shared_m span {
margin-right: 5px;
}
.header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head li.shared_m a {
font-size: 14px;
line-height: 14px;
}
.header_default.style_seven .header_right_content ul li .med_rg_side .social_media_head:before {
position: absolute;
width: 1px;
height: 50px;
right: 0px;
top: -12px;
background: var(--border-color-dark);
content: "";
}
.header_default.style_seven .header_right_content ul li .search-toggler, .header_default.style_seven .header_right_content ul li .mini_cart_togglers {
background: transparent;
border: 0px;
position: relative;
box-shadow: none;
cursor: pointer;
}
.header_default.style_seven .header_right_content ul li .search-toggler i, .header_default.style_seven .header_right_content ul li .mini_cart_togglers i {
font-size: 20px;
position: relative;
top: 3px;
line-height: 20px;
}
.header_default.style_seven .header_right_content ul li .search-toggler .mini-cart-count, .header_default.style_seven .header_right_content ul li .mini_cart_togglers .mini-cart-count {
position: absolute;
width: 18px;
height: 18px;
font-size: 10px;
border-radius: 30px;
color: #fff;
top: -17px;
left: 0;
right: 0;
margin: auto;
text-align: center;
background: var(--primary-color-one);
}
.header_default.style_seven .header_right_content ul li .login {
position: relative;
font-family: var(--creote-family-one);
font-size: 16px;
font-weight: 500;
padding-left: 26px;
line-height: 26px;
color: var(--text-color-dark);
}
.header_default.style_seven .header_right_content ul li .login i {
margin-right: 5px;
font-size: 20px;
position: absolute;
height: 20px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
line-height: 20px;
}
.header_default.style_seven .header_right_content ul li:first-child {
margin-left: 0px;
}
.header_default.style_seven.style_eight .container-fluid {
padding: 0px 50px;
}
.header_default.style_seven.style_eight .header_right_content {
top: 9px;
}
.header_default.style_seven.style_eight .header_right_content ul li {
position: relative;
}
.header_default.style_seven.style_eight .header_right_content ul li .mini_cart_togglers i, .header_default.style_seven.style_eight .header_right_content ul li .contact-toggler i, .header_default.style_seven.style_eight .header_right_content ul li .search-toggler i {
font-size: 20px;
}
.header_default.style_seven.style_eight .header_right_content ul li .contact-toggler i {
position: relative;
top: 3px;
font-size: 25px;
}
.header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head {
margin-right: 0px;
padding-right: 0px;
}
.header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head::before {
display: none;
}
.header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head li {
margin-right: 5px;
}
.header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head li a {
width: 42px;
height: 42px;
line-height: 42px;
border-radius: 40px;
border: 1px solid var(--border-color-dark);
display: block;
text-align: center;
}
.header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head li a i, .header_default.style_seven.style_eight .header_right_content ul li .med_rg_side .social_media_head li a small {
font-size: 14px;
color: var(--text-color-dark);
}
.header_default.style_seven.style_eight .header_right_content ul li.last {
padding-left: 25px;
margin-left: 20px;
}
.header_default.style_seven.style_eight .header_right_content ul li.last:before {
position: absolute;
width: 1px;
height: 50px;
left: 0px;
top: -12px;
background: var(--border-color-dark);
content: "";
}
.header_default.style_seven.style_eight .header_right_content ul li button {
border: 0px;
box-shadow: none;
background: none;
}
@media (max-width: 1200px) {
.header_default.style_seven.style_eight .header_right_content {
display: none;
}
.header_default.style_seven.style_eight .container-fluid {
padding: 0px 15px;
}
} .header.style_nine {
position: relative;
padding: 10px 20px;
}
.header.style_nine .d-flex {
justify-content: space-between;
}
.icon-search3 {
font-weight: 600;
font-size: 15px;
} .header_style_ten {
position: relative;
}
.header_style_ten .top_bar.style_six {
background: #ffffff;
border-bottom: 1px solid var(--border-color-dark);
}
.header_style_ten .top_bar.style_six .top_inner .common_css ul li a,
.header_style_ten .top_bar.style_six .top_inner .common_css.right_side .rg_content_box .med_rg_side ul li a {
color: var(--heading-dark);
}
.header_style_ten .notice {
position: relative;
padding-right: 20px;
float: left;
font-size: 15px;
padding: 12px 29px 12px 0px;
bottom: 0;
left: 0;
margin: 0px 20px 0px 0px;
}
.header_style_ten .notice::before {
position: absolute;
content: "";
width: 10px;
height: 2px;
background: var(--border-color-dark);
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.header_style_ten .header_content_collapse {
position: unset !important;
}
.header_style_ten .rg_content_box .med_rg_side {
margin-left: 20px;
}
.header_style_ten .rg_content_box .med_rg_side ul li a {
border: 1px solid var(--border-color-dark) !important;
}
.header_style_ten .serch_simple {
position: relative;
top: 7px;
}
.header_style_ten .serch_simple button {
position: absolute;
top: 11px;
right: 4px;
background: transparent;
border: 0px;
color: var(--heading-dark);
font-size: 15px;
}
.header_style_ten .serch_simple input {
height: auto !important;
padding: 5px 12px !important;
border-radius: 5px;
border: 1px solid var(--border-color-dark);
background: transparent !important;
margin: 0px !important;
}
.header_style_ten .serch_simple input::-moz-placeholder {
color: var(--text-color-dark) !important;
opacity: 0.7;
}
.header_style_ten .serch_simple input::placeholder {
color: var(--text-color-dark) !important;
opacity: 0.7;
}
.header_style_ten .auto-container {
max-width: 1600px;
}
.header_style_ten .con_button {
width: auto !important;
}
.header_style_ten .con_button a {
padding: 0px 30px;
height: auto;
min-height: auto;
background: var(--primary-color-one);
display: block;
line-height: 40px;
color: #fff;
top: -15px;
position: relative;
margin-left: 8px;
}
.header_style_ten .header_content_collapse .header_right_content {
position: relative;
top: 7px;
}
.header_style_ten .header_default {
background: #fff;
}
.header_style_ten .header_default .header_content_collapse .navigation_menu .navbar_nav li {
padding: 19px 0px 14px;
}
.header_style_ten .header_default .header_content_collapse .navigation_menu .navbar_nav li a.nav-link {
color: var(--heading-dark);
}
.header_style_ten .header_default .header_content_collapse .header_right_content ul li .search-toggler i, .header_style_ten .header_default .header_content_collapse .header_right_content ul li .header_side_cart i, .header_style_ten .header_default .header_content_collapse .header_right_content ul li .contact-toggler i {
color: var(--text-color-dark);
}
@media (max-width: 992px) {
.header_style_ten {
position: relative;
}
.header_style_ten .top_inner {
display: block !important;
}
.header_style_ten .top_inner .common_css {
min-width: 100% !important;
width: 100% !important;
text-align: center;
}
.header_style_ten .top_inner .common_css .notice {
float: none !important;
padding: 10px 0px !important;
margin: unset !important;
}
.header_style_ten .top_inner .common_css .notice::before {
display: none;
}
.header_style_ten .top_inner .common_css ul, .header_style_ten .top_inner .common_css .serch_simple {
margin-bottom: 20px !important;
}
.header_style_ten .top_inner .common_css .rg_content_box {
display: block !important;
float: none !important;
}
.header_style_ten .top_inner .common_css .serch_simple {
top: unset !important;
}
}
body.single-header {
padding: 0px 0px 0px 0px !important;
}
.mega_menu .mg_image_box h2 {
padding: 2px 10px;
}
.mega_menu .mg_image_box h2 a {
font-size: 14px;
color: #fff !important;
}
.mega_menu .mg_image_box .image_box .ab_link span {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
.mega_menu .mg_image_box {
margin-bottom: 20px;
}
.mega_menu .mg_image_box .tag {
background: #fc2158 !important;
} @media (max-width: 1200px) {
.mega_menu .image_grid_content .col-xs-12 {
flex: 0 0 auto;
width: 100%;
}
.mega_menu .image_grid_content .col-xs-12 .mg_image_box h2 a {
font-size: 15px !important;
}
.mega_menu .image_grid_content .col-xs-12 .mg_image_box .image_box {
height: auto;
}
.mega_menu .image_grid_content .col-xs-12 .mg_image_box .tag {
font-size: 14px !important;
line-height: 24px !important;
}
.mega_menu .image_grid_content .col-xs-12 .mg_image_box h2 a {
color: #fff !important;
font-size: 14px !important;
line-height: 24px !important;
display: block !important;
min-height: unset !important;
padding: 0px !important;
}
.mega_menu .elementor-section {
padding: 10px 0px !important;
display: block !important;
}
.mega_menu .elementor-section .elementor-container {
display: block !important;
}
.mega_menu .elementor-section .elementor-column {
width: 100% !important;
display: block !important;
}
.mega_menu .elementor-section .elementor-widget-wrap {
display: block !important;
}
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .elementor-element .menu {
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
border: 0px !important;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .elementor-element .menu li {
border-bottom: 0px !important;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .elementor-element .list_item_box ul {
position: relative;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
border: 0px !important;
}
.crt_mobile_menu .menu-box .menu-outer ul.navbar_nav li .elementor-element .list_item_box ul li a {
min-height: unset !important;
}
.floating_menu_box {
position: fixed;
width: 100%;
height: auto;
text-align: center;
left: 0;
z-index: 99;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
opacity: 0;
bottom: -100px;
visibility: hidden;
}
.floating_menu_box ul {
display: inline-block;
position: relative;
border-radius: 50px;
background: #fff;
padding: 10px 55px 10px 15px;
box-shadow: var(--box-shadow-two);
margin: auto;
margin: 0px;
}
.floating_menu_box ul .close {
position: absolute;
right: 4px;
top: 0;
width: 38px;
height: 38px;
background: var(--primary-color-one);
color: #fff;
font-size: 16px;
text-align: center;
line-height: 38px;
border-radius: 50px;
bottom: 0;
cursor: pointer;
margin: auto;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.floating_menu_box ul .close:hover {
background: var(--primary-color-two);
color: #fff;
}
.floating_menu_box ul li {
display: inline-block;
position: relative;
margin-bottom: 0px !important;
}
.floating_menu_box ul li a {
font-size: 15px;
font-family: var(--creote-family-one);
font-weight: 600;
color: var(--heading-dark);
padding: 7px 12px;
border-radius: 30px;
margin-right: 5px;
cursor: pointer;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
margin-bottom: 0px !important;
}
.floating_menu_box ul li.active a, .floating_menu_box ul li:hover a {
background: var(--primary-color-one);
color: #fff;
}
.floating_menu_box ul li:last-child a {
margin-right: 0px;
}
.floating_menu_box.remove_floating {
display: none;
}
.floating-menu .floating_menu_box {
opacity: 1;
visibility: visible;
bottom: 30px;
}
.floating-menu.floating_close .floating_menu_box {
opacity: 0 !important;
visibility: hidden !important;
}
@media (max-width: 768px) {
.floating_menu_box {
display: none !important;
}
}
.navbar_right .dropdown-btn {
display: none;
}
.header_v13 .logo img, .header_v15 .logo img, .header_v14 .logo img {
display: block;
width: 170px;
height: auto;
margin-bottom: 0px;
}
.header_v13 .search-toggler, .header_v15 .search-toggler {
border: 0px;
background: unset;
}
.header_v13 .mini_cart_togglers, .header_v15 .mini_cart_togglers {
position: relative;
}
.header_v13 {
position: relative;
padding: 0px !important;
}
.header_v13 .header_top {
position: relative;
padding: 10px 0px;
background: var(--primary-color-two);
}
.header_v13 .header_top ul {
margin-bottom: 0px;
padding-left: 0px;
}
.header_v13 .header_top ul li {
display: inline-block;
color: var(--color-white);
font-size: 15px;
line-height: 25px;
font-weight: 400;
margin: 0px;
}
.header_v13 .header_top ul li a {
color: var(--color-white);
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
.header_v13 .header_top ul li span {
color: var(--primary-color-one);
font-size: 16px;
margin-right: 6px;
line-height: 25px;
}
.header_v13 .header_top ul li:last-child {
margin-right: 0px;
}
.header_v13 .header_top p {
margin-bottom: 0px;
color: var(--color-white);
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
.header_v13 .header_top .header_top_inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.header_v13 .header_top .top_right, .header_v13 .header_top .top_left {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.header_v13 .header_top .contact_info_two li {
padding-left: 15px;
}
.header_v13 .header_top .get_a_quote {
background: var(--primary-color-one);
padding: 5px 16px;
color: var(--color-white);
border-radius: 5px;
font-size: 15px;
line-height: 26px;
margin-right: 15px;
}
.header_v13 .navbar_outer {
position: relative;
padding: 10px 0px;
}
.header_v13 .navbar_outer .site-logo {
position: relative;
padding-right: 30px;
}
.header_v13 .navbar_outer .site-logo a {
display: block;
}
.header_v13 .navbar_outer .inner_box {
display: flex;
justify-content: space-between;
align-items: center;
}
.header_v13 .navbar_outer .header_content .navbar_nav > li {
padding-top: 22px;
}
.header_v13 .navbar_outer .header_content .navbar_nav > li.dropdown::after {
top: 3px;
}
.header_v13 .navbar_outer .header_content .navbar_nav > li .dropdown_menu {
margin-top: 3rem;
}
.header_v13 .navbar_outer .header_content .navbar_nav > li .dropdown_menu > li.dropdown::after {
transform: rotate(270deg);
}
.header_v13 .navbar_outer .header_content .navbar_nav > li:hover > .dropdown_menu {
margin-top: 2.5rem !important;
}
.header_v13 .navbar_outer .header_content .navbar_nav > li:hover > .dropdown_menu li:hover .dropdown_menu {
margin-top: 1rem !important;
}
.header_v13 .navbar_outer .navbar_right {
position: relative;
padding-left: 40px;
margin-bottom: 0px;
text-align: right;
}
.header_v13 .navbar_outer .navbar_right li {
display: inline-block;
padding-left: 20px;
margin-left: 6px;
padding-top: 15px !important;
}
.header_v13 .navbar_outer .navbar_right li i {
font-size: 22px;
color: var(--menu-color);
line-height: 40px;
transition: all 0.6s ease-in-out;
font-weight: normal !important;
}
.header_v13 .navbar_outer .navbar_right li .contact-toggler {
width: 40px;
border-radius: 8px;
background: var(--primary-color-one);
color: var(--color-white);
font-size: 22px;
align-items: center !important;
font-weight: normal !important;
border: 0px;
}
.header_v13 .navbar_outer .navbar_right li .contact-toggler i {
color: var(--color-white);
}
.header_v13 .navbar_outer .navbar_right li .contact-toggler:hover {
background: var(--primary-color-two);
color: var(--color-white);
}
.header_v13 .navbar_outer .navbar_right li .mini-cart-count {
top: 2px;
}
.header_v13 .header_content {
display: flex;
justify-content: end;
}
header .flaticon-list {
display: block !important;
}
.header_v15 {
position: relative;
padding: 0px !important;
}
.header_v15 ul {
padding: 0px;
margin: 0px;
}
.header_v15 ul.navbar_left {
padding-left: 10px;
}
.header_v15 .header_top {
position: relative;
background: var(--primary-color-one);
}
.header_v15 .header_top ul.contact_info_two li {
position: relative;
display: inline-block;
color: var(--color-white);
font-size: 15px;
padding: 15px 0px;
font-weight: 400;
margin-bottom: 0px;
margin-right: 30px;
}
.header_v15 .header_top ul.contact_info_two li:last-child {
margin-right: 0px;
}
.header_v15 .header_top .top_right {
text-align: right;
}
.header_v15 .header_top .top_right ul li {
position: relative;
display: inline-block;
list-style: none;
font-size: 15px;
font-weight: 400;
padding-bottom: 0px;
margin-right: 25px;
}
.header_v15 .header_top .top_right ul li a {
color: #fff;
}
.header_v15 .header_top .top_right ul li:last-child {
margin-right: 0px;
}
.header_v15 .header_mid {
position: relative;
padding: 27px 0px 47px;
}
.header_v15 .header_mid .contact_widget {
text-align: center;
}
.header_v15 .header_mid .logo a {
display: block;
}
.header_v15 .header_mid .contact_info {
display: inline-block;
margin: auto;
}
.header_v15 .header_mid .contact_info li {
list-style: none;
padding-left: 60px;
position: relative;
display: inline-block;
margin-right: 45px;
text-align: left;
}
.header_v15 .header_mid .contact_info li small {
font-size: 18px;
font-weight: 600;
color: var(--heading-dark);
line-height: 26px;
margin-bottom: 3px;
font-family: var(--creote-family-one);
}
.header_v15 .header_mid .contact_info li span {
position: absolute;
left: 0;
top: 0;
font-size: 40px;
display: block;
font-weight: 500;
line-height: 50px;
color: var(--primary-color-one);
}
.header_v15 .header_mid .contact_info li p {
margin-bottom: 0px;
}
.header_v15 .header_mid .contact_info li p a {
color: var(--text-color-dark);
}
.header_v15 .header_mid .contact_info li:last-child {
margin-right: 0px;
}
.header_v15 .header_mid .theme_btn.type_one {
min-width: 200px;
width: auto;
padding: 0px 15px;
border-radius: 50px;
}
.header_v15 .navbar_outer {
position: absolute;
content: "";
width: 100%;
z-index: 99;
background: transparent;
left: 0;
margin-top: -25px;
}
.header_v15 .navbar_outer .navbar_inner {
position: relative;
padding: 6px 0px 4px;
}
.header_v15 .navbar_outer .navbar_inner:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 6px;
left: 6px;
background: var(--color-white);
z-index: -2;
border-radius: 4px;
opacity: 0.3;
}
.header_v15 .navbar_outer .navbar_inner:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--color-white);
z-index: -1;
border-radius: 5px;
box-shadow: var(--box-shadow);
}
.header_v15 .navbar_outer .header_content_collapse {
display: flex;
justify-content: space-between;
align-items: center;
}
.header_v15 .navbar_outer .header_menu_box {
padding-left: 10px;
}
.header_v15 .navbar_outer .navbar_right li {
list-style: none;
margin-left: 0px !important;
padding: 0px 25px !important;
display: inline-block;
position: relative;
}
.header_v15 .navbar_outer .navbar_right li i {
font-size: 20px;
color: var(--heading-dark);
font-weight: 500;
}
.header_v15 .navbar_outer .navbar_right li:before {
position: absolute;
content: "";
width: 1px;
background: var(--text-color-dark);
height: 25px;
right: 0;
opacity: 0.5;
top: 1px;
}
.header_v15 .navbar_outer .navbar_right li:last-child {
padding-right: 0px !important;
}
.header_v15 .navbar_outer .navbar_right li:last-child::before {
display: none;
}
.header_v15 .navbar_outer .navbar_right li.dropdown::after {
display: none;
}
.header_v15 .navbar_outer .navbar_right li .dropdown_menu {
left: unset;
right: 0;
}
.header_v15 .navbar_outer .navbar_right li .woocommerce-mini-cart li::before {
display: none;
}
.header_v15 .navbar_outer .navbar_right li.search_link .dropdown_menu {
margin-top: 27px !important;
left: unset !important;
right: 0;
width: 350px !important;
padding: 10px !important;
}
.header_v15 .navbar_outer .navbar_right li.search_link .dropdown_menu:before {
position: absolute;
content: "";
width: 54%;
height: 30px;
top: -37px;
right: 0;
z-index: 1;
}
.header_v15 .navbar_outer .navbar_right li.search_link .dropdown_menu li {
padding: 0px !important;
}
.header_v15 .navbar_outer .navbar_right li.search_link .dropdown_menu input {
border-radius: 30px;
}
.header_v15 .navbar_outer .navbar_right li.search_link .dropdown_menu .search_box {
position: relative;
}
.header_v15 .navbar_outer .navbar_right li.search_link .dropdown_menu .search_box button[type=submit] {
position: absolute;
width: 50px;
height: 50px;
top: 0;
right: 0;
line-height: 50px;
border-radius: 50px;
}
.header_v15 .navbar_outer .navbar_right .widget_shopping_cart_content {
padding: 0px;
}
.header_v15 .navbar_outer .navbar_right .contact-toggler {
width: 40px;
border-radius: 8px;
background: var(--primary-color-one);
font-size: 22px;
height: 40px;
border: unset;
border-radius: 50%;
align-items: center !important;
font-weight: normal !important;
}
.header_v15 .navbar_outer .navbar_right .contact-toggler i {
display: block !important;
color: var(--color-white);
}
.header_v15 .navbar_outer .navbar_right .nav-item {
padding: 0px 18px;
position: relative;
}
.header_v15 .navbar_outer .navbar_right .search_btn {
background: unset;
border: 0;
}
.header_v15 .navbar_outer .navbar_right .search_btn:after {
display: none;
}
.header_v15 .navbar_outer .site-logo {
display: none;
}
.header_v14 {
position: relative;
padding: 0px !important;
background: unset !important;
}
.header_v14 .header_mid {
position: relative;
background: var(--primary-color-two);
padding: 15px 0px;
}
.header_v14 .header_mid .midbar_mid {
text-align: center;
}
.header_v14 .header_mid .midbar_mid ul {
margin: 0px;
padding: 0px;
}
.header_v14 .header_mid .midbar_mid ul li {
list-style: none;
display: inline-block;
position: relative;
padding-right: 50px;
text-align: left;
}
.header_v14 .header_mid .midbar_mid ul li:last-child {
padding-right: 0px;
}
.header_v14 .header_mid .midbar_mid ul li span {
position: absolute;
height: 32px;
top: 0;
bottom: 0;
left: 0;
margin: auto;
font-size: 32px;
line-height: 32px;
color: var(--primary-color-one);
margin-right: 20px;
}
.header_v14 .header_mid .midbar_mid ul li small {
color: var(--color-white);
padding-left: 50px;
}
.header_v14 .header_mid .midbar_mid ul li p {
margin: 0px;
padding-left: 50px;
color: var(--color-white);
}
.header_v14 .header_mid .midbar_mid ul li p a {
color: var(--color-white);
}
.header_v14 .navbar_outer {
position: absolute;
left: 0;
width: 100%;
z-index: 99;
padding: 20px 0px;
}
.header_v14 .navbar_outer .site-logo {
position: relative;
padding-right: 30px;
}
.header_v14 .navbar_outer .site-logo a {
display: block;
}
.header_v14 .navbar_outer .inner_box {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 30px;
border: 1px solid var(--color-white);
border-radius: 50px;
}
.header_v14 .navbar_outer .header_content {
display: flex;
align-items: center;
justify-content: center;
}
.header_v14 .navbar_outer .navbar_right {
position: relative;
padding: 5px 5px;
border-radius: 30px;
background: var(--color-white);
}
.header_v14 .navbar_outer .navbar_right .flaticon-list {
display: block !important;
}
.header_v14 .navbar_outer .navbar_right .flaticon-list:before {
content: "\f146";
position: relative;
top: 2px;
}
.header_v14 .navbar_outer .navbar_right ul {
display: flex;
align-items: center;
margin: 0px;
padding: 0px;
}
.header_v14 .navbar_outer .navbar_right ul li {
display: block;
padding: 0px 10px;
padding-top: 0px !important;
margin: 0px;
}
.header_v14 .navbar_outer .navbar_right ul li.search_link i {
top: 2px;
position: relative;
}
.header_v14 .navbar_outer .navbar_right ul li .mini-cart-count {
top: -3px;
}
.header_v14 .navbar_outer .navbar_right ul li .contact-toggler {
border-radius: 30px;
}
.header_v14 .navbar_outer .navbar_right ul li a {
cursor: pointer;
text-align: center;
padding: 0px;
margin: 0px;
}
.header_v14 .navbar_outer .navbar_right ul li a i {
font-size: 22px;
color: var(--menu-color);
line-height: 22px;
transition: all 0.6s ease-in-out;
font-weight: normal !important;
}
.header_v14 .navbar_outer .navbar_right ul li a.side-menu__toggler {
width: 40px;
height: 40px;
border-radius: 30px;
background: var(--primary-color-one);
color: var(--color-white);
font-size: 20px;
align-items: center !important;
font-weight: normal !important;
}
.header_v14 .navbar_outer .navbar_right ul li a.side-menu__toggler i {
color: var(--color-white);
}
.header_v14 .navbar_outer .navbar_right ul li a.side-menu__toggler:hover {
background: var(--primary-color-two);
color: var(--primary-color-one);
}
.header_v14 .navbar_outer .navbar_right ul li:last-child {
padding-right: 0px;
}
.header_v14 .navbar_outer .navbar_right ul li:first-child {
padding-left: 0px;
}
.header_v14 .navbar_outer .navbar_right .search_link .dropdown-menu {
margin-top: 27px !important;
left: -190px !important;
width: 350px !important;
padding: 10px !important;
}
.header_v14 .navbar_outer .navbar_right .search_link .dropdown-menu .search_box button[type=submit] {
position: absolute;
width: 50px;
height: 50px;
top: 0;
right: 0;
line-height: 50px;
border-radius: 50px;
}
.header_v14 .navbar_outer .navbar_right .cart_box .dropdown-menu {
margin-top: 27px !important;
left: -200px !important;
width: 300px !important;
padding: 10px !important;
}
.main-header .mini-cart-count {
position: absolute;
background: var(--primary-color-one);
font-size: 10px;
font-family: var(--creote-family-one);
font-weight: 700;
width: 16px;
top: -10px;
right: 0;
left: 0;
margin: auto;
height: 16px;
text-align: center;
line-height: 19px;
border-radius: 27px;
display: block;
color: var(--color-white);
}
.main-header .mini-cart-count i {
font-size: 24px;
line-height: 24px;
color: var(--menu-color);
font-weight: 500;
}
.main-header .dropdown-menu-mini-cart {
left: unset !important;
right: 0 !important;
min-width: 350px !important;
padding: 10px 10px !important;
}
.main-header .dropdown-menu-mini-cart li {
display: block !important;
list-style: none !important;
}
.main-header .dropdown-menu-mini-cart li .remove_from_cart_button {
font-size: 16px;
}
.header_v13 .navbar_outer .header_content .navbar_nav > li:hover > .dropdown_menu.dropdown-menu-mini-cart {
margin-top: 1.6rem !important;
}
@media (max-width: 1024px) {
.display_none_after_1200 {
display: none;
}
.navbar_right {
display: none !important;
}
.button_box_menu {
display: block !important;
}
.main-header.header_v2 .header_top {
text-align: center;
}
.main-header.header_v2 .header_top ul li {
margin-left: 15px;
}
.main-header.header_v2 .header_top .top_right {
padding-bottom: 15px;
text-align: center !important;
}
.main-header.header_v2 .navbar_outer .col-lg-12 {
padding: 15px 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.main-header.header_v2 .navbar_outer .site-logo {
display: block !important;
}
.main-header.header_v2 .navbar_outer .site-logo a {
display: block;
}
}
@media (max-width: 768px) {
.header_v13 .header_top ul {
text-align: center;
}
.header_v2 .header_top ul.contact_info_two {
margin-bottom: 15px;
margin-top: 10px;
}
.header_v2 .header_top ul.contact_info_two li {
padding: 5px 10px !important;
margin: 0px !important;
}
.header_v2 .header_mid .contact_info li {
padding-bottom: 20px !important;
margin: 0px !important;
}
.header_v2 .header_mid .contact_info li:last-child {
padding-bottom: 0px !important;
}
}  .owl-item .animated {
animation-duration: 3s;
animation-fill-mode: both;
animation-iteration-count: infinite;
}
.owl-item.active ._bounce {
animation: bounce;
animation-duration: 3s;
}
.owl-item.active ._bounceInDown {
animation: bounceInDown;
animation-duration: 3s;
}
.owl-item.active ._bounceInLeft {
animation: bounceInLeft;
animation-duration: 3s;
}
.owl-item.active ._bounceInRight {
animation: bounceInRight;
animation-duration: 3s;
}
.owl-item.active ._bounceInUp {
animation: bounceInUp;
animation-duration: 3s;
}
.owl-item.active ._fadeIn {
animation: fadeIn;
animation-duration: 3s;
}
.owl-item.active ._fadeInDown {
animation: fadeInDown;
animation-duration: 3s;
}
.owl-item.active ._fadeInDownBig {
animation: fadeInDownBig;
animation-duration: 3s;
}
.owl-item.active ._FadeInLeft {
animation: fadeInLeft;
animation-duration: 3s;
}
.owl-item.active ._FadeInLeftBig {
animation: fadeInLeftBig;
animation-duration: 3s;
}
.owl-item.active ._FadeInRight {
animation: fadeInRight;
animation-duration: 3s;
}
.owl-item.active ._FadeInRightBig {
animation: fadeInRightBig;
animation-duration: 3s;
}
.owl-item.active ._FadeInUp {
animation: fadeInUp;
animation-duration: 3s;
}
.owl-item.active ._FadeInUpBig {
animation: fadeInUpBig;
animation-duration: 3s;
}
.owl-item.active ._fadeInTopLeft {
animation: fadeInTopLeft;
animation-duration: 3s;
}
.owl-item.active ._fadeInTopRight {
animation: fadeInTopRight;
animation-duration: 3s;
}
.owl-item.active ._fadeInBottomLeft {
animation: fadeInBottomLeft;
animation-duration: 3s;
}
.owl-item.active ._fadeInBottomRight {
animation: fadeInBottomRight;
animation-duration: 3s;
}
.owl-item.active ._flip {
animation: flip;
animation-duration: 3s;
}
.owl-item.active ._flipInX {
animation: flipInX;
animation-duration: 3s;
}
.owl-item.active ._flipInY {
animation: flipInY;
animation-duration: 3s;
}
.owl-item.active ._lightSpeedInRight {
animation: lightSpeedInRight;
animation-duration: 3s;
}
.owl-item.active ._lightSpeedInLeft {
animation: lightSpeedInLeft;
animation-duration: 3s;
}
.owl-item.active ._rotateIn {
animation: rotateIn;
animation-duration: 3s;
}
.owl-item.active ._rotateInDownRight {
animation: rotateInDownRight;
animation-duration: 3s;
}
.owl-item.active ._rotateInDownLeft {
animation: rotateInDownLeft;
animation-duration: 3s;
}
.owl-item.active ._rotateInUpRight {
animation: rotateInUpRight;
animation-duration: 3s;
}
.owl-item.active ._rotateInUpLeft {
animation: rotateInUpLeft;
animation-duration: 3s;
}
.owl-item.active ._zoomIn {
animation: zoomIn;
animation-duration: 3s;
}
.owl-item.active ._zoomInRight {
animation: zoomInRight;
animation-duration: 3s;
}
.owl-item.active ._zoomInLeft {
animation: zoomInLeft;
animation-duration: 3s;
}
.owl-item.active ._zoomInDown {
animation: zoomInDown;
animation-duration: 3s;
}
.owl-item.active ._zoomInUp {
animation: zoomInUp;
animation-duration: 3s;
}
.owl-item.active ._slideInRight {
animation: slideInRight;
animation-duration: 3s;
}
.owl-item.active ._slideInLeft {
animation: slideInLeft;
animation-duration: 3s;
}
.owl-item.active ._slideInDown {
animation: slideInDown;
animation-duration: 3s;
}
.owl-item.active ._slideInUp {
animation: slideInUp;
animation-duration: 3s;
}
.owl-item.active ._backInDown {
animation: backInDown;
animation-duration: 3s;
}
.owl-item.active ._backInLeft {
animation: backInLeft;
animation-duration: 3s;
}
.owl-item.active ._backInRight {
animation: backInRight;
animation-duration: 3s;
}
.owl-item.active ._backInUp {
animation: backInUp;
animation-duration: 3s;
}
@keyframes backInDown {
0% {
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes backInLeft {
0% {
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes backInRight {
0% {
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes backInUp {
0% {
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes slideInRight {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInLeft {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideInUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
100% {
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
transform-origin: center;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
@keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1;
}
100% {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
100% {
transform: none;
}
}
@keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
100% {
transform: none;
}
}
@keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
100% {
transform: none;
}
}
@keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes bounce {
0%, 100%, 20%, 53%, 80% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%, 43% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.slider {
position: relative;
width: 100%;
overflow: hidden;
}
.slider .slide-item {
position: relative;
display: block;
background-color: #000;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
width: 100%;
}
.slider.style_one .slide-item-content {
position: relative;
overflow: hidden;
}
.slider.style_one .slide-item-content .image-layer {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
.slider.style_one .slide-item-content .auto-container {
position: relative;
z-index: 10;
padding: 0px 15px;
}
.slider.style_one .slide-item-content .slider_content {
position: relative;
padding: 200px 0px;
z-index: 11;
}
.slider.style_one .slide-item-content .slider_content h1 {
font-size: 72px;
line-height: 90px;
font-weight: 800;
margin-bottom: 20px;
color: #fff;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_one .slide-item-content .slider_content h6 {
font-size: 22px;
line-height: 32px;
font-weight: 600;
margin-bottom: 15px;
color: #fff;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_one .slide-item-content .slider_content p {
font-size: 17px;
line-height: 27px;
font-weight: 400;
color: var(--text-color-light);
margin-bottom: 30px;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_one .slide-item-content .slider_content .theme-btn.one {
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_one .slide-item-content .slider_image {
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_one .slide-item-content::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--primary-color-two);
opacity: 0.8;
z-index: 1;
}
.slider.style_one .slide-item-content.content_left .slider_image {
position: absolute;
margin-right: -100px;
margin-top: 125px;
height: auto;
width: 700px;
}
.slider.style_one .slide-item-content.content_right .slider_image {
position: absolute;
margin-left: -270px;
margin-top: 125px;
height: auto;
width: 700px;
}
.slider.style_one .slide-item-content.content_right .image_column {
order: -1;
}
.slider.style_one .owl-item.active .slide-item-content .slider_image {
opacity: 1;
}
.slider.style_one .owl-item.active .slide-item-content .slider_content h1 {
opacity: 1;
}
.slider.style_one .owl-item.active .slide-item-content .slider_content h6 {
opacity: 1;
}
.slider.style_one .owl-item.active .slide-item-content .slider_content p {
opacity: 1;
}
.slider.style_one .owl-item.active .slide-item-content .slider_content .theme-btn.one {
opacity: 1;
}
.slider.style_two {
min-height: 800px;
}
.slider.style_two .slide-item-content {
position: relative;
overflow: hidden;
}
.slider.style_two .slide-item-content .image-layer {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.slider.style_two .slide-item-content .auto-container {
position: relative;
z-index: 10;
padding: 230px 15px 170px;
}
.slider.style_two .slide-item-content .slider_content {
padding: 50px 0px 50px 0px;
position: relative;
z-index: 11;
}
.slider.style_two .slide-item-content .slider_content h1 {
font-size: 70px;
line-height: 90px;
font-weight: 700;
margin-bottom: 25px;
color: #fff;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
padding-left: 22px;
padding-bottom: 20px;
border-left: 1px solid rgba(255, 255, 255, 0.09);
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
.slider.style_two .slide-item-content .slider_content p {
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: #fff;
opacity: 0.8;
margin-bottom: 50px;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_two .slide-item-content .slider_content ul {
padding: 0;
margin: 0;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_two .slide-item-content .slider_content ul li {
display: inline-block;
}
.slider.style_two .slide-item-content .slider_content ul li .video_box {
position: relative;
top: -20px;
left: 28px;
}
.slider.style_two .slide-item-content .slider_content ul li .video_box a {
position: relative;
display: inline-block;
font-size: 18px !important;
color: #ffffff;
width: 56px;
height: 56px;
line-height: 60px;
text-align: center !important;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
background-image: inherit;
}
.slider.style_two .slide-item-content .slider_image {
border-radius: 15px;
border-left: 5px solid var(--primary-color-one);
border-top: 5px solid var(--primary-color-one);
overflow: hidden;
height: 500px;
width: 500px;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_two .slide-item-content .slider_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.slider.style_two .slide-item-content.content_left .slider_image {
position: relative;
margin: 0px 0px 0px 0px;
margin-left: auto;
}
.slider.style_two .slide-item-content.content_right .slider_image {
position: relative;
margin-left: -100px;
}
.slider.style_two .slide-item-content.content_right .image_column {
order: -1;
}
.slider.style_two .slide-item-content::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--primary-color-two);
opacity: 0.92;
z-index: 1;
}
.slider.style_two .owl-item.active .slide-item-content .image-layer {
opacity: 1;
}
.slider.style_two .owl-item.active .slide-item-content .slider_image {
opacity: 1;
}
.slider.style_two .owl-item.active .slide-item-content .slider_content h1 {
opacity: 1;
}
.slider.style_two .owl-item.active .slide-item-content .slider_content p {
opacity: 1;
}
.slider.style_two .owl-item.active .slide-item-content .slider_content ul {
opacity: 1;
}
.slider.style_two .swiper-button-prev::before,
.slider.style_two .swiper-button-next::before {
position: absolute;
font-family: "FontAwesome" !important;
width: 70px;
height: 70px;
line-height: 70px;
background: rgba(255, 255, 255, 0.08);
text-align: center;
font-size: 18px;
border-radius: 50%;
color: #fff;
}
.slider.style_two .swiper-button-next {
right: 50px;
}
.slider.style_three .content_right .slider_content {
text-align: right;
}
.slider.style_three .content_center .slider_content {
text-align: center;
}
.slider.style_three .slide-item-content {
position: relative;
overflow: hidden;
}
.slider.style_three .slide-item-content.content_right .slider_content ul li .video_box {
left: inherit !important;
}
.slider.style_three .slide-item-content.content_right .slider_content ul li .theme-btn {
margin-right: 40px;
}
.slider.style_three .slide-item-content .image-layer {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
.slider.style_three .slide-item-content .auto-container {
position: relative;
z-index: 10;
padding: 150px 15px;
}
.slider.style_three .slide-item-content .slider_content {
padding: 50px 0px 0px 0px;
position: relative;
z-index: 11;
}
.slider.style_three .slide-item-content .slider_content h1 {
font-size: 80px;
line-height: 100px;
font-weight: 800;
margin-bottom: 25px;
color: #fff;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_three .slide-item-content .slider_content p {
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 50px;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_three .slide-item-content .slider_content a.theme-btn {
background: #fff;
color: var(--primary-color-one);
}
.slider.style_three .slide-item-content .slider_content ul {
padding: 0;
margin: 0;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_three .slide-item-content .slider_content ul li {
display: inline-block;
}
.slider.style_three .slide-item-content .slider_content ul li .video_box {
position: relative;
top: 3px;
left: 40px;
}
.slider.style_three .slide-item-content .slider_content ul li .video_box a {
position: relative;
display: inline-block;
font-size: 18px !important;
color: #ffffff;
width: 56px;
height: 56px;
line-height: 60px;
text-align: center !important;
border-radius: 50%;
background: var(--primary-color-one);
background-image: inherit;
}
.slider.style_three .slide-item-content .slider_content .video_box a:before, .slider.style_three .slide-item-content .slider_content .video_box a:after {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);
width: 56px;
height: 56px;
}
.slider.style_three .slide-item-content .slider_image {
border-radius: 50%;
overflow: hidden;
height: 500px;
width: 500px;
}
.slider.style_three .slide-item-content .slider_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.slider.style_three .slide-item-content.content_left .slider_image {
position: relative;
margin: 0px 0px 0px 0px;
margin-left: auto;
}
.slider.style_three .slide-item-content.content_right .slider_image {
position: relative;
margin: 0px 0px 0px 0px;
}
.slider.style_three .slide-item-content.content_right .image_column {
order: -1;
}
.slider.style_three .slide-item-content::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: linear-gradient(180deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0) 100%);
opacity: 0.9;
z-index: 1;
}
.slider.style_three .slide-item-content.content_left {
text-align: left;
}
.slider.style_three .slide-item-content.content_left::after {
background: linear-gradient(80deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0) 100%);
}
.slider.style_three .slide-item-content.content_center {
text-align: center;
}
.slider.style_three .slide-item-content.content_center::after {
background: linear-gradient(180deg, var(--primary-color-two) 60%, rgba(0, 0, 0, 0) 120%);
}
.slider.style_three .slide-item-content.content_right {
text-align: right;
}
.slider.style_three .slide-item-content.content_right::after {
background: linear-gradient(-80deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0) 100%);
}
.slider.style_three .owl-item.active .image-layer {
opacity: 1;
}
.slider.style_three .owl-item.active .slider_content h1, .slider.style_three .owl-item.active .slider_content p, .slider.style_three .owl-item.active .slider_content ul {
opacity: 1;
}
.slider.style_three .swiper-button-prev::before,
.slider.style_three .swiper-button-next::before {
position: absolute;
font-family: "FontAwesome" !important;
width: 70px;
height: 70px;
line-height: 70px;
background: rgba(255, 255, 255, 0.08);
text-align: center;
font-size: 18px;
color: var(--primary-color-two);
border-radius: 50%;
color: #fff;
}
.slider.style_three .swiper-button-next {
right: 50px;
}
.slider.style_three .swiper-button-prev::before, .slider.style_three .swiper-button-next::before {
background: rgba(0, 0, 0, 0.2);
}
.slider.style_four .owl-item.active .slide-item .shape_enable_slider .same {
opacity: 0.6;
}
.slider.style_four .owl-item.active .slide-item .shape_enable_slider .same.shape_one {
top: -150px;
left: -150px;
z-index: 1;
}
.slider.style_four .owl-item.active .slide-item .shape_enable_slider .same.shape_two {
top: -250px;
left: -250px;
z-index: 0;
}
.slider.style_four .owl-item.active .slide-item .shape_enable_slider .same.shape_three {
bottom: -150px;
right: -150px;
z-index: 1;
}
.slider.style_four .owl-item.active .slide-item .shape_enable_slider .same.shape_four {
bottom: -250px;
right: -250px;
z-index: 0;
}
.slider.style_four .slide-item-content {
position: relative;
overflow: hidden;
}
.slider.style_four .slide-item-content .image-layer {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
.slider.style_four .slide-item-content .auto-container {
position: relative;
z-index: 10;
padding: 0px 15px;
}
.slider.style_four .slide-item-content .slider_content {
position: relative;
padding: 180px 0px;
z-index: 11;
}
.slider.style_four .slide-item-content .slider_content h1 {
font-size: 72px;
line-height: 90px;
font-weight: 800;
margin-bottom: 20px;
color: #fff;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_four .slide-item-content .slider_content h6 {
font-size: 18px;
background: rgba(255, 255, 255, 0.1);
border: 2px solid var(--primary-color-one);
padding: 10px 30px;
line-height: 32px;
display: inline-block;
font-weight: 600;
margin-bottom: 25px;
border-radius: 20px 0px;
color: #fff;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_four .slide-item-content .slider_content p {
font-size: 17px;
line-height: 27px;
font-weight: 400;
color: var(--text-color-light);
margin-bottom: 30px;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_four .slide-item-content .slider_content .theme-btn.one {
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.slider.style_four .slide-item-content .content_left {
text-align: left !important;
}
.slider.style_four .slide-item-content .content_right {
text-align: right !important;
}
.slider.style_four .slide-item-content .content_center {
text-align: center !important;
}
.slider.style_four .owl-item.active .slide-item-content .image-layer {
opacity: 1;
}
.slider.style_four .owl-item.active .slide-item-content .slider_content h1 {
opacity: 1;
}
.slider.style_four .owl-item.active .slide-item-content .slider_content h6 {
opacity: 1;
}
.slider.style_four .owl-item.active .slide-item-content .slider_content p {
opacity: 1;
}
.slider.style_four .owl-item.active .slide-item-content .slider_content .theme-btn.one {
opacity: 1;
}
.slider .owl-nav {
display: none;
position: absolute;
width: 100%;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 0px;
left: 0;
right: 0;
}
.slider.nav_position_two .owl-nav, .slider.nav_position_one .owl-nav {
display: block;
}
.slider .owl-prev, .slider .owl-next {
background: none;
}
.slider .owl-prev span, .slider .owl-next span {
display: none;
}
.slider .owl-prev::before, .slider .owl-next::before {
position: absolute;
font-family: "FontAwesome" !important;
width: 60px;
height: 60px;
line-height: 60px;
background: rgba(255, 255, 255, 0.1);
text-align: center;
font-size: 22px;
color: #fff;
border-radius: 50%;
}
.slider .owl-prev::after, .slider .owl-next::after {
display: none !important;
}
.slider .owl-next::before {
content: "\f105";
}
.slider .owl-prev::before {
content: "\f104";
}
.slider.nav_position_one .owl-next {
position: absolute;
top: 0;
right: 110px;
bottom: 0;
margin: auto;
z-index: 99;
}
.slider.nav_position_one .owl-prev {
position: absolute;
top: 0;
left: 50px;
bottom: 0;
margin: auto;
z-index: 99;
}
.slider.nav_position_two .owl-nav {
position: absolute;
bottom: 80px;
width: 100%;
top: inherit;
left: 0;
right: 0;
text-align: center;
height: auto;
}
.slider.nav_position_two .owl-next, .slider.nav_position_two .owl-prev {
position: relative;
display: inline-block;
top: inherit;
left: 0;
right: 0;
margin: auto;
}
.slider.nav_position_two .owl-next {
right: -70px;
}
.slider.nav_position_two .owl-prev {
left: -70px;
}
.slider .owl-dots {
display: none;
}
.slider.pag_position_two .owl-dots, .slider.pag_position_one .owl-dots {
display: block;
}
.slider .banner-carousel .owl-dots {
position: absolute !important;
bottom: 20px !important;
left: 0 !important;
right: 0 !important;
margin: auto;
width: 100% !important;
transform: inherit !important;
text-align: center;
}
.slider .banner-carousel .owl-dots .owl-dot {
position: relative;
left: 0 !important;
display: inline-block;
margin: 0px 10px;
width: 10px;
height: 10px;
opacity: 1;
background: transparent;
border: 1px solid #fff;
border-radius: 30px;
transform: inherit !important;
transition: all 500ms ease 0ms !important;
-moz-transition: all 500ms ease 0ms !important;
-ms-transition: all 500ms ease 0ms !important;
-o-transition: all 500ms ease 0ms !important;
}
.slider .banner-carousel .owl-dots .owl-dot.active {
background: var(--primary-color-one);
width: 15px;
border-color: var(--primary-color-one);
}
.slider .banner-carousel .owl-dots .owl-dot:hover {
background: var(--primary-color-one);
width: 15px;
border-color: var(--primary-color-one);
}
.slider.pag_position_two .owl-dots {
position: absolute !important;
left: 20px !important;
top: 50%;
bottom: inherit !important;
transform: translate3d(0px, -50%, 0) !important;
-ms-transform: translate3d(0px, -50%, 0) !important;
-moz-transform: translate3d(0px, -50%, 0) !important;
-o-transform: translate3d(0px, -50%, 0) !important;
margin: inherit !important;
width: 50px !important;
}
.slider.pag_position_two .owl-dots .owl-dot {
display: block !important;
margin: 10px 0px;
}
.slider.pag_position_two .owl-dots .owl-dot.active {
width: 10px;
height: 15px;
}
.slider.pag_position_two .owl-dots .owl-dot:hover {
width: 10px;
height: 15px;
} .slider_version_v2 {
position: relative;
}
.slider_version_v2 .slide-item-content.content_left {
text-align: left;
}
.slider_version_v2 .slide-item-content.content_center {
text-align: center;
}
.slider_version_v2 .slide-item-content.content_right {
text-align: right;
}
.slider_version_v2 .slide-item-content .full-container {
padding: 200px 100px 200px;
}
.slider_version_v2 .banner-carousel .owl-dots .owl-dot {
margin: 0px 5px;
}
.slider_version_v2 .banner-carousel .owl-dots .owl-dot.active {
background: #fff;
border-color: #fff;
}
.slider_version_v2 .owl-prev {
top: -64px !important;
}
.slider_version_v2 .owl-prev::before {
content: "\e934";
font-family: "icomoon" !important;
}
.slider_version_v2 .owl-next {
top: -64px !important;
}
.slider_version_v2 .owl-next::before {
content: "\e933";
font-family: "icomoon" !important;
}
.slider_version_v2.style_one .slide-item-content::before {
display: none !important;
}
.slider_version_v2.style_one .slide-item-content .slider_content h6 {
font-size: 22px;
line-height: 32px;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
}
.slider_version_v2.style_one .slide-item-content .slider_content h1 {
font-size: 72px;
text-decoration: underline;
line-height: 90px;
font-weight: 700;
color: #fff;
margin-bottom: 20px;
-webkit-text-decoration: 4px underline;
text-decoration: 4px underline;
}
.slider_version_v2.style_one .slide-item-content .slider_content p {
font-size: 17px;
color: var(--text-color-dark);
font-weight: 400;
line-height: 28px;
margin-bottom: 40px;
}
.slider_version_v2.style_two .slide-item-content::before {
display: none !important;
}
.slider_version_v2.style_two .slide-item-content::after {
display: none !important;
}
.slider_version_v2.style_two .slide-item-content .slider_content h6 {
font-size: 14px;
-webkit-text-decoration: 1px underline;
text-decoration: 1px underline;
text-transform: uppercase;
line-height: 28px;
font-weight: 600;
color: var(--primary-color-one);
margin-bottom: 25px;
}
.slider_version_v2.style_two .slide-item-content .slider_content h1 {
font-size: 72px;
line-height: 90px;
font-weight: 700;
color: var(--primary-color-two);
margin-bottom: 20px;
padding-left: 0px;
padding-bottom: 0px;
border: 0px !important;
}
.slider_version_v2.style_two .slide-item-content .slider_content p {
font-size: 17px;
color: var(--text-color-dark);
font-weight: 400;
line-height: 28px;
margin-bottom: 40px;
}
.slider_version_v2.style_two .slide-item-content .slider_content a.theme-btn {
font-size: 12px;
font-weight: 600;
font-family: var(--creote-family-one);
text-transform: uppercase;
}
.slider_version_v2.style_two .owl-prev::before {
background: rgba(0, 0, 0, 0.1);
}
.slider_version_v2.style_two .owl-next::before {
background: rgba(0, 0, 0, 0.1);
}
.slider_version_v2.style_three .slide-item-content:before {
display: none !important;
}
.slider_version_v2.style_three .slide-item-content:after {
display: none !important;
}
.slider_version_v2.style_three .slide-item-content .slider_content h6 {
font-size: 22px;
line-height: 32px;
font-weight: 600;
color: #fff;
margin-bottom: 25px;
}
.slider_version_v2.style_three .slide-item-content .slider_content h1 {
font-size: 72px;
line-height: 90px;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
padding-left: 0px;
padding-bottom: 0px;
border: 0px !important;
}
.slider_version_v2.style_three .slide-item-content .slider_content p {
font-size: 17px;
color: rgba(255, 255, 255, 0.6);
font-weight: 400;
line-height: 28px;
margin-bottom: 40px;
}
.slider_version_v2.style_three .slide-item-content .slider_content a.theme-btn {
font-size: 12px;
font-weight: 600;
font-family: var(--creote-family-one);
color: #fff;
background: var(--primary-color-one);
text-transform: uppercase;
}
.slider_version_v2.style_five .slide-item {
background: transparent !important;
}
.slider_version_v2.style_five .image-layer {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
.slider_version_v2.style_five .slide-item-content::before {
display: none !important;
}
.slider_version_v2.style_five .slide-item-content::after {
display: none !important;
}
.slider_version_v2.style_five .slide-item-content .slider_content {
padding: 100px 0px;
}
.slider_version_v2.style_five .slide-item-content .slider_content h6 {
font-size: 14px;
line-height: 28px;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
display: block;
position: relative;
}
.slider_version_v2.style_five .slide-item-content .slider_content h1 {
font-size: 72px;
line-height: 90px;
font-weight: 800;
color: #fff;
margin-bottom: 20px;
padding-left: 0px;
padding-bottom: 0px;
border: 0px !important;
position: relative;
}
.slider_version_v2.style_five .slide-item-content .slider_content p {
font-size: 17px;
color: #fff;
opacity: 0.9;
font-weight: 400;
line-height: 28px;
margin-bottom: 40px;
}
.slider_version_v2.style_five .slide-item-content .slider_content a.theme-btn {
font-size: 12px;
font-weight: 600;
font-family: var(--creote-family-one);
text-transform: uppercase;
border-radius: 8px;
}
.slider_version_v2.style_five .owl-prev::before {
background: rgba(0, 0, 0, 0.1);
}
.slider_version_v2.style_five .owl-next::before {
background: rgba(0, 0, 0, 0.1);
}
.slider_version_v2.style_four .slider_content h1 {
font-size: 85px;
line-height: 100px;
font-weight: 800;
color: #fff;
margin-bottom: 20px;
}
.slider_version_v2.style_four .slider_content h1 span {
font-size: 50px;
display: block;
line-height: 70px;
font-weight: 600;
margin-bottom: 10px;
}
.slider_version_v2.style_four .slider_content p {
font-size: 17px;
color: #fff;
opacity: 0.9;
font-weight: 400;
line-height: 28px;
margin-bottom: 40px;
}
.slider_version_v2.style_four .slider_content .thm_btn {
position: relative;
padding-top: 20px;
}
.slider_version_v2.style_four .slider_content .thm_btn a {
font-size: 15px;
text-transform: unset;
font-weight: 600;
border-radius: 50px;
}
.slider_version_v2.style_four .slider_content .thm_btn a.two {
border-color: #fff;
color: #fff;
}
.slider_version_v2.style_four .slider_content .thm_btn a.two:hover {
border-color: var(--primary-color-one);
}
.slider_version_v2.style_four .content_left .slider_content .thm_btn a {
margin-right: 15px;
}
.slider_version_v2.style_four .content_center .slider_content .thm_btn a {
margin: 0px 10px;
}
.slider_version_v2.style_four .content_right .slider_content .thm_btn a {
margin-left: 15px;
}
.slider_version_v3.style_one .slide-item-content::before {
display: none;
}
.slider_version_v3.style_one .slide-item-content .contnet_d_flex {
display: flex;
padding: 0px 15px;
}
.slider_version_v3.style_one .slide-item-content .contnet_d_flex .text_box_content {
position: relative;
width: 55%;
min-width: 55%;
}
.slider_version_v3.style_one .slide-item-content .slider_content {
padding: 215px 0px 240px;
}
.slider_version_v3.style_one .slide-item-content .slider_content h6 {
font-size: 14px;
-webkit-text-decoration: 1px underline;
text-decoration: 1px underline;
text-transform: uppercase;
line-height: 28px;
font-weight: 600;
color: var(--primary-color-one);
margin-bottom: 25px;
}
.slider_version_v3.style_one .slide-item-content .slider_content h1 {
font-size: 60px;
line-height: 72px;
font-weight: 700;
color: var(--primary-color-two);
margin-bottom: 20px;
padding-left: 0px;
padding-bottom: 0px;
border: 0px !important;
}
.slider_version_v3.style_one .slide-item-content .slider_content p {
font-size: 17px;
color: var(--text-color-dark);
font-weight: 400;
line-height: 28px;
margin-bottom: 25px;
}
.slider_version_v3.style_one .slide-item-content .slider_content ul {
position: relative;
margin: 0 0 40px 0;
padding: 0 0px 0px 20px;
}
.slider_version_v3.style_one .slide-item-content .slider_content ul li {
list-style: none;
position: relative;
}
.slider_version_v3.style_one .slide-item-content .slider_content ul li::before {
position: absolute;
content: "";
width: 6px;
height: 6px;
left: -20px;
top: 0;
bottom: 0;
margin: auto;
background: var(--primary-color-one);
}
.slider_version_v3.style_one .slide-item-content .slider_content ul li:after {
position: absolute;
content: "";
width: 6px;
height: 6px;
opacity: 0.4;
left: -14px;
top: 0;
bottom: 0;
margin: auto;
background: var(--primary-color-one);
}
.slider_version_v3.style_one .slide-item-content .slider_content a.theme-btn {
font-size: 12px;
font-weight: 600;
font-family: var(--creote-family-one);
text-transform: uppercase;
}
.slider_version_v3.style_one .slide-item-content .slider_image {
position: absolute;
display: flex;
min-width: 695px;
bottom: -21px;
}
.slider_version_v3 .pr_relative {
position: relative;
}
.slider_version_v3 .pr_relative .contact_box_ban {
position: absolute;
display: flex;
bottom: 0;
left: 0;
z-index: 9;
padding: 10px 20px 50px;
}
.slider_version_v3 .pr_relative .contact_box_ban .icon_bx {
min-width: 65px;
width: 65px;
align-items: center;
}
.slider_version_v3 .pr_relative .contact_box_ban .icon_bx span {
font-size: 25px;
width: 50px;
height: 50px;
background: var(--primary-color-one);
line-height: 50px;
border-radius: 50px;
text-align: center;
display: block;
color: #fff;
top: 6px;
}
.slider_version_v3 .pr_relative .contact_box_ban .conent_bx {
position: relative;
}
.slider_version_v3 .pr_relative .contact_box_ban .conent_bx h6 {
margin-bottom: 5px;
font-size: 18px;
line-height: 26px;
}
.slider_version_v3 .pr_relative .contact_box_ban .conent_bx p {
margin-bottom: 0px;
}
.slider_version_v4 .slide-item-content::before {
display: none;
}
.slider_version_v4.slider.style_one .tag_content {
position: relative;
font-size: 30px;
font-family: var(--creote-family-one);
font-weight: 700;
line-height: 40px;
display: flex;
top: 7px;
color: var(--heading-dark);
}
.slider_version_v4.slider.style_one .tag_content span {
font-size: 16px;
display: inline-block;
font-weight: 600;
font-style: italic;
margin-right: 15px;
color: var(--primary-color-one);
}
.slider_version_v4.slider.style_one .slide-item-content .slider_content h6 {
font-size: 18px;
line-height: 30px;
padding: 5px 15px;
background: #fff;
color: var(--primary-color-one);
font-weight: 600;
display: inline-block;
margin-bottom: 30px;
}
.slider_version_v4.slider.style_one .slide-item-content .slider_content h1 {
font-size: 54px;
line-height: 66px;
}
.slider_version_v4.slider.style_one .slide-item-content ul {
padding: 0px;
margin: 0px;
}
.slider_version_v4.slider.style_one .slide-item-content ul li {
display: inline-block;
margin-right: 20px;
}
.slide-item-content.content_left .video_box:before, .slide-item-content.content_left .video_box:after {
top: 40% !important;
left: 40% !important;
}
.slide-item-content.content_center .video_box:before, .slide-item-content.content_center .video_box:after {
top: 40% !important;
}
.slide-item-content.content_right .video_box:before, .slide-item-content.content_right .video_box:after {
top: 40% !important;
left: 60% !important;
}
.slider.style_two .slide-item-content.content_right .video_box:before, .slider.style_two .slide-item-content.content_right .video_box:after {
top: 40% !important;
left: 40% !important;
}
@media (max-width: 992px) {
.slider_version_v3.style_one .slide-item-content {
text-align: left !important;
padding: 200px 0px !important;
}
.slider_version_v3.style_one .slide-item-content .contnet_d_flex {
display: block;
}
.slider_version_v3.style_one .slide-item-content .contnet_d_flex .text_box_content {
width: 100%;
min-height: 100%;
}
.slider_version_v3.style_one .slide-item-content .slider_image {
display: none;
position: relative;
border: 0px;
min-width: 30%;
margin: auto;
}
.slider_version_v3.style_one .owl-nav {
display: none !important;
}
.slider_version_v4.style_one .tag_content {
display: block !important;
}
.slider_version_v4 .owl-nav {
display: none !important;
}
} .single_banner {
position: relative;
}
.single_banner.style_one {
padding: 100px 0px;
background: var(--border-color-light);
}
.single_banner.style_one .slider_image {
position: relative;
text-align: right;
}
.single_banner.style_one .d_inline_block {
position: relative;
padding: 0px;
margin: 0px;
}
.single_banner.style_one .d_inline_block li {
display: inline-block;
list-style: none;
}
.single_banner.style_one .d_inline_block li .video_box {
height: 56px !important;
width: 56px !important;
position: relative;
}
.single_banner.style_one .d_inline_block li .video_box a {
height: 56px !important;
width: 56px !important;
line-height: 56px;
position: relative;
background: var(--primary-color-three);
color: var(--primary-color-one);
}
.single_banner.style_one .d_inline_block li .video_box a i {
position: absolute;
font-size: 18px;
line-height: 18px;
height: 18px;
width: 18px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.single_banner.style_one .d_inline_block li .video_box:before, .single_banner.style_one .d_inline_block li .video_box:after {
display: none !important;
}
.single_banner.style_one .d_inline_block li.vd_bx {
position: relative;
top: 25px;
left: 20px;
margin-bottom: 0px;
}
.single_banner.style_one .slider_content {
position: relative;
}
.single_banner.style_one .slider_content h6 {
font-size: 16px;
line-height: 30px;
background: #fff;
color: var(--primary-color-one);
border-radius: 10px 0px 10px 0px;
padding: 0px 5px;
display: inline-block;
margin-bottom: 20px;
}
.single_banner.style_one .slider_content h1 {
font-size: 66px;
line-height: 82px;
font-weight: 800;
margin-bottom: 20px;
}
._media {
padding: 20px;
}
._media li {
display: inline-block;
margin: 0px 5px;
}  .img_hover-1 {
position: relative;
overflow: hidden;
cursor: pointer;
}
.img_hover-1::before {
position: absolute;
content: "";
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
height: 100%;
opacity: 0;
background: var(--primary-color-two);
opacity: 0;
transition: 0.5s ease-in-out !important;
}
.img_hover-1::after {
position: absolute;
z-index: 1;
display: block;
content: "";
width: 30px;
height: 30px;
background: rgba(255, 255, 255, 0.2);
border-radius: 10px;
bottom: 0;
top: 0;
left: 0;
right: 0;
opacity: 0;
margin: auto;
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
.news_box:hover .img_hover-1::before {
opacity: 0.85;
}
.news_box:hover .img_hover-1::after {
animation: circle 0.75s;
} .sticky .news_box.normal_view .content_box:before {
position: absolute;
content: "";
border-left: 15px solid transparent;
border-top: 15px solid var(--primary-color-one);
border-right: 15px solid var(--primary-color-one);
border-bottom: 15px solid transparent;
top: 0;
right: 0;
border-radius: 0px 10px 0px 0px;
}
.tag-sticky-2 .single_content_upper:before {
position: absolute;
content: "";
width: 30px;
height: 30px;
right: -54px;
background: var(--primary-color-one);
border-radius: 50px 0px 0px 50px;
top: 3px;
} .news_box.style_one {
position: relative;
margin: 0px 0px 30px;
text-align: center;
box-shadow: var(--box-shadow);
border-radius: 10px;
overflow: hidden;
}
.news_box.style_one .image {
position: relative;
overflow: hidden;
width: 100%;
height: 340px;
}
.news_box.style_one .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news_box.style_one .image .arrow {
position: absolute;
width: 60px;
height: 60px;
border-radius: 15px 0px 15px 0px;
background: var(--primary-color-one);
color: #fff;
font-size: 14px;
line-height: 60px;
text-align: center;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
left: 0;
right: 0;
opacity: 0;
margin: auto;
top: 30px;
bottom: 0;
z-index: 3;
}
.news_box.style_one .content_box {
position: relative;
z-index: 4;
padding: 60px 20px 30px;
}
.news_box.style_one .content_box .date {
position: absolute;
width: 66px;
height: 66px;
border-radius: 50%;
background: var(--primary-color-one);
border: 4px solid #ffffff;
top: 0;
left: 0;
right: 0;
padding: 9px 10px 0px;
}
.news_box.style_one .content_box .date span {
display: block;
color: #fff;
font-family: var(--creote-family-one);
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
.news_box.style_one .content_box .date span.date_in_number {
font-size: 18px;
line-height: 24px;
}
.news_box.style_one .content_box .categories {
font-size: 12px;
display: block;
color: var(--text-color-dark);
font-family: var(--creote-family-one);
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
}
.news_box.style_one .content_box .categories i {
font-size: 16px;
margin-right: 5px;
}
.news_box.style_one .content_box h2 a {
display: block;
color: var(--heading-dark);
line-height: 32px;
font-size: 22px;
font-weight: 700;
}
.news_box.style_one .content_box h2 a:hover {
color: var(--primary-color-one);
}
.news_box.style_one .content_box p {
line-height: 26px;
}
.news_box.style_one:hover .img_hover-1 .arrow {
opacity: 1;
top: 0;
}
.news_box.style_one:hover .content_box .categories {
color: var(--primary-color-one);
}
.news_box.style_one.has_images .content_box .date {
margin: -30px auto 0;
}
.news_box.style_one.no_images .content_box {
padding: 30px 20px;
}
.news_box.style_one.no_images .content_box .date {
position: relative;
margin: 0px auto 20px;
display: inline-block;
} .news_box.default_style.list_view {
position: relative;
display: flex;
box-shadow: var(--box-shadow);
margin-bottom: 50px;
overflow: hidden;
border-radius: 10px;
}
.news_box.default_style.list_view .image {
position: relative;
max-width: 40%;
min-width: 40%;
min-height: 378px;
}
.news_box.default_style.list_view .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news_box.default_style.list_view .image .categories {
position: absolute;
top: 0;
left: 0;
padding: 7px 12px 2px;
background: var(--primary-color-two);
color: #fff;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
line-height: 26px;
border-radius: 0px 0px 10px 0px;
font-family: var(--creote-family-one);
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.news_box.default_style.list_view .image .categories i {
margin-right: 6px;
}
.news_box.default_style.list_view .content_box {
position: relative;
padding: 40px;
}
.news_box.default_style.list_view .content_box .date {
position: relative;
margin-bottom: 15px;
}
.news_box.default_style.list_view .content_box .date span {
display: block;
color: var(--primary-color-one);
font-family: var(--creote-family-one);
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
.news_box.default_style.list_view .content_box h2 a {
display: block;
color: var(--heading-dark);
line-height: 32px;
font-size: 22px;
font-weight: 700;
margin-bottom: 15px;
}
.news_box.default_style.list_view .content_box h2 a:hover {
color: var(--primary-color-one);
}
.news_box.default_style.list_view .content_box p {
margin-bottom: 25px;
}
.news_box.default_style.list_view .content_box a.link__go {
display: block;
color: var(--text-color-dark);
font-family: var(--creote-family-one);
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
.news_box.default_style.list_view .content_box .source {
margin-bottom: 30px;
border-bottom: 1px solid var(--border-color-dark);
padding-bottom: 25px;
}
.news_box.default_style.list_view .content_box .auhtour_box {
position: relative;
}
.news_box.default_style.list_view .content_box .auhtour_box img {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
float: left;
border-radius: 50%;
}
.news_box.default_style.list_view .content_box .auhtour_box .contnet_a {
position: relative;
margin-left: 60px;
padding: 6px 0px 0px 0px;
}
.news_box.default_style.list_view .content_box .auhtour_box .contnet_a p {
font-family: var(--creote-family-one);
font-size: 12px;
line-height: 18px;
font-weight: 600;
margin-bottom: 4px;
color: var(--primary-color-one);
}
.news_box.default_style.list_view .content_box .auhtour_box .contnet_a h4 {
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: var(--text-color-dark);
}
.news_box.default_style.list_view:hover .image .categories {
background: var(--primary-color-one);
}
.news_box.default_style.list_view.has_image .content_box {
margin-left: 45%;
}
.news_box.default_style.list_view.no_images {
display: block;
}
.news_box.default_style.list_view.normal_view {
display: block;
}
.news_box.default_style.list_view.normal_view .image {
height: 350px;
min-width: auto;
width: 100%;
max-width: 100%;
}
.news_box.default_style.list_view.normal_view .content_box {
margin-left: 0px;
}
.news_box.style_two {
position: relative;
margin-bottom: 25px;
}
.news_box.style_two .content_box {
position: relative;
padding: 25px;
overflow: hidden;
border-radius: 10px;
}
.news_box.style_two .content_box img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 0;
border-radius: 13px;
}
.news_box.style_two .content_box .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: var(--primary-color-two);
opacity: 0.4;
z-index: 1;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.news_box.style_two .content_box .category {
position: relative;
z-index: 2;
}
.news_box.style_two .content_box .category a {
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
.news_box.style_two .content_box .category a i {
margin-right: 6px;
font-size: 14px;
}
.news_box.style_two .content_box .content_mid {
position: relative;
z-index: 2;
text-align: center;
padding: 80px 40px;
}
.news_box.style_two .content_box .content_mid .date_in_number {
display: block;
color: #fff;
font-family: var(--creote-family-one);
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 15px;
}
.news_box.style_two .content_box .content_mid h2 a {
display: block;
color: #fff;
line-height: 30px;
font-size: 20px;
font-weight: 700;
}
.news_box.style_two .content_box .content_mid h2 a:hover {
color: var(--primary-color-one);
}
.news_box.style_two .content_box .content_mid p {
line-height: 26px;
}
.news_box.style_two .content_box .auhtour_box {
position: absolute;
z-index: 2;
left: 20px;
bottom: 20px;
}
.news_box.style_two .content_box .auhtour_box img {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
float: left;
border-radius: 50%;
}
.news_box.style_two .content_box .auhtour_box .contnet_a {
position: relative;
margin-left: 60px;
padding: 6px 0px 0px 0px;
}
.news_box.style_two .content_box .auhtour_box .contnet_a p {
font-family: var(--creote-family-one);
font-size: 12px;
line-height: 18px;
font-weight: 600;
margin-bottom: 4px;
color: #fff;
}
.news_box.style_two .content_box .auhtour_box .contnet_a h4 {
font-size: 14px;
line-height: 22px;
font-weight: 700;
color: #fff;
}
.news_box.style_two:hover {
cursor: pointer;
}
.news_box.style_two:hover .content_box .overlay {
opacity: 0.8;
}
.news_box.style_four {
position: relative;
overflow: hidden;
border-radius: 10px;
min-height: 390px;
background: transparent;
margin-bottom: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news_box.style_four.no_radius {
border-radius: 0px;
}
.news_box.style_four .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: var(--primary-color-two);
opacity: 0.4;
z-index: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.news_box.style_four .date {
position: absolute;
width: 60px;
background: var(--primary-color-one);
top: 0;
right: 0;
padding-bottom: 5px;
padding-top: 18px;
border-radius: 0px 0px 50px 50px;
text-align: center;
text-transform: uppercase;
}
.news_box.style_four .date span {
display: block;
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
line-height: 20px;
color: #fff;
}
.news_box.style_four .date span.date_in_number {
position: relative;
width: 50px;
background: #fff;
font-size: 18px;
line-height: 58px;
height: 50px;
color: var(--text-color-dark);
font-weight: 700;
text-align: center;
border-radius: 50%;
margin: 10px auto 0px;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.news_box.style_four .content_box {
position: relative;
padding: 300px 25px 25px 25px;
}
.news_box.style_four .content_box .category {
position: relative;
z-index: 2;
margin-bottom: 12px;
}
.news_box.style_four .content_box .category a {
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
.news_box.style_four .content_box .category a i {
margin-right: 6px;
}
.news_box.style_four .content_box h2 a {
display: block;
color: #fff;
line-height: 30px;
font-size: 20px;
font-weight: 700;
}
.news_box.style_four .content_box h2 a:hover {
color: var(--primary-color-one);
}
.news_box.style_four .auhtour_box {
position: absolute;
z-index: 2;
top: 25px;
left: -100px;
opacity: 0;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.news_box.style_four .auhtour_box img {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
float: left;
border-radius: 50%;
}
.news_box.style_four .auhtour_box .contnet_a {
position: relative;
margin-left: 60px;
padding: 6px 0px 0px 0px;
}
.news_box.style_four .auhtour_box .contnet_a p {
font-family: var(--creote-family-one);
font-size: 12px;
line-height: 18px;
font-weight: 600;
margin-bottom: 4px;
color: #fff;
}
.news_box.style_four .auhtour_box .contnet_a h4 {
font-size: 14px;
line-height: 22px;
font-weight: 700;
color: #fff;
}
.news_box.style_four:hover {
cursor: pointer;
}
.news_box.style_four:hover .overlay {
opacity: 0.8;
}
.news_box.style_four:hover .auhtour_box {
left: 25px;
opacity: 1;
}
.news_box.style_four:hover .date span.date_in_number {
transform: rotate(360deg);
}
.news_box.style_five {
background: #fff;
position: relative;
padding: 30px;
border-radius: 5px;
border: 1px solid var(--border-color-dark);
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
overflow: hidden;
}
.news_box.style_five .content_box {
position: relative;
z-index: 1;
}
.news_box.style_five::before {
position: absolute;
content: "";
background: var(--primary-color-one);
width: 100%;
top: 100%;
left: 0;
height: 100%;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.news_box.style_five h2 a {
font-size: 20px;
color: var(--heading-dark);
line-height: 30px;
padding: 15px 0px;
display: block;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.news_box.style_five p {
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.news_box.style_five ul {
position: relative;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-color-dark);
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
margin: 0px;
padding-left: 0px;
}
.news_box.style_five ul li {
display: inline-block;
padding-right: 12px;
}
.news_box.style_five ul li span, .news_box.style_five ul li i {
margin-right: 5px;
color: var(--text-color-light);
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.news_box.style_five ul li a {
color: var(--text-color-dark);
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
font-size: 15px;
}
.news_box.style_five ul li:last-child {
padding-right: 0px;
}
.news_box.style_five a.link__go {
padding-top: 15px;
border-top: 1px solid var(--border-color-dark);
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
font-family: var(--creote-family-one);
font-size: 15px;
display: block;
font-weight: 500;
color: var(--primary-color-one);
}
.news_box.style_five a.link__go i {
position: relative;
left: 6px;
top: 3px;
font-size: 19px;
}
.news_box.style_five:hover {
border-color: var(--primary-color-one);
}
.news_box.style_five:hover h2 A {
color: #fff;
}
.news_box.style_five:hover::before {
top: 0;
}
.news_box.style_five:hover p {
transform: translateY(-30px);
opacity: 0;
}
.news_box.style_five:hover a.link__go {
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
.news_box.style_five:hover ul {
border-color: rgba(255, 255, 255, 0.2);
}
.news_box.style_five:hover ul li span, .news_box.style_five:hover ul li i {
color: #fff;
}
.news_box.style_five:hover ul li a {
color: #fff;
}
.news_box.style_six {
position: relative;
margin-bottom: 30px;
}
.news_box.style_six .content_box {
position: relative;
padding: 25px;
overflow: hidden;
border-radius: 10px;
}
.news_box.style_six .content_box::before {
position: absolute;
content: url(//www.ummanexport.com/wp-content/themes/Ummanv3/assets/images/dot-bg.png);
bottom: -249px;
left: -36px;
width: 100%;
height: 100%;
z-index: 2;
transform: rotate(13deg);
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.news_box.style_six .content_box::after {
position: absolute;
content: url(//www.ummanexport.com/wp-content/themes/Ummanv3/assets/images/dot-bg.png);
right: -33px;
top: -243px;
width: 100%;
height: 100%;
z-index: 2;
transform: rotate(-170deg);
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.news_box.style_six .content_box img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 0;
border-radius: 13px;
}
.news_box.style_six .content_box .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: var(--primary-color-three);
opacity: 1;
z-index: 1;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
border-radius: 10px;
}
.news_box.style_six .content_box .category {
position: relative;
z-index: 3;
}
.news_box.style_six .content_box .category a {
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
color: var(--text-color-dark);
}
.news_box.style_six .content_box .category a i {
margin-right: 6px;
color: var(--primary-color-one);
font-size: 14px;
}
.news_box.style_six .content_box .content_mid {
position: relative;
z-index: 3;
text-align: center;
padding: 80px 40px;
}
.news_box.style_six .content_box .content_mid .date_in_number {
display: block;
color: var(--text-color-dark);
font-family: var(--creote-family-one);
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 15px;
}
.news_box.style_six .content_box .content_mid h2 a {
display: block;
color: var(--heading-dark);
line-height: 30px;
font-size: 20px;
font-weight: 700;
}
.news_box.style_six .content_box .content_mid h2 a:hover {
color: var(--primary-color-one);
}
.news_box.style_six .content_box .auhtour_box {
position: absolute;
z-index: 2;
bottom: 20px;
left: 20px;
}
.news_box.style_six .content_box .auhtour_box img {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
float: left;
border-radius: 50%;
}
.news_box.style_six .content_box .auhtour_box .contnet_a {
position: relative;
margin-left: 60px;
padding: 6px 0px 0px 0px;
}
.news_box.style_six .content_box .auhtour_box .contnet_a p {
font-family: var(--creote-family-one);
font-size: 12px;
line-height: 18px;
font-weight: 600;
margin-bottom: 4px;
color: var(--text-color-dark);
}
.news_box.style_six .content_box .auhtour_box .contnet_a h4 {
font-size: 14px;
line-height: 22px;
font-weight: 700;
color: var(--heading-dark);
}
.news_box.style_six:hover {
cursor: pointer;
}
.news_box.style_six:hover .content_box::before {
opacity: 0;
}
.news_box.style_six:hover .content_box::after {
opacity: 0;
}
.news_box.style_six:hover .content_box .overlay {
opacity: 0.93;
}
.news_box.style_seven {
position: relative;
margin-bottom: 30px;
box-shadow: var(--box-shadow-two);
border-radius: 10px;
overflow: hidden;
}
.news_box.style_seven .image_box {
position: relative;
overflow: hidden;
}
.news_box.style_seven .image_box img {
height: 250px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news_box.style_seven .image_box::before {
position: absolute;
content: "";
top: 0px;
border-radius: 5px;
left: 0px;
opacity: 0;
width: 0%;
background: var(--primary-color-one);
height: 0%;
transition: all 0.5s ease-in-out;
}
.news_box.style_seven .image_box .date {
position: absolute;
padding: 5px 10px;
font-size: 15px;
color: #fff;
border-radius: 5px;
top: 10px;
left: 10px;
background: var(--primary-color-one);
transition: all 0.5s ease-in-out;
}
.news_box.style_seven .content_box {
position: relative;
padding: 30px;
}
.news_box.style_seven .content_box h2 {
line-height: normal;
}
.news_box.style_seven .content_box h2 a {
font-size: 20px;
display: block;
line-height: 28px;
color: var(--heading-dark);
margin-bottom: 15px;
}
.news_box.style_seven .content_box ul {
position: relative;
margin-bottom: 15px;
padding-bottom: 15px;
margin-left: 0px;
padding-left: 0px;
border-bottom: 1px solid var(--border-color-dark);
}
.news_box.style_seven .content_box ul li {
position: relative;
margin-right: 30px;
display: inline-block;
}
.news_box.style_seven .content_box ul li::before {
position: absolute;
content: "";
width: 1px;
background: var(--border-color-dark);
right: -18px;
height: 16px;
top: 5px;
}
.news_box.style_seven .content_box ul li:last-child:before {
display: none;
}
.news_box.style_seven .content_box ul li a {
font-size: 15px;
color: var(--text-color-dark);
}
.news_box.style_seven .content_box ul li a span {
margin-right: 8px;
color: var(--primary-color-one);
}
.news_box.style_seven .content_box ul li:last-child {
margin-right: 0px !important;
}
.news_box.style_seven .content_box a.read_more {
position: relative;
display: block;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid var(--border-color-dark);
font-size: 15px;
line-height: 25px;
font-family: var(--creote-family-one);
font-weight: 600;
}
.news_box.style_seven .content_box a.read_more i {
position: relative;
right: -8px;
top: 2px;
font-size: 17px;
}
.news_box.style_seven:hover .image_box::before {
opacity: 0.8;
width: 100%;
height: 100%;
}
.news_box.style_eight {
position: relative;
margin-bottom: 30px;
}
.news_box.style_eight .image_box {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.news_box.style_eight .image_box img {
position: relative;
width: 100%;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1.01);
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
transition: all 700ms ease;
}
.news_box.style_eight .image_box a {
position: absolute;
opacity: 0;
}
.news_box.style_eight .content_box {
position: relative;
padding: 0px 0px 0px;
margin-top: -22px;
}
.news_box.style_eight .content_box .category {
display: inline-block;
background: var(--primary-color-one);
padding: 10px 20px;
font-size: 12px;
text-transform: uppercase;
line-height: 22px;
font-weight: 600;
border-radius: 30px;
margin-bottom: 20px;
margin-left: 20px;
}
.news_box.style_eight .content_box .category a {
color: #fff;
}
.news_box.style_eight .content_box .category a i {
margin-right: 5px;
font-size: 15px;
position: relative;
top: 1px;
}
.news_box.style_eight .content_box h2 {
line-height: normal;
}
.news_box.style_eight .content_box h2 a {
font-size: 20px;
line-height: 30px;
display: block;
color: var(--heading-dark);
margin-bottom: 10px;
}
.news_box.style_eight .content_box a.link__go {
display: block;
font-size: 16px;
line-height: 26px;
color: var(--text-color-dark);
}
.news_box.style_eight .content_box a.link__go i {
position: relative;
top: 4px;
left: 10px;
font-size: 20px;
}
.news_box.style_eight:hover .image_box img {
transform: scale(1.2) rotate(2deg);
-moz-transform: scale(1.2) rotate(2deg);
-ms-transform: scale(1.2) rotate(2deg);
-o-transform: scale(1.2) rotate(2deg);
}
.masonary_enable .style_man:nth-child(2) .news_box.style_four .content_box, .masonary_enable .style_man:nth-child(7) .news_box.style_four .content_box, .masonary_enable .style_man:nth-child(12) .news_box.style_four .content_box, .masonary_enable .style_man:nth-child(17) .news_box.style_four .content_box {
padding-top: 680px;
}
.grid_box .news_box {
margin-bottom: 0px !important;
}
.grid_layout.row .grid_box .news_box {
margin-bottom: 30px !important;
}
.three_column .news_box.default_style.list_view.normal_view .image, .four_column .news_box.default_style.list_view.normal_view .image, .five_column .news_box.default_style.list_view.normal_view .image, .two_column .news_box.default_style.list_view.normal_view .image {
height: 280px !important;
min-height: 280px !important;
}
.four_column .news_box.style_six .content_box .content_mid,
.four_column .news_box.style_two .content_box .content_mid, .five_column .news_box.style_six .content_box .content_mid,
.five_column .news_box.style_two .content_box .content_mid {
padding: 90px 0px 0px;
}
.four_column .news_box.style_six .content_box, .five_column .news_box.style_six .content_box {
padding: 25px 30px;
}
.four_column .news_box.style_six .content_box .content_mid h2 a,
.four_column .news_box.style_two .content_box .content_mid h2 a, .five_column .news_box.style_six .content_box .content_mid h2 a,
.five_column .news_box.style_two .content_box .content_mid h2 a {
font-size: 18px;
line-height: 28px;
}
.four_column .news_box.style_six .content_box,
.four_column .news_box.style_two .content_box, .five_column .news_box.style_six .content_box,
.five_column .news_box.style_two .content_box {
min-height: 400px;
}
.three_column .news_box.style_six .content_box .content_mid,
.three_column .news_box.style_two .content_box .content_mid {
padding: 90px 15px 0px;
}
.three_column .news_box.style_six .content_box,
.three_column .news_box.style_two .content_box {
min-height: 414px;
}
.two_column .news_box.style_six .content_box .content_mid,
.two_column .news_box.style_two .content_box .content_mid {
padding: 90px 40px 0px;
}
.two_column .news_box.style_six .content_box,
.two_column .news_box.style_two .content_box {
min-height: 370px;
}
.one_column .news_box.style_six .content_box .content_mid,
.one_column .news_box.style_two .content_box .content_mid {
padding: 90px 40px 110px;
}
.blog_feature_image {
position: relative;
overflow: hidden;
}
.blog_feature_image img {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 15px;
} .related_post {
position: relative;
margin-top: 50px;
padding-top: 50px;
margin-bottom: 20px;
border-top: 1px solid var(--border-color-dark);
}
.related_post .title_sections_inner {
position: relative;
margin-bottom: 30px;
}
.related_post .title_sections_inner h2 {
font-size: 24px;
color: var(--heading-dark);
line-height: 34px;
}
.related_post .news_box.default_style.list_view {
box-shadow: none !important;
background: var(--primary-color-three);
}
.related_post .news_box.default_style.list_view .image {
height: 250px !important;
min-height: 250px !important;
}
.related_post .news_box.default_style.list_view .content_box {
padding: 30px !important;
}
.related_post .news_box.default_style.list_view .content_box h2 a {
font-size: 20px;
line-height: 30px;
margin-bottom: 8px;
}
.related_post .news_box.default_style.list_view .content_box .source {
margin: 0px !important;
padding: 0px !important;
border-bottom: 0px !important;
}
.related_post .news_box.default_style.list_view .content_box .source p {
margin: 0px !important;
}
.related_post .arrow_related {
position: absolute;
right: 0;
top: 43px;
}
.related_post .arrow_related .related-button-next, .related_post .arrow_related .related-button-prev {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
border-radius: 50px;
text-align: center;
line-height: 50px;
border: 1px solid var(--border-color-dark);
}
.related_post .arrow_related .related-button-next i, .related_post .arrow_related .related-button-prev i {
position: absolute;
font-size: 20px;
height: 20px;
width: 20px;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: block;
}
.related_post .arrow_related .related-button-prev {
margin-right: 8px;
}
@media (max-width: 992px) {
.arrow_related {
top: inherit !important;
bottom: -40px;
left: 0;
margin: auto;
text-align: center;
}
}
.news_box.style_nine {
position: relative;
}
.news_box.style_nine .content_box {
position: relative;
padding: 25px 25px 32px;
border-top: 1px solid var(--border-color-dark);
border-left: 1px solid var(--border-color-dark);
border-right: 1px solid var(--border-color-dark);
border-radius: 5px 5px 0px 0px;
background: #fff;
}
.news_box.style_nine .content_box .category a {
display: block;
font-size: 16px;
line-height: 26px;
color: var(--primary-color-one);
margin-bottom: 10px;
}
.news_box.style_nine .content_box .category a i {
position: relative;
margin-right: 5px;
}
.news_box.style_nine .content_box .date {
position: absolute;
width: 66px;
height: 66px;
border-radius: 50%;
background: var(--primary-color-one);
border: 4px solid var(--primary-color-three);
right: 15px;
padding: 9px 10px 0px;
text-align: center;
bottom: -33px;
z-index: 1;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.news_box.style_nine .content_box .date span {
display: block;
color: #fff;
font-family: var(--creote-family-one);
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
.news_box.style_nine .content_box .date span.date_in_number {
font-size: 18px;
line-height: 24px;
}
.news_box.style_nine .content_box h2 {
line-height: normal;
}
.news_box.style_nine .content_box h2 a {
font-size: 20px;
line-height: 30px;
margin-bottom: 4px;
color: var(--heading-dark);
display: block;
}
.news_box.style_nine .image_box {
position: relative;
overflow: hidden;
height: 220px;
margin-bottom: 5px;
border-radius: 0px 0px 5px 5px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.news_box.style_nine .image_box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: -100%;
border-radius: 0px 0px 5px 5px;
top: 0;
background: linear-gradient(90deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 180%);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.news_box.style_nine .image_box img {
border-radius: 0px 0px 5px 5px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news_box.style_nine:hover .image_box::before {
left: 0;
opacity: 0.9;
}
.news_box.style_nine:hover .content_box .date {
border-color: var(--primary-color-one);
}
.news_box.style_ten {
position: relative;
padding: 15px;
box-shadow: var(--box-shadow-two);
background: #fff;
transform: translateY(0px);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.news_box.style_ten .image_box {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.news_box.style_ten .image_box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #fff;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
opacity: 0;
}
.news_box.style_ten .image_box img {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.news_box.style_ten:hover {
transform: translateY(-10px);
}
.news_box.style_ten:hover .image_box:before {
opacity: 0.5;
}
.news_box.style_ten h2 {
line-height: normal;
}
.news_box.style_ten h2 a {
font-size: 18px;
line-height: 30px;
margin-bottom: 15px;
color: var(--heading-dark);
display: block;
}
.news_box.style_ten ul {
padding: 0px;
position: relative;
margin: 0px 0px 5px;
}
.news_box.style_ten ul li {
display: inline-block;
margin-right: 15px;
font-size: 15px;
}
.news_box.style_ten ul li.cag {
position: relative;
padding: 5px 15px;
background: var(--primary-color-one);
}
.news_box.style_ten ul li.cag a {
color: #fff;
}
.news_box.style_ten ul li.cag i {
display: none;
}
.news_box.style_ten ul li.dte i {
color: var(--primary-color-one);
margin-right: 5px;
}
.news_box.style_ten ul li:last-child {
margin-right: 0px;
}
.comment-form-comment {
padding-bottom: 15px;
} .service_section {
position: relative;
}
.vc_column-inner .service_post.style_one {
margin-bottom: 60px;
}
.vc_column-inner .service_post.style_two {
margin-bottom: 30px;
}
.vc_column-inner .service_post.style_three {
margin-bottom: 30px;
}
.service_post {
position: relative;
}
.service_post.style_one {
border-top: 2px solid var(--primary-color-one);
margin-bottom: 40px;
cursor: pointer;
}
.service_post.style_one .image {
position: relative;
overflow: hidden;
}
.service_post.style_one .image .overlay {
position: absolute;
width: 100%;
height: 100%;
content: "";
left: 0;
top: 100%;
opacity: 0;
background: var(--primary-color-two);
z-index: 1;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.service_post.style_one .image img {
width: 100%;
height: 220px;
-o-object-fit: cover;
object-fit: cover;
}
.service_post.style_one .service_content {
position: relative;
z-index: 10;
border-left: 1px solid var(--border-color-dark);
border-right: 1px solid var(--border-color-dark);
border-bottom: 1px solid var(--border-color-dark);
padding: 25px 20px 20px;
text-align: center;
border-radius: 0px 0px 10px 10px;
}
.service_post.style_one .service_content.icon_yes {
padding: 40px 20px 20px;
}
.service_post.style_one .service_content .icon_box {
position: absolute;
top: -33px;
left: 0px;
width: 60px;
line-height: 60px;
height: 60px;
border-radius: 50%;
background: var(--primary-color-one);
text-align: center;
right: 0;
margin: auto;
z-index: 2;
}
.service_post.style_one .service_content .icon_box span {
color: #fff;
font-size: 30px;
display: block;
line-height: 60px;
}
.service_post.style_one .service_content .icon_box img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: 30px;
margin: auto;
}
.service_post.style_one .service_content h2 a {
display: block;
color: var(--heading-dark);
line-height: 28px;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.service_post.style_one .service_content p {
margin-bottom: 30px;
}
.service_post.style_one .service_content a.read_more {
position: absolute;
width: 150px;
height: 50px;
background: var(--primary-color-one);
text-align: center;
line-height: 50px;
color: #fff;
border-radius: 50px;
left: 0;
padding-top: 2px;
right: 0;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
margin: auto;
font-family: var(--creote-family-one);
bottom: -24px;
}
.service_post.style_one .service_content a.read_more i {
margin-left: 6px;
display: inline-block;
position: relative;
top: 2px;
font-size: 15px;
}
.service_post.style_one:hover .image .overlay {
top: 0%;
opacity: 0.8;
}
.service_post.style_two {
position: relative;
background: #fff;
border-radius: 10px;
box-shadow: var(--box-shadow);
padding: 20px;
text-align: center;
}
.service_post.style_two .image {
position: relative;
border-radius: 10px;
overflow: hidden;
height: 190px;
}
.service_post.style_two .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.service_post.style_two .image .overlay {
position: absolute;
width: 100%;
height: 100%;
content: "";
left: 0;
top: 100%;
opacity: 0;
background: var(--primary-color-two);
z-index: 1;
transition: 0.9s ease-in-out;
-moz-transition: 0.9s ease-in-out;
-o-transition: 0.9s ease-in-out;
-ms-transition: 0.9s ease-in-out;
}
.service_post.style_two .image .icon_box {
position: absolute;
right: 10px;
bottom: 10px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 10px 3px 10px 3px;
background: #fff;
z-index: 3;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.service_post.style_two .image .icon_box span {
display: block;
font-size: 25px;
color: var(--primary-color-one);
line-height: 53px;
transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
opacity: 1;
}
.service_post.style_two .image .icon_box a {
position: absolute;
font-size: 26px;
line-height: 26px;
width: 26px;
height: 26px;
right: 0;
top: 0;
bottom: 0;
left: 0;
margin: auto;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
opacity: 0;
}
.service_post.style_two .service_content {
position: relative;
padding: 20px 10px 0px;
}
.service_post.style_two .service_content .catss {
position: relative;
display: block;
margin-bottom: 6px;
}
.service_post.style_two .service_content .catss a {
color: var(--primary-color-one);
text-transform: uppercase;
line-height: 23px;
font-size: 13px;
font-weight: 500;
display: inline-block;
}
.service_post.style_two .service_content .catss a:last-child span {
display: none;
}
.service_post.style_two .service_content h2 {
margin: 0px;
}
.service_post.style_two .service_content h2 a {
display: block;
color: var(--heading-dark);
line-height: 32px;
font-size: 22px;
font-weight: 700;
}
.service_post.style_two:hover .image .overlay {
top: 0;
opacity: 0.8;
}
.service_post.style_two:hover .image .icon_box {
width: 60px;
height: 60px;
line-height: 60px;
right: 0;
bottom: 0;
background: var(--primary-color-one);
}
.service_post.style_two:hover .image .icon_box span {
opacity: 0;
}
.service_post.style_two:hover .image .icon_box a {
color: #fff;
opacity: 1;
}
.service_post.style_three {
position: relative;
background: #fff;
box-shadow: var(--box-shadow-two);
border-radius: 0px 0px 5px 5px;
}
.service_post.style_three .image_box {
position: relative;
overflow: hidden;
}
.service_post.style_three .image_box::before {
position: absolute;
content: "";
left: 0;
top: 100%;
background: var(--primary-color-two);
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.service_post.style_three .image_box img {
height: 200px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.service_post.style_three .text_box {
position: relative;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
z-index: 2;
}
.service_post.style_three .text_box .text_box_inner {
position: relative;
padding: 40px 30px 30px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
overflow: hidden;
z-index: 0;
}
.service_post.style_three .text_box .text_box_inner::before {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
border-radius: 0px 0px 5px 5px;
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 100%;
left: 0;
background: var(--primary-color-one);
z-index: -1;
}
.service_post.style_three .text_box .text_box_inner span.icon {
font-size: 50px;
line-height: 50px;
display: block;
margin-bottom: 22px;
color: var(--primary-color-one);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.service_post.style_three .text_box .text_box_inner img {
margin-bottom: 22px;
height: 50px;
width: auto;
}
.service_post.style_three .text_box .text_box_inner h2 a {
font-size: 18px;
color: var(--heading-dark);
display: block;
font-weight: 700;
margin-bottom: 10px;
line-height: 26px;
}
.service_post.style_three .text_box .text_box_inner p {
margin-bottom: 10px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.service_post.style_three .text_box .text_box_inner .read_more {
position: relative;
display: inline-block;
font-size: 15px;
color: var(--heading-dark);
font-weight: 500;
line-height: 25px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.service_post.style_three .text_box .text_box_inner .read_more i {
position: relative;
top: 2px;
font-size: 18px;
left: 10px;
}
.service_post.style_three .text_box .text_box_inner .bg_icon {
position: absolute;
top: 25px;
right: 40px;
}
.service_post.style_three .text_box .text_box_inner .bg_icon span {
opacity: 0.1;
font-size: 30px;
}
.service_post.style_three .text_box .text_box_inner .bg_icon img {
height: 40px;
opacity: 0.1;
}
.service_post.style_three:hover .image_box::before {
top: 0%;
opacity: 0.8;
}
.service_post.style_three:hover .text_box .text_box_inner::before {
top: 0;
}
.service_post.style_three:hover .text_box .text_box_inner span.icon,
.service_post.style_three:hover .text_box .text_box_inner h2 a,
.service_post.style_three:hover .text_box .text_box_inner p,
.service_post.style_three:hover .text_box .text_box_inner a.read_more {
color: #fff;
}
.service_post.style_four {
position: relative;
padding: 10px;
box-shadow: var(--box-shadow);
background: #fff;
z-index: 0;
border-radius: 10px;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.service_post.style_four .image_box {
position: relative;
overflow: hidden;
margin-bottom: 36px;
border-radius: 10px;
}
.service_post.style_four .image_box img {
height: 200px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.service_post.style_four::before {
position: absolute;
content: "";
width: 5px;
height: 50px;
left: 0;
bottom: 0;
background: var(--primary-color-one);
opacity: 0;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
top: 100%;
z-index: 1;
}
.service_post.style_four::after {
position: absolute;
content: "";
width: 10px;
height: 10px;
left: 38px;
top: 40px;
background: var(--primary-color-three);
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
z-index: -1;
}
.service_post.style_four .content_in_box {
position: relative;
padding: 10px 20px 25px;
}
.service_post.style_four .icon_box {
width: 60px;
height: 60px;
position: relative;
}
.service_post.style_four .icon_box::before {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 30px;
border-radius: 5px;
color: #fff;
content: "";
text-align: center;
display: block;
margin-bottom: 20px;
background: var(--primary-color-one);
position: relative;
z-index: 1;
text-transform: uppercase;
transition: 0.5s;
}
.service_post.style_four .icon_box::after {
position: absolute;
content: "";
width: 60px;
height: 71px;
border-radius: 5px;
top: -5px;
left: 7px;
background: #eee;
}
.service_post.style_four .icon_box .icons {
position: absolute;
font-size: 25px;
line-height: 25px;
height: 25px;
text-align: center;
color: #fff;
top: 0;
z-index: 77;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.service_post.style_four .icon_box img {
position: absolute;
width: 30px;
height: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
z-index: 77;
}
.service_post.style_four .bg_im {
position: absolute;
right: 27px;
font-size: 50px;
line-height: 50px;
color: var(--primary-color-three);
width: 50px;
height: auto;
top: 3px;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.service_post.style_four h2 {
line-height: normal;
}
.service_post.style_four h2 a {
position: relative;
font-size: 20px;
line-height: 30px;
display: block;
margin-bottom: 10px;
font-weight: 700;
color: var(--heading-dark);
font-family: var(--creote-family-one);
margin-top: 30px;
}
.service_post.style_four p {
margin-bottom: 15px;
}
.service_post.style_four a.read_more {
font-size: 15px;
line-height: 25px;
font-family: var(--creote-family-one);
color: var(--primary-color-two);
display: block;
font-weight: 600;
margin-top: 15px;
transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.service_post.style_four a.read_more i {
position: relative;
right: -8px;
top: 3px;
font-size: 17px;
}
.service_post.style_four small {
position: absolute;
font-size: 60px;
font-weight: 700;
text-transform: uppercase;
color: var(--primary-color-two);
opacity: 0.2;
top: 64px;
right: 34px;
}
.service_post.style_four:hover::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.service_post.style_four:hover::before {
opacity: 1;
top: 50px;
}
.service_post.style_four:hover a.read_more {
color: var(--primary-color-one);
}
.service_post.style_four:hover .bg_im {
color: #fff;
}
.service_post.style_five {
margin-bottom: 20px;
}
.service_post.style_five .image_box {
position: relative;
overflow: hidden;
border-radius: 6px;
}
.service_post.style_five .image_box .gradient {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(0deg, var(--primary-color-two) 6%, rgba(0, 0, 0, 0.09) 122%);
left: 0;
top: 0;
transition: 0.5s;
}
.service_post.style_five .image_box img {
position: relative;
width: 100%;
height: 430px;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1.01);
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.service_post.style_five .image_box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
background: var(--primary-color-one);
transition: all 0.5s ease-in-out;
z-index: 1;
}
.service_post.style_five .content_box {
position: absolute;
bottom: 0;
left: 0px;
z-index: 4;
padding: 40px 30px 30px;
overflow: hidden;
}
.service_post.style_five .content_box h2 {
line-height: normal;
}
.service_post.style_five .content_box h2 a {
display: block;
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
color: #fff;
transition: all 0.5s ease-in-out;
transform: translateY(70px);
}
.service_post.style_five .content_box p {
transform: translateY(200px);
color: #fff;
margin-bottom: 10px;
transition: all 0.5s ease-in-out;
}
.service_post.style_five .content_box .read_more {
display: block;
color: #fff;
transform: translateY(0px);
transition: all 0.5s ease-in-out;
font-family: var(--creote-family-one);
font-size: 15px;
line-height: 25px;
}
.service_post.style_five .content_box .read_more i {
margin-right: 8px;
position: relative;
top: 1px;
display: inline-block;
}
.service_post.style_five .icon_box {
position: absolute;
left: 0;
bottom: -26px;
background: var(--primary-color-one);
width: 65px;
height: 65px;
border-radius: 50px;
line-height: 65px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
z-index: 10;
left: 75%;
}
.service_post.style_five .icon_box span {
position: absolute;
font-size: 30px;
line-height: 35px;
display: block;
height: 35px;
width: 35px;
text-align: center;
top: 0;
bottom: 0;
color: #fff;
left: 0;
right: 0;
margin: auto;
}
.service_post.style_five .icon_box img {
width: 30px;
height: auto;
top: 0;
bottom: 0;
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.service_post.style_five:hover .image_box img {
transform: scale(1.2) rotate(2deg);
}
.service_post.style_five:hover .image_box::before {
opacity: 0.8;
}
.service_post.style_five:hover .icon_box {
left: 30px;
}
.service_post.style_five:hover .content_box h2 a {
transform: translateY(-30px);
}
.service_post.style_five:hover .content_box p {
transform: translateY(-30px);
}
.service_post.style_five:hover .content_box .read_more {
transform: translateY(-20px);
}
.service_carousel {
position: relative;
}
.service_carousel.style_one {
margin: 0px 15px;
}
.service_carousel.style_one .image {
position: relative;
overflow: hidden;
}
.service_carousel.style_one .image img {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.service_carousel.style_one .image .overlay {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: linear-gradient(0deg, var(--primary-color-two) 30%, rgba(0, 0, 0, 0) 70%);
opacity: 0.8;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.service_carousel.style_one .content {
position: absolute;
bottom: 0;
left: 0;
padding: 25px;
width: 100%;
display: inline-block;
margin: 0px;
z-index: 9;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.service_carousel.style_one .content .icon_box {
position: relative;
margin-bottom: 20px;
}
.service_carousel.style_one .content .icon_box span {
font-size: 30px;
display: inline-block;
text-align: center;
background: var(--primary-color-one);
color: #fff;
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 0px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.service_carousel.style_one .content .icon_box img {
width: 30px;
}
.service_carousel.style_one .content h2 {
position: relative;
}
.service_carousel.style_one .content h2 a {
display: block;
font-size: 20px;
line-height: 32px;
color: #fff;
}
.service_carousel.style_one .content h2 a:hover {
color: vr(--primary-color-one);
}
.service_carousel.style_one:hover .image .overlay {
height: 110%;
} .project_caro_section .swiper__center.swiper-container,
.project_caro_section .swiper__center_three.swiper-container {
overflow: inherit !important;
}
.project_caro_section .p_pagination .swiper-pagination {
padding: 20px 0px 0px;
}
.project_caro_section.style_three .p_pagination .swiper-pagination {
padding: 40px 0px 0px;
}
.project_post {
position: relative;
}
.project_post.style_one {
padding: 30px;
background: #fff;
box-shadow: var(--box-shadow);
border-radius: 10px;
}
.project_post.style_one .image {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.project_post.style_one .image img {
width: 100%;
height: 370px;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_post.style_one .image::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: -100%;
background: linear-gradient(to top, var(--primary-color-two) 1%, rgba(0, 0, 0, 0) 100%);
z-index: 9;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_post.style_one .project_caro_content {
position: relative;
padding: 20px 60px 0px 0px;
}
.project_post.style_one .project_caro_content p a {
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color-one);
margin-bottom: 5px;
}
.project_post.style_one .project_caro_content h2 a {
font-size: 20px;
font-weight: 700;
color: var(--heading-dark);
display: block;
line-height: 30px;
}
.project_post.style_one .project_caro_content .right_side {
position: absolute;
right: 0;
top: 27px;
bottom: 0;
overflow: hidden;
height: 50px;
width: 50px;
}
.project_post.style_one .project_caro_content .right_side a {
position: absolute;
right: 0;
top: 0;
display: block;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
border-radius: 10px 0px 10px 0px;
border: 1px solid var(--border-color-dark);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_post.style_one .project_caro_content .right_side a.two {
opacity: 0;
background: var(--primary-color-one);
border-color: var(--primary-color-one);
color: #fff;
transform: translateY(-100px);
}
.project_post.style_one:hover .image img {
transform: scale(1.05);
}
.project_post.style_one:hover .image::before {
bottom: 0;
}
.project_post.style_one:hover .right_side a {
opacity: 0;
transform: translateY(100px);
}
.project_post.style_one:hover .right_side a.two {
opacity: 1 !important;
transform: translateY(0px);
}
.project_post.style_one.style_four_caro {
padding: 10px;
background: #fff;
box-shadow: unset;
border-radius: 0;
border: 1px solid var(--border-color-dark);
}
.project_post.style_one.style_four_caro .image {
border-radius: 0px;
}
.project_post.style_one.style_four_caro .project_caro_content {
padding: 30px 105px 20px 25px;
}
.project_post.style_one.style_four_caro .project_caro_content .right_side {
top: 0;
bottom: 0;
margin: auto;
right: 30px;
}
.project_caro_section {
position: relative;
} .project_all {
position: relative;
}
.project_all.filter_enabled {
padding: 0px;
}
.project_all.filt_style_one .fliter_group, .project_all.filt_style_six .fliter_group {
position: relative;
margin-bottom: 50px;
}
.project_all.filt_style_one .fliter_group .project_filter, .project_all.filt_style_six .fliter_group .project_filter {
position: relative;
display: block;
padding-left: 0px;
}
.project_all.filt_style_one .fliter_group .project_filter li, .project_all.filt_style_six .fliter_group .project_filter li {
display: inline-block;
margin: 0px 15px;
position: relative;
padding: 9px 15px 5px;
border-left: 1px solid var(--border-color-dark);
border-bottom: 1px solid var(--border-color-dark);
cursor: pointer;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
text-transform: uppercase;
font-family: var(--creote-family-one);
font-weight: 600;
}
.project_all.filt_style_one .fliter_group .project_filter li.current, .project_all.filt_style_six .fliter_group .project_filter li.current {
border-color: var(--primary-color-one);
background: var(--primary-color-one);
color: #fff;
}
.project_all.filt_style_six .fliter_group .project_filter {
padding-left: 0px;
}
.project_all.filt_style_six .fliter_group .project_filter li {
border: 0px;
padding: 8px 20px;
background: var(--primary-color-three);
margin: 0px 5px;
border-radius: 5px;
}
.project_all.filt_style_six .fliter_group .project_filter li.current {
background: var(--primary-color-one);
color: #fff;
}
.project_all.filt_style_two .fliter_group, .project_all.filt_style_three .fliter_group, .project_all.filt_style_four .fliter_group, .project_all.filt_style_five .fliter_group {
position: relative;
margin-bottom: 60px;
}
.project_all.filt_style_two .fliter_group .project_filter, .project_all.filt_style_three .fliter_group .project_filter, .project_all.filt_style_four .fliter_group .project_filter, .project_all.filt_style_five .fliter_group .project_filter {
position: relative;
display: block;
border-bottom: 1px solid var(--border-color-dark);
}
.project_all.filt_style_two .fliter_group .project_filter li, .project_all.filt_style_three .fliter_group .project_filter li, .project_all.filt_style_four .fliter_group .project_filter li, .project_all.filt_style_five .fliter_group .project_filter li {
display: inline-block;
position: relative;
padding: 0px 8px 16px;
margin: 0px 3px;
cursor: pointer;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
text-transform: uppercase;
font-weight: 600;
background: transparent;
font-family: var(--creote-family-one);
font-weight: 700;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_all.filt_style_two .fliter_group .project_filter li.current, .project_all.filt_style_three .fliter_group .project_filter li.current, .project_all.filt_style_four .fliter_group .project_filter li.current, .project_all.filt_style_five .fliter_group .project_filter li.current {
color: var(--primary-color-one);
}
.project_all.filt_style_two .fliter_group .project_filter li:after, .project_all.filt_style_three .fliter_group .project_filter li:after, .project_all.filt_style_four .fliter_group .project_filter li:after, .project_all.filt_style_five .fliter_group .project_filter li:after {
position: absolute;
content: "";
background: var(--primary-color-one);
width: 100%;
height: 3px;
left: 0;
bottom: 0;
opacity: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_all.filt_style_two .fliter_group .project_filter li.current:after, .project_all.filt_style_three .fliter_group .project_filter li.current:after, .project_all.filt_style_four .fliter_group .project_filter li.current:after, .project_all.filt_style_five .fliter_group .project_filter li.current:after {
opacity: 1;
}
.project_all.filt_style_eight .fliter_group {
position: relative;
margin-bottom: 40px;
}
.project_all.filt_style_eight .fliter_group .project_filter {
position: relative;
display: block;
margin-bottom: 0px;
}
.project_all.filt_style_eight .fliter_group .project_filter li {
display: inline-block;
position: relative;
padding: 0px 8px 0px;
margin: 0px 3px;
cursor: pointer;
font-size: 16px;
line-height: 20px;
font-weight: 600;
background: transparent;
font-family: var(--creote-family-one);
font-weight: 700;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_all.filt_style_eight .fliter_group .project_filter li.current {
color: var(--primary-color-one);
}
.project_box.style_two {
position: relative;
margin-bottom: 30px;
}
.project_box.style_two .image {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.project_box.style_two .image img {
width: 100%;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.project_box.style_two .image .overlay {
position: absolute;
top: -150px;
right: -150px;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50px;
background: var(--primary-color-one);
text-align: center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_box.style_two .image .overlay a span {
font-size: 18px;
color: #fff;
position: relative;
top: 17px;
right: 13px;
}
.project_box.style_two .image::before {
position: absolute;
z-index: 1;
display: block;
content: "";
width: 30px;
height: 30px;
background: rgba(255, 255, 255, 0.2);
border-radius: 10px;
bottom: 0;
top: 0;
left: 0;
right: 0;
opacity: 0;
margin: auto;
}
.project_box.style_two .content_inner {
padding: 20px;
margin: 0px 15px 0px 15px;
background: #fff;
box-shadow: var(--box-shadow);
border: 1px solid var(--border-color-dark);
margin-top: -25px;
z-index: 23;
position: relative;
border-radius: 5px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transform: translateY(0px);
}
.project_box.style_two .content_inner::before {
position: absolute;
content: "";
border: 1px dashed var(--border-color-dark);
width: 98%;
height: 97%;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius: 10px;
}
.project_box.style_two .content_inner h2 a {
position: relative;
font-family: var(--creote-family-one);
font-size: 18px;
font-weight: 700;
line-height: 26px;
margin-bottom: 15px;
display: block;
}
.project_box.style_two .content_inner .meta_value a {
background: var(--primary-color-three);
padding: 6px 13px 7px;
border-radius: 5px;
font-size: 14px;
line-height: 20px;
text-transform: capitalize;
}
.project_box.style_two:hover .image .overlay {
top: -40px;
right: -40px;
}
.project_box.style_two:hover .image::before {
animation: circle 0.75s;
-moz-animation: circle 0.75s;
-ms-animation: circle 0.75s;
-o-animation: circle 0.75s;
}
.project_box.style_two:hover .content_inner {
transform: translateY(20px);
}
.project_box.style_three {
position: relative;
padding: 30px 30px 30px 0px;
border-radius: 10px;
box-shadow: var(--box-shadow);
background: #fff;
margin-bottom: 30px;
}
.project_box.style_three .content_inner {
position: relative;
float: left;
width: 35%;
padding: 5px 35px;
}
.project_box.style_three .content_inner div a {
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: var(--primary-color-one);
font-family: var(--creote-family-one);
text-transform: uppercase;
margin-bottom: 15px;
padding: 9px 11px 4px;
background: var(--primary-color-three);
display: inline-block;
border-radius: 5px;
}
.project_box.style_three .content_inner h2 a {
position: relative;
font-size: 22px;
font-weight: 700;
line-height: 32px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color-dark);
display: block;
}
.project_box.style_three .content_inner .read_more {
font-size: 15px;
color: var(--primary-color-one);
line-height: 25px;
display: inline-block;
}
.project_box.style_three .content_inner .read_more span {
display: inline-block;
margin-left: 5px;
font-size: 17px;
top: 2px;
position: relative;
}
.project_box.style_three .content_inner .tags_and_share {
margin-top: 30px;
}
.project_box.style_three .content_inner .share_socail {
position: relative;
padding-top: 25px;
}
.project_box.style_three .content_inner .share_socail .title {
display: none;
}
.project_box.style_three .content_inner .share_socail button {
margin-right: 10px;
}
.project_box.style_three .content_inner .share_socail button:last-child {
margin-right: 0px;
}
.project_box.style_three .content_inner .share_socail button {
position: relative;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
border-radius: 50px;
background: var(--primary-color-three);
border: 1px solid var(--border-color-dark);
color: var(--text-color-dark);
display: inline-block;
margin-right: 5px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
box-shadow: none;
}
.project_box.style_three .content_inner .share_socail button i {
position: absolute;
width: 15px;
height: 15px;
text-align: center;
font-size: 15px;
margin: auto;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.project_box.style_three .image {
position: relative;
width: 65%;
float: right;
border-radius: 10px;
overflow: hidden;
}
.project_box.style_three .image::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: -100%;
opacity: 0;
background: var(--primary-color-one);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_box.style_three .image img {
width: 100%;
height: 350px;
-o-object-fit: cover;
object-fit: cover;
}
.project_box.style_three .image .text {
padding: 20px 30px;
border-radius: 10px 10px 0px 0px;
background: var(--primary-color-three);
position: absolute;
right: 30px;
bottom: 0;
}
.project_box.style_three .image .text ul {
margin: 0;
padding: 0;
}
.project_box.style_three .image .text ul li {
list-style: none;
font-size: 13px;
text-transform: uppercase;
line-height: 23px;
margin-bottom: 5px;
color: var(--heading-dark);
font-weight: 600;
}
.project_box.style_three .image .text ul li:last-child {
margin-bottom: 0px;
}
.project_box.style_three .image .text ul li span {
font-size: 16px;
line-height: 26px;
font-family: var(--creote-family-two);
font-weight: 400;
display: inline-block;
text-transform: none;
opacity: 0.8;
margin-left: 5px;
}
.project_box.style_three:hover .image::before {
bottom: 0;
opacity: 0.8;
} .project_information {
position: relative;
}
.project_information h2 {
font-size: 30px;
font-weight: 700;
line-height: 40px;
margin-bottom: 30px;
}
.project_information .repeat_informtion {
position: relative;
margin-bottom: 15px;
padding-bottom: 15px;
}
.project_information .repeat_informtion h6 {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 8px;
}
.project_information .repeat_informtion p {
margin: 0px;
font-size: 15px;
}
.project_information .social_medias {
position: relative;
}
.project_information .social_medias a {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50px;
margin-right: 10px;
line-height: 40px;
font-size: 16px;
text-align: center;
color: var(--primary-color-one);
border: 1px solid var(--border-color-dark);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
margin-bottom: 15px;
}
.project_information .social_medias a:last-child {
margin-right: 0px;
}
.project_information .social_medias a:hover {
color: #fff;
background: var(--primary-color-one);
border-color: var(--primary-color-one);
}
.project_information .theme-btn {
margin-top: 15px;
}
.project_post {
position: relative;
margin-bottom: 30px;
}
.project_post.style_four {
padding: 30px;
background: #fff;
box-shadow: var(--box-shadow);
border-radius: 10px;
}
.project_post.style_four .image {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.project_post.style_four .image a.two {
position: absolute;
right: 10px;
bottom: 10px;
display: block;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
color: var(--primary-color-one);
border-radius: 10px 0px 10px 0px;
background: #fff;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
z-index: 10;
}
.project_post.style_four .image img {
width: 100%;
height: 370px;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_post.style_four .image::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: -100%;
background: linear-gradient(to top, var(--primary-color-two) 1%, rgba(0, 0, 0, 0) 100%);
z-index: 9;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_post.style_four .project_caro_content {
position: relative;
padding: 20px 0px 0px 0px !important;
}
.project_post.style_four .project_caro_content p a {
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color-one);
margin-bottom: 5px;
}
.project_post.style_four .project_caro_content h2 a {
font-size: 20px;
font-weight: 700;
color: var(--heading-dark);
display: block;
line-height: 30px;
}
.project_post.style_four:hover .image img {
transform: scale(1.05);
}
.project_post.style_four:hover .image::before {
bottom: 0;
}
.project_post.style_four:hover .image a {
background: var(--primary-color-one);
color: #fff;
}
.project_post {
position: relative;
margin-bottom: 30px;
}
.project_post.style_five {
padding: 20px;
background: #fff;
box-shadow: var(--box-shadow);
border-radius: 10px;
}
.project_post.style_five .image {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.project_post.style_five .image a.two {
position: absolute;
right: 10px;
top: -200px;
display: block;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
color: var(--primary-color-one);
border-radius: 0px 10px 0px 10px;
background: #fff;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
z-index: 10;
font-size: 14px;
}
.project_post.style_five .image img {
width: 100%;
height: 370px;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_post.style_five .image::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: -100%;
background: linear-gradient(to top, var(--primary-color-two) 1%, rgba(0, 0, 0, 0) 100%);
z-index: 9;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.project_post.style_five .project_caro_content {
position: absolute;
width: 100%;
height: auto;
bottom: 0;
left: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
opacity: 0;
padding: 20px;
z-index: 11;
}
.project_post.style_five .project_caro_content p a {
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
color: #fff;
margin-bottom: 5px;
}
.project_post.style_five .project_caro_content h2 a {
font-size: 20px;
font-weight: 700;
color: #fff;
display: block;
line-height: 30px;
}
.project_post.style_five:hover .image img, .project_post.style_five.hover_actives .image img {
transform: scale(1.05);
}
.project_post.style_five:hover .image::before, .project_post.style_five.hover_actives .image::before {
bottom: 0;
}
.project_post.style_five:hover .image a.two, .project_post.style_five.hover_actives .image a.two {
background: var(--primary-color-one);
color: #fff;
top: 10px;
}
.project_post.style_five:hover .project_caro_content, .project_post.style_five.hover_actives .project_caro_content {
opacity: 1;
}
.project_post.style_seven {
position: relative;
overflow: hidden;
background: transparent;
}
.project_post.style_seven h2 a {
font-size: 18px;
color: var(--heading-dark);
line-height: 26px;
font-weight: 700;
display: block;
margin-bottom: 5px;
}
.project_post.style_seven p {
color: var(--primary-color-one);
}
.project_post.style_seven .image_box {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.project_post.style_seven .image_box img {
height: 300px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.project_post.style_seven .content_box {
position: relative;
text-align: center;
padding: 25px 0px 40px;
border-bottom: 1px solid var(--primary-color-three);
margin-bottom: 30px;
}
.project_post.style_seven .content_box .image_zoom_box {
text-align: center;
position: relative;
z-index: 10;
width: 100%;
}
.project_post.style_seven .content_box .image_zoom_box img {
height: 340px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.project_post.style_seven .content_box .image_zoom_box .zoom_icon {
position: absolute;
font-size: 20px;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50px;
border: 1px solid var(--border-color-dark);
left: 0;
right: 0;
color: var(--heading-dark);
bottom: -60px;
margin: 0 auto;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.project_post.style_seven .content_box p {
margin-bottom: 5px;
}
.project_post.style_seven .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
opacity: 0;
top: 0px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
border-radius: 5px;
}
.project_post.style_seven .overlay::before {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
position: absolute;
content: "";
height: 100%;
border-radius: 5px;
width: 100%;
top: 100%;
left: 0;
background: var(--primary-color-one);
}
.project_post.style_seven .overlay .text {
position: absolute;
text-align: center;
top: 20%;
padding: 30px 40px;
width: 100%;
text-align: center;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.project_post.style_seven .overlay .text h2 a {
color: #fff;
margin-bottom: 8px;
}
.project_post.style_seven .overlay .text p {
color: #fff;
margin-bottom: 20px;
}
.project_post.style_seven .overlay .text .read_more {
position: relative;
display: inline-block;
padding: 12px 25px 8px;
text-align: center;
border-radius: 50px;
border: 1px solid #fff;
color: #fff;
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
}
.project_post.style_seven:hover .content_box .zoom_icon {
bottom: 0px;
border-color: #fff;
color: #fff;
}
.project_post.style_seven:hover .overlay {
opacity: 1;
}
.project_post.style_seven:hover .overlay::before {
top: 0;
}
.project_post.style_seven:hover .overlay .text {
top: 12%;
}
.project_post.style_six {
position: relative;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.project_post.style_six .image_box {
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 10px;
}
.project_post.style_six .image_box img {
height: 270px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.project_post.style_six .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.project_post.style_six .overlay:before {
position: absolute;
content: "";
bottom: 0px;
border-radius: 5px;
right: 0px;
opacity: 0;
width: 0%;
background: var(--primary-color-one);
height: 0%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.project_post.style_six .overlay .content_box {
position: absolute;
width: 100%;
height: 100%;
padding: 20px;
top: 0px;
left: 100%;
transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}
.project_post.style_six .overlay .content_box h2 {
line-height: normal;
}
.project_post.style_six .overlay .content_box h2 a {
font-size: 20px;
color: #fff;
line-height: 30px;
margin-bottom: 4px;
display: block;
}
.project_post.style_six .overlay .content_box p a {
color: #f1f1f1;
}
.project_post.style_six:hover .overlay:before {
width: 100%;
height: 100%;
opacity: 0.8;
}
.project_post.style_six:hover .overlay .content_box {
left: 20px;
}
.project_post.style_six .zoom_icon {
position: absolute;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
border-radius: 5px;
background: #fff;
line-height: 40px;
text-align: center;
display: block;
color: #222;
z-index: 10;
}
.project_post.style_eight {
position: relative;
}
.project_post.style_eight .image_box {
position: relative;
overflow: hidden;
border-radius: 10px 10px 10px 10px;
}
.project_post.style_eight .image_box img {
position: relative;
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1.01);
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
transition: all 700ms ease;
}
.project_post.style_eight .image_box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: var(--primary-color-one);
opacity: 0;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
z-index: 1;
}
.project_post.style_eight .image_box span {
position: absolute;
top: 47%;
left: 43%;
font-size: 40px;
line-height: 40px;
z-index: 2;
color: #fff;
opacity: 0;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.project_post.style_eight .content_box {
position: relative;
margin-right: 40px;
padding: 30px;
box-shadow: var(--box-shadow-two);
background: #fff;
z-index: 5;
margin-top: -40px;
border-radius: 0px 10px 10px 10px;
}
.project_post.style_eight .content_box h2 {
line-height: normal;
}
.project_post.style_eight .content_box h2 a {
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 8px;
}
.project_post.style_eight .content_box p {
letter-spacing: 3px;
color: var(--primary-color-one);
font-weight: 600;
font-size: 15px;
line-height: 25px;
margin: 0px;
}
.project_post.style_eight .content_box a.arrow_btn {
position: absolute;
right: -18px;
bottom: 20px;
font-size: 16px;
font-weight: 600;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
border-radius: 50px;
background: var(--primary-color-one);
box-shadow: var(--box-shadow-two);
}
.project_post.style_eight .content_box a.arrow_btn span {
position: absolute;
font-size: 16px;
height: 16px;
width: 16px;
line-height: 16px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.project_post.style_eight:hover .image_box img {
transform: scale(1.2) rotate(2deg);
-moz-transform: scale(1.2) rotate(2deg);
-ms-transform: scale(1.2) rotate(2deg);
-o-transform: scale(1.2) rotate(2deg);
}
.project_post.style_eight:hover .image_box::before {
opacity: 0.9;
}
.project_post.style_eight:hover .image_box span {
opacity: 1;
}
.project_post.style_nine {
position: relative;
margin: 0px 10px;
}
.project_post.style_nine .image {
position: relative;
overflow: hidden;
border-radius: 5px;
height: 400px;
width: 100%;
}
.project_post.style_nine .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.project_post.style_nine .image::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(0deg, var(--primary-color-two) 20%, rgba(0, 0, 0, 0.09) 100%);
z-index: 1;
border-radius: 0px;
opacity: 0.9;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.project_post.style_nine .image::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: -100%;
background: linear-gradient(0deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 150%);
z-index: 1;
border-radius: 0px;
opacity: 0.8;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.project_post.style_nine .project_caro_content {
position: absolute;
bottom: 0;
padding: 20px;
left: 0;
width: 100%;
height: auto;
z-index: 2;
}
.project_post.style_nine .project_caro_content p, .project_post.style_nine .project_caro_content p a {
font-size: 16px;
font-weight: 600;
color: #fff;
line-height: 26px;
display: block;
margin-bottom: 6px;
font-family: var(--creote-family-one);
}
.project_post.style_nine .project_caro_content h2 {
line-height: normal;
}
.project_post.style_nine .project_caro_content h2 a {
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 30px;
display: block;
font-family: var(--creote-family-one);
}
.project_post.style_nine:hover .image::after {
bottom: 0;
}
.filt_style_three .project_post {
margin-bottom: 30px;
}
.project_caro_section.light_color .project_post.style_seven h2 a {
color: #fff;
}
.project_caro_section.light_color .project_post.style_seven .content_box {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.project_caro_section.light_color .project_post.style_seven .content_box .image_zoom_box .zoom_icon {
border-color: rgba(255, 255, 255, 0.07);
color: #fff;
}
.project_caro_section.light_color .project_post.style_seven:hover .content_box .image_zoom_box .zoom_icon {
border-color: #fff;
color: var(--primary-color-one);
background: #fff;
}
.project_caro_section.style_two .p_pagination, .project_caro_section.style_nine .p_pagination {
position: relative;
}
.project_caro_section.style_two .p_pagination .swiper-pagination, .project_caro_section.style_nine .p_pagination .swiper-pagination {
padding: 40px 0px 0px;
}
.project_caro_section.style_two .p_pagination .swiper-pagination::before, .project_caro_section.style_nine .p_pagination .swiper-pagination::before {
position: absolute;
content: "";
height: 1px;
width: 75%;
left: 0;
bottom: 11px;
background: var(--primary-color-three);
margin: auto;
right: 0;
}
.project_caro_section.style_two .p_pagination .swiper-pagination .swiper-pagination-bullet, .project_caro_section.style_nine .p_pagination .swiper-pagination .swiper-pagination-bullet {
border: 1px solid var(--primary-color-three);
width: 12px;
background: var(--primary-color-three);
height: 12px;
border-radius: 0px;
}
.project_caro_section.style_two .p_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .project_caro_section.style_nine .p_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--primary-color-one);
border-color: var(--primary-color-one);
}
.project_caro_section.style_two.light_color .p_pagination .swiper-pagination::before, .project_caro_section.style_nine.light_color .p_pagination .swiper-pagination::before {
background: rgba(255, 255, 255, 0.09);
}
.project_caro_section.style_two.light_color .p_pagination .swiper-pagination .swiper-pagination-bullet, .project_caro_section.style_nine.light_color .p_pagination .swiper-pagination .swiper-pagination-bullet {
border: 1px solid var(--primary-color-three);
background: var(--primary-color-three);
}
.project_caro_section.style_two.light_color .p_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .project_caro_section.style_nine.light_color .p_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--primary-color-one);
border-color: var(--primary-color-one);
} .simple_search {
position: relative;
}
.simple_search .sch_btn {
position: absolute;
content: "";
font-size: 16px;
line-height: 40px;
height: 40px;
width: 46px;
text-align: center;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
color: var(--primary-color-one);
border: 0px;
top: 0;
padding: 0;
right: 0;
}
.wp-block-search__no-button {
position: relative;
}
.wp-block-search__no-button .wp-block-search__inside-wrapper {
position: relative;
}
.wp-block-search__no-button .wp-block-search__inside-wrapper::before {
position: absolute;
content: "\e914";
font-family: "icomoon";
font-size: 20px;
color: var(--primary-color-two);
top: 0px;
right: 20px;
bottom: 0;
margin: auto;
z-index: 1;
height: 56px;
line-height: 56px;
font-weight: 500;
}
.wp-block-search__label {
display: none !important;
}
.wp-block-search input,
.wp-block-search .wp-block-search__input {
height: 56px;
border-radius: 10px;
padding: 0px 20px;
font-size: 14px;
color: var(--heading-dark);
font-weight: 400;
border: 1px solid var(--border-color-dark);
margin-bottom: 0px;
}
.wp-block-search input::-moz-placeholder, .wp-block-search .wp-block-search__input::-moz-placeholder {
color: var(--heading-dark);
}
.wp-block-search input::placeholder,
.wp-block-search .wp-block-search__input::placeholder {
color: var(--heading-dark);
}
.wp-block-search__inside-wrapper {
position: relative;
}
.wp-block-search__inside-wrapper input {
height: 56px;
border-radius: 10px;
font-size: 14px;
color: var(--heading-dark);
font-weight: 400;
border: 1px solid var(--border-color-dark);
}
.wp-block-search__inside-wrapper input::-moz-placeholder {
color: var(--heading-dark);
}
.wp-block-search__inside-wrapper input::placeholder {
color: var(--heading-dark);
}
.wp-block-search__inside-wrapper .wp-block-search__button {
position: absolute;
content: "";
font-size: 11px;
text-transform: uppercase;
font-family: var(--creote-family-one);
color: #fff;
font-weight: 600;
padding: 6px 12px;
top: 0px;
right: 7px;
bottom: 0;
margin: auto;
border: 0px;
box-shadow: none;
height: 43px;
line-height: 35px;
border-radius: 5px;
background: var(--primary-color-one);
} @media (min-width: 992px) {
.left-sidebar .all_side_bar {
order: -1;
}
}
.right-sidebar .all_side_bar .side_bar,
.left-sidebar .all_side_bar .side_bar {
position: relative;
padding-left: 45px;
margin-left: 20px;
padding-top: 100px;
padding-bottom: 50px;
}
.right-sidebar .all_side_bar .side_bar::before,
.left-sidebar .all_side_bar .side_bar::before {
position: absolute;
content: "";
height: 100%;
left: -3px;
right: inherit;
top: 0;
width: 1px;
background: var(--border-color-dark);
}
.right-sidebar .all_side_bar .side_bar.sticky,
.left-sidebar .all_side_bar .side_bar.sticky {
padding-bottom: 100px;
}
.left-sidebar .all_side_bar .side_bar {
padding-left: 0px;
margin-left: 0px;
padding-right: 45px;
margin-right: 20px;
}
.left-sidebar .all_side_bar .side_bar::before {
display: none;
}
.left-sidebar .all_side_bar .side_bar::after {
position: absolute;
content: "";
height: 100%;
right: -3px;
top: 0;
width: 1px;
background: var(--border-color-dark);
}
.single-post.left-sidebar .all_side_bar .side_bar::before {
display: none;
}
.single-post.left-sidebar .all_side_bar .side_bar::after {
right: -3px;
}
.single-post.right-sidebar .all_side_bar .side_bar::before {
left: -3px;
right: inherit;
}
.right-sidebar .content-area,
.left-sidebar .content-area {
position: relative;
}
.right-sidebar .content-area::before,
.left-sidebar .content-area::before {
position: absolute;
content: "";
height: 100%;
right: -33px;
left: inherit;
top: 0;
width: 1px;
background: var(--border-color-dark);
}
.left-sidebar .content-area::before {
left: -33px;
right: inherit;
}
.side_bar ol {
margin: 0;
padding: 0;
}
.single-post.right-sidebar .content-area::before, .single-post.left-sidebar .content-area::before {
display: none;
}
.single-post.right-sidebar .blog_single_details_outer, .single-post.left-sidebar .blog_single_details_outer {
position: relative;
}
.single-post.right-sidebar .blog_single_details_outer::before, .single-post.left-sidebar .blog_single_details_outer::before {
position: absolute;
content: "";
height: 100%;
right: -48px;
top: 0;
width: 1px;
background: var(--border-color-dark);
}
.single-post.left-sidebar .blog_single_details_outer::before {
left: -48px;
right: inherit;
}
@media (max-width: 992px) {
.right-sidebar .all_side_bar .side_bar,
.left-sidebar .all_side_bar .side_bar {
padding-left: 0px;
margin-left: 0px;
padding-top: 75px;
border-top: 1px solid var(--border-color-dark);
padding-bottom: 30px;
}
.right-sidebar .all_side_bar .side_bar::before,
.left-sidebar .all_side_bar .side_bar::before {
display: none;
}
.right-sidebar .content-area,
.left-sidebar .content-area {
position: relative;
}
.right-sidebar .content-area::before,
.left-sidebar .content-area::before {
display: none;
}
.single-post.right-sidebar .blog_single_details_outer::before, .single-post.left-sidebar .blog_single_details_outer::before {
display: none;
}
}
.right-sidebar .content-area.no_sidebar::before,
.left-sidebar .content-area.no_sidebar::before {
display: none;
} .widgets_grid_box {
position: relative;
margin-bottom: 50px;
}
.widgets_grid_box .widget {
position: relative;
border-radius: 10px;
}
.widgets_grid_box .widget .widget-title,
.widgets_grid_box .widget .wp-block-search__label,
.widgets_grid_box .widget .wp-block-group__inner-container h2,
.widgets_grid_box .widget .widget_block.widget_text p {
position: relative;
margin-bottom: 50px;
font-size: 18px;
margin-left: 60px;
font-weight: 700;
line-height: 26px;
color: var(--heading-dark);
font-family: var(--creote-family-one);
}
.widgets_grid_box .widget .widget-title:before,
.widgets_grid_box .widget .wp-block-search__label:before,
.widgets_grid_box .widget .wp-block-group__inner-container h2:before,
.widgets_grid_box .widget .widget_block.widget_text p:before {
position: absolute;
content: "";
width: 50px;
left: -60px;
height: 2px;
background: var(--primary-color-one);
top: 0;
bottom: 0;
margin: auto;
}
.widgets_grid_box .widget .widget-title:after,
.widgets_grid_box .widget .wp-block-search__label:after,
.widgets_grid_box .widget .wp-block-group__inner-container h2:after,
.widgets_grid_box .widget .widget_block.widget_text p:after {
position: absolute;
content: "";
width: 10px;
left: -60px;
height: 10px;
border-radius: 10px;
background: var(--primary-color-one);
top: 0;
bottom: 0;
margin: auto;
}
.widgets_grid_box .widget ul {
position: relative;
padding: 0px;
}
.widgets_grid_box .widget ul li {
position: relative;
list-style: none;
padding: 14px 0px 8px;
border-bottom: 1px solid var(--border-color-dark);
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
display: block;
text-transform: uppercase;
font-family: var(--creote-family-one);
font-weight: 600;
font-size: 12px;
}
.widgets_grid_box .widget ul li a {
line-height: 22px;
display: inline-block;
position: relative;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
color: var(--text-color-dark);
text-transform: uppercase;
font-size: 12px;
}
.widgets_grid_box .widget ul li:last-child {
padding-bottom: 0px;
border-bottom: 0px;
}
.widgets_grid_box .widget ul.wp-block-page-list {
padding-left: 5px;
}
.widgets_grid_box .widget ul.wp-block-page-list li {
display: block;
}
.widgets_grid_box .widget ul.wp-block-page-list li .wp-block-page-list__submenu-icon {
position: absolute;
right: 0;
bottom: 0;
top: 11px;
margin: auto;
}
.widgets_grid_box .widget ul.wp-block-page-list li .wp-block-page-list__submenu-icon svg path {
fill: var(--primary-color-one);
}
.widgets_grid_box .widget ul.wp-block-page-list .submenu-container {
padding-left: 5px;
}
.widgets_grid_box .widget.widget_block.widget_text p {
margin-bottom: 15px !important;
}
.widgets_grid_box .widget_categories ul, .widgets_grid_box .widget_meta ul, .widgets_grid_box .widget_archive ul {
padding: 15px 30px 25px;
border-radius: 10px;
border: 1px solid var(--border-color-dark);
}
.widgets_grid_box .widget_categories ul li, .widgets_grid_box .widget_meta ul li, .widgets_grid_box .widget_archive ul li {
padding: 14px 0px !important;
}
.widgets_grid_box .widget_categories ul li:last-child, .widgets_grid_box .widget_meta ul li:last-child, .widgets_grid_box .widget_archive ul li:last-child {
padding-bottom: 0px !important;
}
.widgets_grid_box .widget_categories ul li {
padding: 14px 0px 10px;
display: flex;
}
.widgets_grid_box ul.wp-block-categories {
padding: 15px 30px 25px;
border-radius: 10px;
border: 1px solid var(--border-color-dark);
}
.widgets_grid_box ul.wp-block-categories li {
padding: 14px 0px !important;
}
.widgets_grid_box ul.wp-block-categories li:last-child {
padding-bottom: 0px !important;
}
.widgets_grid_box ul.wp-block-categories li a {
padding-right: 8px;
}
.widgets_grid_box .widget_meta ul li {
padding: 14px 0px 10px !important;
}
.widgets_grid_box .widget_meta ul li:last-child {
padding-bottom: 0px !important;
}
.widgets_grid_box .widget_pages ul li {
display: block;
border: 0px;
padding: 0px;
}
.widgets_grid_box .widget_pages ul li a {
padding: 10px 0px;
}
.widgets_grid_box .widget_pages ul ul.children {
padding-left: 5px;
}
.widgets_grid_box .widget_recent_comments ul li {
display: block;
text-transform: capitalize;
font-size: 15px;
font-family: var(--creote-family-one);
font-weight: 500;
line-height: 26px;
}
.widgets_grid_box .widget_recent_comments ul li a {
text-transform: none;
font-size: 15px;
line-height: 26px;
}
.widgets_grid_box .widget_categories ul li a::before, .widgets_grid_box .widget_meta ul li a::before, .widgets_grid_box .widget_archive ul li a::before {
position: absolute;
content: "\f105";
font-family: "FontAwesome";
left: 0px;
top: 0;
bottom: 0;
font-size: 16px;
opacity: 0;
color: var(--text-color-dark);
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
line-height: 18px;
}
.widgets_grid_box .widget_categories ul li a:hover, .widgets_grid_box .widget_meta ul li a:hover, .widgets_grid_box .widget_archive ul li a:hover {
padding-left: 12px;
}
.widgets_grid_box .widget_categories ul li a:hover::before, .widgets_grid_box .widget_meta ul li a:hover::before, .widgets_grid_box .widget_archive ul li a:hover::before {
opacity: 1;
}
.widgets_grid_box .wp-block-tag-cloud a {
position: relative;
padding: 12px 10px 12px 20px;
border-radius: 5px;
border: 1px solid var(--border-color-dark);
transition: 0.5s ease-in-out !important;
font-size: 10px !important;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
color: var(--text-color-dark);
margin-bottom: 9px;
margin-right: 5px;
font-family: var(--creote-family-one);
line-height: 10px;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.widgets_grid_box .wp-block-tag-cloud a::before {
position: absolute;
content: "#";
left: 10px;
top: 0px;
bottom: 0;
margin: auto;
height: 10px;
font-size: 10px;
line-height: 10px;
}
.widgets_grid_box .wp-block-tag-cloud a:hover {
color: #fff;
background: var(--primary-color-one);
border-color: var(--primary-color-one);
border-radius: 15px 0px 15px 0px;
}
.widget_block.widget_text p {
margin-bottom: 0px;
}
.cr_wid_post {
position: relative;
}
.cr_wid_post .blog_in {
position: relative;
margin-bottom: 19px;
padding-bottom: 12px;
border-bottom: 1px solid var(--border-color-dark);
}
.cr_wid_post .blog_in .content_inner {
position: relative;
}
.cr_wid_post .blog_in .content_inner .post-date {
text-transform: uppercase;
font-size: 12px;
color: var(--text-color-dark);
line-height: 22px;
font-weight: 600;
font-family: var(--creote-family-one);
margin-bottom: 6px;
}
.cr_wid_post .blog_in .content_inner .post-date span {
display: inline-block;
font-size: 16px;
color: var(--primary-color-one);
margin-right: 5px;
}
.cr_wid_post .blog_in .content_inner h3 a {
display: block;
font-size: 16px;
line-height: 26px;
color: var(--heading-dark);
font-family: var(--creote-family-one);
font-weight: 700;
margin-bottom: 6px;
text-transform: none;
}
.cr_wid_post .blog_in.image_in .image {
float: left;
}
.cr_wid_post .blog_in.image_in .image img {
width: 70px;
height: 70px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.cr_wid_post .blog_in.image_in .content_inner {
margin-left: 85px;
}
.cr_wid_post .blog_in:last-child {
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
} .widget_about_authour {
position: relative;
}
.widget_about_authour .about_authour {
position: relative;
}
.widget_about_authour .about_authour .widget_content {
padding: 30px;
border-radius: 10px;
background: var(--primary-color-two);
text-align: center;
}
.widget_about_authour .about_authour .widget_content h3 {
font-size: 14px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 20px;
}
.widget_about_authour .about_authour .widget_content img {
width: 160px;
height: 160px;
margin: 0 auto 20px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.widget_about_authour .about_authour .widget_content p {
color: var(--text-color-light);
line-height: 26px;
}
.widget_about_authour .about_authour .widget_content a {
font-size: 12px;
background: var(--primary-color-one);
text-transform: uppercase;
font-weight: 600;
font-family: var(--creote-family-one);
color: #fff;
display: inline-block;
position: relative;
line-height: 22px;
padding: 17px 28px 11px;
border-radius: 30px;
} .widgets_grid_box .widget_recent_entries .wp-block-latest-posts {
margin: 0;
padding: 0;
}
.widgets_grid_box .widget_recent_entries .wp-block-latest-posts li {
list-style: none;
display: block;
padding: 0px 0px 15px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid var(--border-color-dark);
}
.widgets_grid_box .widget_recent_entries .wp-block-latest-posts li::before {
display: none;
}
.widgets_grid_box .widget_recent_entries .wp-block-latest-posts li .wp-block-latest-posts__featured-image {
position: relative;
margin-bottom: 10px;
}
.widgets_grid_box .widget_recent_entries .wp-block-latest-posts li .wp-block-latest-posts__featured-image img {
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.widgets_grid_box .widget_recent_entries .wp-block-latest-posts li a {
display: block !important;
font-size: 16px !important;
line-height: 26px !important;
color: var(--heading-dark) !important;
font-family: var(--creote-family-one) !important;
font-weight: 700 !important;
margin-bottom: 6px;
text-transform: none !important;
text-transform: none;
text-transform: none;
width: 100% !important;
}
.widgets_grid_box .widget_recent_entries .wp-block-latest-posts li .wp-block-latest-posts__post-excerpt {
font-size: 15px;
line-height: 26px;
font-family: var(--creote-family-two);
font-weight: 400;
margin-bottom: 0px;
text-transform: none;
}
.widgets_grid_box .widget_recent_entries .wp-block-latest-posts.has-dates time {
text-transform: uppercase;
font-size: 12px;
color: var(--text-color-dark);
line-height: 22px;
font-weight: 600;
font-family: var(--creote-family-one);
margin-bottom: 6px;
}
.widgets_grid_box .widget_recent_entries .wp-block-latest-posts.has-author .wp-block-latest-posts__post-author {
font-size: 14px;
color: var(--primary-color-one);
line-height: 24px;
font-weight: 600;
font-family: var(--creote-family-one);
margin-bottom: 6px;
text-transform: none;
}
.widgets_grid_box .wp-block-latest-posts {
margin: 0;
padding: 0;
}
.widgets_grid_box .wp-block-latest-posts li {
list-style: none;
display: block;
padding: 0px 0px 15px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid var(--border-color-dark);
}
.widgets_grid_box .wp-block-latest-posts li::before {
display: none;
}
.widgets_grid_box .wp-block-latest-posts li .wp-block-latest-posts__featured-image {
position: relative;
margin-bottom: 10px;
}
.widgets_grid_box .wp-block-latest-posts li .wp-block-latest-posts__featured-image img {
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.widgets_grid_box .wp-block-latest-posts li a {
display: block !important;
font-size: 16px !important;
line-height: 26px !important;
color: var(--heading-dark) !important;
font-family: var(--creote-family-one) !important;
font-weight: 600 !important;
margin-bottom: 6px;
text-transform: none !important;
text-transform: none;
text-transform: none;
width: 100% !important;
}
.widgets_grid_box .wp-block-latest-posts li .wp-block-latest-posts__post-excerpt {
font-size: 15px;
line-height: 26px;
font-family: var(--creote-family-two);
font-weight: 400;
margin-bottom: 0px;
text-transform: none;
}
.widgets_grid_box .wp-block-latest-posts.has-dates time {
text-transform: uppercase;
font-size: 12px;
color: var(--text-color-dark);
line-height: 22px;
font-weight: 600;
font-family: var(--creote-family-one);
margin-bottom: 6px;
}
.widgets_grid_box .wp-block-latest-posts.has-author .wp-block-latest-posts__post-author {
font-size: 14px;
color: var(--primary-color-one);
line-height: 24px;
font-weight: 600;
font-family: var(--creote-family-one);
margin-bottom: 6px;
text-transform: none;
}
.widgets_grid_box .widget_recent_entries .wp-block-latest-posts li {
margin: 0px 0px 25px 0px;
}
.widgets_grid_box .widget ul li {
margin-bottom: 0px !important;
}
.widget ul li::before {
clear: both;
content: "";
overflow: auto;
} .widget_crochure {
position: relative;
}
.widget_crochure .brouchure_box_widget {
position: relative;
padding: 30px 30px 0px;
border-radius: 10px;
background: var(--primary-color-one);
text-align: center;
}
.widget_crochure .brouchure_box_widget h3 {
font-size: 22px;
line-height: 32px;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
}
.widget_crochure .brouchure_box_widget img {
width: auto;
margin: auto;
height: 150px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.2);
}
.widget_crochure .brouchure_box_widget a {
background: #fff;
color: var(--primary-color-one);
margin-bottom: 35px;
}
.wp-block-latest-comments__comment-meta {
position: relative;
color: var(--primary-color-one);
}
.wp-block-latest-comments__comment-meta a {
line-height: 26px;
font-size: 16px;
display: inline-block;
color: var(--text-color-dark);
} .contact_box_widget {
position: relative;
padding-bottom: 29px;
text-align: center;
}
.contact_box_widget .widget_content {
border-radius: 10px;
overflow: hidden;
position: relative;
padding: 40px 20px 50px;
}
.contact_box_widget .widget_content img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
left: 0;
top: 0;
}
.contact_box_widget .widget_content .top_section {
position: relative;
padding-bottom: 100px;
z-index: 2;
}
.contact_box_widget .widget_content .top_section h3 {
font-size: 20px;
margin-bottom: 5px;
color: #fff;
font-weight: 700;
line-height: 30px;
}
.contact_box_widget .widget_content .top_section p {
color: var(--text-color-light);
line-height: 26px;
}
.contact_box_widget .widget_content .bottom_section {
position: relative;
padding-top: 100px;
z-index: 2;
}
.contact_box_widget .widget_content .bottom_section a {
display: block;
color: #fff;
font-weight: 400;
margin-bottom: 5px;
font-size: 18px;
}
.contact_box_widget .widget_content .bottom_section a.phone_number {
font-size: 15px;
}
.contact_box_widget .theme-btn.one {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
width: 170px;
margin: auto;
z-index: 3;
}
.creote_widget_service_list {
position: relative;
}
.creote_widget_service_list .widget-title {
margin-bottom: 35px !important;
}
.creote_widget_service_list ul.service_list_box {
margin: 0px;
padding: 0px;
}
.creote_widget_service_list ul.service_list_box li {
display: block !important;
padding: 15px 20px 15px 0px;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.creote_widget_service_list ul.service_list_box li:first-child {
padding-top: 0px !important;
}
.creote_widget_service_list ul.service_list_box li a {
width: 100%;
display: block;
font-size: 16px;
font-weight: 500;
color: var(--text-color-dark);
line-height: 28px;
text-transform: none;
position: relative;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.creote_widget_service_list ul.service_list_box li a:before {
position: absolute;
content: "\f105";
top: 5px;
height: 20px;
font-size: 20px;
width: 20px;
right: -20px;
font-family: "fontawesome";
line-height: 16px;
text-align: center;
color: var(--text-color-light);
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.creote_widget_service_list ul.service_list_box li:hover a {
color: var(--primary-color-one);
}
.creote_widget_service_list ul.service_list_box li:hover a:before {
color: var(--primary-color-one);
}
.widget_rss ul li {
padding: 14px 0px 14px !important;
}
.widget_rss .widget-title .rsswidget {
display: inline-block;
margin: 0px;
}
.widget_rss ul li .rsswidget {
margin-bottom: 10px;
font-size: 16px !important;
font-family: var(--creote-family-one) !important;
color: var(--heading-dark);
line-height: 26px !important;
font-weight: 600;
text-transform: none !important;
display: block;
}
.widget_rss ul li .rss-date {
margin-bottom: 8px;
display: block;
}
.widget_rss ul li .rssSummary {
text-transform: none;
font-size: 15px;
line-height: 25px;
font-weight: 400;
font-family: var(--creote-family-two);
margin-bottom: 8px;
}
.widget_rss ul li cite {
font-style: normal;
font-family: var(--creote-family-one);
font-size: 16px;
line-height: 26px;
font-weight: 600;
text-transform: capitalize;
color: var(--primary-color-one);
}
.calendar_wrap table td {
position: relative;
border: 1px solid var(--border-color-dark);
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
color: var(--text-color-dark);
}
.calendar_wrap table td a {
position: absolute;
width: 100%;
top: 0;
left: 0;
background: var(--primary-color-one);
color: #fff;
height: 100%;
text-align: center;
line-height: 40px;
}
.calendar_wrap table th {
border: 1px solid var(--border-color-dark);
text-align: center;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 16px;
font-weight: 600;
color: var(--primary-color-one);
} .z_index_up {
z-index: 2;
}
.z_index_down {
z-index: -2;
}
.object-fit-cover img {
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
} .style-switcher {
font-family: var(--creote-family-one);
position: fixed;
top: 100px;
right: 0;
z-index: 99999999;
background-color: #fff;
width: 200px;
text-align: center;
box-shadow: var(--box-shadow-two);
padding-top: 25px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
transform: translateX(110%);
transition: transform 500ms ease;
border-radius: 10px 0px 0px 10px;
}
.style-switcher .switcher-toggler {
width: 30px;
height: 30px;
border-radius: 30px;
color: #fff;
background: var(--primary-color-one);
text-align: center;
line-height: 30px;
position: absolute;
top: -15px;
left: -15px;
}
.style-switcher.active {
transform: translateX(0%);
}
.style-switcher h3 {
margin: 0;
text-transform: uppercase;
color: var(--heading-dark);
font-size: 20px;
line-height: 1;
font-family: var(--creote-family-one);
margin-bottom: 15px;
font-weight: 800;
}
#colorschemeOptions {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 1fr 1fr;
}
#colorschemeOptions li {
width: 100%;
height: 46.6667px;
border-radius: 50%;
overflow: hidden;
}
#colorschemeOptions li a {
display: block;
width: 100%;
height: 100%;
}
.rs-parallax-wrap br {
display: block !important;
} .wpcf7-spinner {
position: absolute;
bottom: 0px;
right: 0px;
}
.swiper-button-prev, .swiper-button-next, .prev-single-one, .next-single-one, .prev-single-one_three, .next-single-one_three {
background: none;
}
.swiper-button-prev::before, .swiper-button-next::before, .prev-single-one::before, .next-single-one::before, .prev-single-one_three::before, .next-single-one_three::before {
position: absolute;
font-family: "FontAwesome" !important;
width: 50px;
height: 50px;
line-height: 50px;
background: #fff;
text-align: center;
font-size: 18px;
color: var(--primary-color-two);
border-radius: 50%;
box-shadow: var(--box-shadow);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.swiper-button-prev::after, .swiper-button-next::after, .prev-single-one::after, .next-single-one::after, .prev-single-one_three::after, .next-single-one_three::after {
display: none !important;
}
.swiper-button-next::before, .next-single-one::before, .next-single-one_three::before {
content: "\f105";
}
.swiper-button-prev::before, .prev-single-one::before, .prev-single-one_three::before {
content: "\f104";
}
.p_pagination .swiper-pagination {
position: relative !important;
padding: 60px 0px 0px;
text-align: center;
margin: auto;
width: 100% !important;
transform: inherit !important;
}
.p_pagination .swiper-pagination .swiper-pagination-bullet {
position: relative;
display: inline-block;
margin: 0px 5px;
width: 10px;
height: 10px;
opacity: 1;
background: transparent;
border: 2px solid var(--border-color-dark);
border-radius: 30px;
transform: inherit !important;
transition: all 500ms ease 0ms !important;
-moz-transition: all 500ms ease 0ms !important;
-ms-transition: all 500ms ease 0ms !important;
-o-transition: all 500ms ease 0ms !important;
}
.p_pagination .swiper-pagination .swiper-pagination-bullet-active {
background: var(--primary-color-one);
width: 15px;
border-color: var(--primary-color-one);
}
.p_pagination .swiper-pagination .swiper-pagination-bullet:hover {
background: var(--primary-color-one);
width: 15px;
border-color: var(--primary-color-one);
} .pagination,
.woocommerce-pagination {
position: relative;
width: 100%;
display: block;
margin-top: 30px;
}
.pagination ul,
.woocommerce-pagination ul {
margin: 0;
padding: 0px;
}
.pagination li,
.woocommerce-pagination li {
position: relative;
display: inline-block;
}
.pagination li a, .pagination li span,
.woocommerce-pagination li a,
.woocommerce-pagination li span {
display: block !important;
width: 40px !important;
height: 40px !important;
background: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
font-family: var(--creote-family-one) !important;
line-height: 46px !important;
color: var(--text-color-dark) !important;
text-align: center !important;
border-radius: 50% !important;
margin: 0px 3px !important;
position: relative !important;
padding: 0px !important;
}
.pagination li a i, .pagination li span i,
.woocommerce-pagination li a i,
.woocommerce-pagination li span i {
font-size: 21px;
color: var(--primary-color-one);
font-weight: 400;
font-family: "FontAwesome";
}
.pagination li:hover a, .pagination li.active a,
.woocommerce-pagination li:hover a,
.woocommerce-pagination li.active a {
background: var(--primary-color-one) !important;
color: #fff !important;
}
.pagination li:hover a i, .pagination li.active a i,
.woocommerce-pagination li:hover a i,
.woocommerce-pagination li.active a i {
color: #fff !important;
}
.pagination li span.current,
.woocommerce-pagination li span.current {
background: var(--primary-color-one) !important;
color: #fff !important;
}
.pagination li span.current i,
.woocommerce-pagination li span.current i {
color: #fff !important;
}
.post-nav-links, .page-links {
position: relative;
}
.post-nav-links span, .post-nav-links a, .page-links span, .page-links a {
display: inline-block;
width: 40px;
height: 40px;
background: var(--primary-color-three);
font-size: 14px;
font-weight: 700;
font-family: var(--creote-family-one);
line-height: 46px;
color: var(--text-color-dark);
text-align: center;
border-radius: 50%;
margin: 0px 3px;
position: relative;
}
.post-nav-links span:hover, .post-nav-links span.current, .post-nav-links a:hover, .post-nav-links a.current, .page-links span:hover, .page-links span.current, .page-links a:hover, .page-links a.current {
background: var(--primary-color-one);
color: #fff;
}
.woocommerce nav.woocommerce-pagination {
position: relative;
margin-bottom: 40px;
}
.woocommerce nav.woocommerce-pagination ul {
border: 0px !important;
}
.woocommerce nav.woocommerce-pagination ul li {
border: 0px !important;
position: relative;
}
.woocommerce nav.woocommerce-pagination ul li:hover a, .woocommerce nav.woocommerce-pagination ul li:hover span {
background: var(--primary-color-one) !important;
color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li:hover a i, .woocommerce nav.woocommerce-pagination ul li:hover span i {
color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--primary-color-one) !important;
color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current i {
color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li .next.page-numbers,
.woocommerce nav.woocommerce-pagination ul li .prev.page-numbers {
text-indent: -999px;
position: relative;
}
.woocommerce nav.woocommerce-pagination ul li .next.page-numbers::before,
.woocommerce nav.woocommerce-pagination ul li .prev.page-numbers::before {
position: absolute;
content: "\f105";
font-family: "FontAwesome";
font-size: 16px;
top: 0;
right: 0;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
bottom: 0;
margin: auto;
color: var(--primary-color-two);
z-index: 999;
text-indent: 0;
transition: all 500ms ease 0ms !important;
-moz-transition: all 500ms ease 0ms !important;
-ms-transition: all 500ms ease 0ms !important;
-o-transition: all 500ms ease 0ms !important;
}
.woocommerce nav.woocommerce-pagination ul li .prev.page-numbers::before {
content: "\f104";
}
.woocommerce nav.woocommerce-pagination ul li:hover .next.page-numbers::before {
color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li:hover .prev.page-numbers::before {
color: #fff !important;
} .parallax_cover img {
position: absolute;
width: 100% !important;
height: 100% !important;
top: 0;
left: 0;
right: 0;
-o-object-fit: cover;
object-fit: cover;
} .title_all_box {
position: relative;
}
.title_all_box.style_one .title_sections, .title_all_box.style_two .title_sections {
position: relative;
}
.title_all_box.style_one .title_sections .before_title, .title_all_box.style_two .title_sections .before_title {
font-size: 22px;
line-height: 40px;
font-weight: 700;
color: var(--primary-color-one);
padding: 0px 0px 10px 0px;
text-decoration: underline;
font-family: var(--creote-family-one);
}
.title_all_box.style_one .title_sections .title, .title_all_box.style_two .title_sections .title {
font-size: 38px;
line-height: 50px;
font-weight: 700;
color: var(--heading-dark);
padding: 0px 0px 10px 0px;
font-family: var(--creote-family-one);
}
.title_all_box.style_one .title_sections p, .title_all_box.style_two .title_sections p {
font-size: 17px;
line-height: 27px;
padding: 0px 0px 10px 0px;
}
.title_all_box.style_one.light_color .before_title, .title_all_box.style_two.light_color .before_title {
color: var(--primary-color-one);
}
.title_all_box.style_one.light_color .title, .title_all_box.style_two.light_color .title {
color: #fff;
}
.title_all_box.style_one.light_color p, .title_all_box.style_two.light_color p {
color: #fff;
opacity: 0.8;
}
.title_all_box.style_two .title_sections .before_title {
font-size: 16px;
text-decoration: none;
text-transform: capitalize;
display: inline-block;
font-weight: 600;
font-family: var(--creote-family-one);
padding: 0px 10px 3px 10px;
border-left: 1px solid var(--border-color-dark);
border-bottom: 1px solid var(--border-color-dark);
line-height: 26px;
margin-bottom: 20px;
}
.title_all_box.style_two.light_color .before_title {
color: #fff;
opacity: 0.7;
border-color: rgba(255, 255, 255, 0.2);
}
.title_all_box.style_two.light_color .title {
color: #fff;
}
.title_all_box.style_two.light_color p {
color: #fff;
opacity: 0.8;
}
.title_all_box.style_three .title_sections .before_title {
position: relative;
font-size: 18px;
font-weight: 700;
color: var(--primary-color-one);
font-family: var(--creote-family-one);
margin-bottom: 10px;
display: inline-block;
padding-left: 38px;
margin-bottom: 7px;
}
.title_all_box.style_three .title_sections .before_title::before {
position: absolute;
content: "";
width: 30px;
height: 1px;
background: var(--primary-color-one);
left: 0;
top: 12px;
}
.title_all_box.style_three .title_sections.center .before_title {
padding-left: 38px;
padding-right: 38px;
}
.title_all_box.style_three .title_sections.center .before_title::after {
position: absolute;
content: "";
width: 30px;
height: 1px;
background: var(--primary-color-one);
right: 0;
top: 12px;
}
.title_all_box.style_three .title_sections.right .before_title::before {
left: inherit;
right: 0;
}
.title_all_box.style_three .title_sections .title {
font-size: 40px;
font-family: var(--creote-family-one);
line-height: 48px;
color: var(--heading-dark);
font-weight: 700;
}
.title_all_box.style_three .title_sections p {
margin-top: 12px;
}
.title_all_box.style_three.light_color h2 {
color: #fff;
}
.title_all_box.style_three.light_color p {
color: #fff;
opacity: 0.8;
}
.title_all_box.style_four .title_sections .before_title {
position: relative;
font-size: 16px;
font-weight: 600;
color: var(--primary-color-one);
margin-bottom: 17px;
display: inline-block;
background: var(--primary-color-three);
padding: 5px 15px;
border-radius: 5px;
font-family: var(--creote-family-one);
}
.title_all_box.style_four .title_sections .title {
font-size: 40px;
font-family: var(--creote-family-one);
line-height: 48px;
color: var(--heading-dark);
font-weight: 700;
}
.title_all_box.style_four .title_sections p {
margin-top: 12px;
}
.title_all_box.style_four.light_color .title {
color: #fff;
}
.title_all_box.style_four.light_color p {
color: #fff;
opacity: 0.8;
}
.title_all_box.style_five .title_sections {
position: relative;
}
.title_all_box.style_five .title_sections .before_title {
font-size: 15px;
line-height: 25px;
font-weight: 600;
color: var(--primary-color-one);
padding: 0px 0px 12px 0px;
letter-spacing: 3px;
font-family: var(--creote-family-one);
}
.title_all_box.style_five .title_sections .title {
font-size: 38px;
line-height: 50px;
font-family: var(--creote-family-one);
font-weight: 700;
color: var(--heading-dark);
padding: 0px 0px 10px 0px;
}
.title_all_box.style_five .title_sections p {
font-size: 17px;
line-height: 27px;
padding: 0px 0px 10px 0px;
}
.title_all_box.style_five.light_color .title {
color: #fff;
}
.title_all_box.style_five.light_color p {
color: #fff;
opacity: 0.8;
}
.process_box {
position: relative;
}
.process_box.style_one .process_box_outer .icon {
position: absolute;
left: 0;
top: 2px;
width: 65px;
height: 65px;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.process_box.style_one .process_box_outer .icon .img, .process_box.style_one .process_box_outer .icon span {
position: absolute;
top: 0px;
right: 0;
bottom: 0;
font-size: 32px;
border-radius: 50%;
color: #fff;
left: 0;
margin: auto;
line-height: 65px;
width: 65px;
height: 65px;
background: var(--primary-color-one);
text-align: center;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.process_box.style_one .process_box_outer .icon .number {
position: absolute;
width: 50px;
height: 50px;
font-size: 16px;
font-weight: 700;
color: #fff;
background: var(--primary-color-one);
bottom: -10px;
left: 0;
line-height: 50px;
text-align: center;
border-radius: 50%;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
opacity: 0;
}
.process_box.style_one .process_box_outer .icon .number::before {
position: absolute;
content: "";
width: 15px;
height: 15px;
background: var(--primary-color-one);
border-radius: 50px;
top: 0px;
right: 0px;
opacity: 0;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.process_box.style_one .process_box_outer .icon .img img {
width: 32px;
height: auto;
}
.process_box.style_one .process_box_outer .content_box {
position: relative;
margin-left: 90px;
}
.process_box.style_one .process_box_outer .content_box .proctitle, .process_box.style_one .process_box_outer .content_box h2 {
position: relative;
}
.process_box.style_one .process_box_outer .content_box .proctitle a, .process_box.style_one .process_box_outer .content_box h2 a {
font-family: var(--creote-family-one);
font-size: 22px;
font-weight: 700;
color: var(--heading-dark);
line-height: 32px;
margin-bottom: 10px;
padding-bottom: 10px;
display: block;
}
.process_box.style_one .process_box_outer .content_box .proctitle:before, .process_box.style_one .process_box_outer .content_box h2:before {
position: absolute;
content: "";
width: 50px;
height: 3px;
background: var(--primary-color-one);
bottom: 0;
left: 0;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.process_box.style_one .process_box_outer .content_box .proctitle:hover a, .process_box.style_one .process_box_outer .content_box h2:hover a {
color: var(--primary-color-one);
}
.process_box.style_one .process_box_outer:hover {
cursor: pointer;
}
.process_box.style_one .process_box_outer:hover .icon .img, .process_box.style_one .process_box_outer:hover .icon span {
left: -5px;
opacity: 0;
}
.process_box.style_one .process_box_outer:hover .icon .number {
bottom: 0px;
opacity: 1;
}
.process_box.style_one .process_box_outer:hover .icon .number::before {
top: -12px;
right: -12px;
opacity: 1;
}
.process_box.style_one .process_box_outer:hover .content_box .proctitle::before, .process_box.style_one .process_box_outer:hover .content_box h2::before {
width: 60px;
}
.process_box.style_one .process_box_outer.light_color .content_box .proctitle a, .process_box.style_one .process_box_outer.light_color .content_box h2 a {
color: #fff;
}
.process_box.style_one .process_box_outer.light_color .content_box p {
color: #fff;
opacity: 0.8;
}
.process_box.style_two .process_box_outer_two {
position: relative;
}
.process_box.style_two .process_box_outer_two .number {
position: relative;
padding: 8px 11px 3px;
border-radius: 30px;
background: var(--primary-color-one);
font-family: var(--creote-family-one);
color: #fff;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
line-height: 20px;
display: inline-block;
margin-bottom: 20px;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.process_box.style_two .process_box_outer_two .content_box {
position: relative;
margin-bottom: 15px;
}
.process_box.style_two .process_box_outer_two .content_box .icon {
float: left;
}
.process_box.style_two .process_box_outer_two .content_box .icon span, .process_box.style_two .process_box_outer_two .content_box .icon img {
font-size: 47px;
line-height: 47px;
width: 47px;
color: var(--primary-color-one);
}
.process_box.style_two .process_box_outer_two .content_box .proctitle, .process_box.style_two .process_box_outer_two .content_box h2 {
position: relative;
margin-left: 70px;
}
.process_box.style_two .process_box_outer_two .content_box .proctitle a, .process_box.style_two .process_box_outer_two .content_box h2 a {
font-family: var(--creote-family-one);
display: block;
font-size: 18px;
font-weight: 700;
line-height: 28px;
}
.process_box.style_two .process_box_outer_two p {
margin-bottom: 25px;
line-height: 26px;
}
.process_box.style_two .process_box_outer_two a.theme-btn {
text-transform: uppercase;
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
padding: 3px 25px 0px;
min-height: 50px;
line-height: 50px;
}
.process_box.style_two .process_box_outer_two a.theme-btn::after {
position: absolute;
content: "\f105";
font-family: "FontAwesome";
font-size: 16px;
opacity: 0;
top: 1px;
bottom: 0;
color: #fff;
margin: auto;
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.process_box.style_two .process_box_outer_two:hover .number {
animation: bounce;
animation-duration: 1s;
}
.process_box.style_two .process_box_outer_two:hover a.theme-btn::after {
transform: translateX(10px);
opacity: 1;
}
.process_box.style_two.light_color .proctitle a, .process_box.style_two.light_color h2 a {
color: #fff;
}
.process_box.style_two.light_color p {
color: #fff;
opacity: 0.6;
}
.process_box.style_three .process_box_outer_three {
position: relative;
}
.process_box.style_three .process_box_outer_three.right {
text-align: right;
}
.process_box.style_three .process_box_outer_three .icon {
position: relative;
margin-bottom: 20px;
}
.process_box.style_three .process_box_outer_three .icon span {
font-size: 50px;
color: var(--primary-color-one);
line-height: 50px;
display: block;
}
.process_box.style_three .process_box_outer_three .icon img {
height: 50px;
width: auto;
margin-bottom: 5px;
}
.process_box.style_three .process_box_outer_three .proctitle a, .process_box.style_three .process_box_outer_three h2 a {
font-size: 18px;
line-height: 26px;
margin-bottom: 8px;
display: block;
font-weight: 700;
}
.process_box.style_three .process_box_outer_three p {
margin-bottom: 25px;
}
.process_box.style_three .process_box_outer_three .number .no {
font-size: 50px;
color: var(--primary-color-three);
display: block;
line-height: 50px;
}
.process_box.style_four .process_box_outer_four {
position: relative;
text-align: center;
}
.process_box.style_four .process_box_outer_four .icon {
position: relative;
width: 150px;
height: 150px;
border-radius: 50%;
background: #fff;
box-shadow: var(--box-shadow);
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
margin: 0px auto 20px;
display: block;
}
.process_box.style_four .process_box_outer_four .icon span {
position: absolute;
font-size: 50px;
line-height: 60px;
height: 60px;
width: 60px;
text-align: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
color: var(--primary-color-one);
}
.process_box.style_four .process_box_outer_four .icon .no {
position: absolute;
top: 6px;
right: 1px;
width: 40px;
height: 40px;
font-size: 16px;
font-weight: 700;
color: #fff;
background: var(--primary-color-one);
line-height: 40px;
border-radius: 50px;
}
.process_box.style_four .process_box_outer_four .icon img {
position: absolute;
width: 50px;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.process_box.style_four .process_box_outer_four .proctitle, .process_box.style_four .process_box_outer_four h2 {
position: relative;
line-height: normal;
}
.process_box.style_four .process_box_outer_four .proctitle a, .process_box.style_four .process_box_outer_four h2 a {
display: block;
font-size: 18px;
font-weight: 700;
line-height: 28px;
margin-bottom: 8px;
} .extra_content {
position: relative;
}
.extra_content .download_box_content {
position: relative;
}
.extra_content .download_box_content a {
font-family: var(--creote-family-one);
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: var(--heading-dark);
display: inline-block;
padding-right: 50px;
position: relative;
}
.extra_content .download_box_content a i {
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
text-align: center;
background: var(--primary-color-one);
border-radius: 50px;
color: #fff;
}
.extra_content.light_color .download_box_content a {
color: #fff;
}
.extra_content .authour_box_content {
position: relative;
}
.extra_content .authour_box_content .text {
position: relative;
margin-top: 5px;
}
.extra_content .authour_box_content .text h6 {
font-family: var(--creote-family-one);
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: var(--heading-dark);
}
.extra_content .authour_box_content .text h6 a, .extra_content .authour_box_content .text h6 span {
font-family: var(--creote-family-two);
color: var(--primary-color-one);
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.extra_content .authour_box_content.two {
position: relative;
border-radius: 120px;
background: var(--primary-color-three);
padding: 20px 40px 20px 0px;
min-height: 100px;
border: 1px solid var(--border-color-dark);
}
.extra_content .authour_box_content.two .image {
position: absolute;
left: 18px;
top: 0;
bottom: 0;
width: 80px;
height: 80px;
border-radius: 50%;
margin: auto;
}
.extra_content .authour_box_content.two .image img {
width: 100%;
height: 100%;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.extra_content .authour_box_content.two .text {
position: relative;
margin-left: 120px;
}
.extra_content .authour_box_content.two .text h6 {
font-size: 18px;
line-height: 26px;
font-weight: 600;
margin-bottom: 8px;
}
.extra_content .authour_box_content.two .text p {
font-size: 15px;
line-height: 26px;
margin: 0;
}
.extra_content .authour_box_content.two .text img {
position: absolute;
bottom: -29px;
width: 150px;
right: 0;
}
.extra_content.light_color .authour_box_content h6 {
color: #fff;
}
.extra_content .simple_image {
position: relative;
}
.extra_content .simple_image img {
width: 52px;
height: 52px;
border-radius: 50px;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.extra_content .simple_image h2 {
margin-left: 66px;
display: block;
font-size: 18px;
font-weight: 700;
line-height: 28px;
} .service_box {
position: relative;
}
.service_box.style_one .service_content {
position: relative;
cursor: pointer;
background: #fff;
padding: 30px;
box-shadow: var(--box-shadow);
border-radius: 10px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.service_box.style_one .service_content .image {
position: relative;
margin-bottom: 20px;
}
.service_box.style_one .service_content .image img {
width: auto;
display: block;
}
.service_box.style_one .service_content .image.image_fit {
overflow: hidden;
width: 100%;
border-radius: 10px;
height: 100%;
}
.service_box.style_one .service_content .image.image_fit::before {
position: absolute;
content: "";
width: 50%;
height: 100%;
left: -50%;
top: 0;
bottom: 0;
background: var(--primary-color-one);
opacity: 0;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
border-radius: 10px 0px 0px 10px;
}
.service_box.style_one .service_content .image.image_fit::after {
position: absolute;
content: "";
width: 50%;
height: 100%;
right: -50%;
top: 0;
bottom: 0;
background: var(--primary-color-one);
opacity: 0;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
border-radius: 0px 10px 10px 0px;
}
.service_box.style_one .service_content .image.image_fit img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service_box.style_one .service_content .content_inner {
position: relative;
}
.service_box.style_one .service_content .content_inner .serheading a, .service_box.style_one .service_content .content_inner h2 a {
font-size: 22px;
font-weight: 700;
color: var(--heading-dark);
display: block;
line-height: 32px;
margin-bottom: 10px;
}
.service_box.style_one .service_content .content_inner .serheading a:hover, .service_box.style_one .service_content .content_inner h2 a:hover {
color: var(--primary-color-one);
}
.service_box.style_one .service_content .content_inner a.read_more {
font-size: 12px;
line-height: 26px;
font-weight: 600;
font-family: var(--creote-family-one);
color: var(--heading-dark);
position: relative;
text-transform: uppercase;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service_box.style_one .service_content .content_inner a.read_more::before {
position: absolute;
content: "\f105";
font-family: "FontAwesome";
right: -16px;
top: -4px;
font-size: 17px;
color: var(--heading-dark);
height: 15px;
line-height: 15px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service_box.style_one .service_content .content_inner a.read_more:hover {
color: var(--primary-color-one);
}
.service_box.style_one .service_content .content_inner a.read_more:hover::before {
right: -25px;
color: var(--primary-color-one);
}
.service_box.style_one .service_content:hover .image_fit::before {
left: 0;
opacity: 0.8;
}
.service_box.style_one .service_content:hover .image_fit::after {
right: 0;
opacity: 0.8;
}
.service_box.style_one .service_content:hover .content_inner .serheading a, .service_box.style_one .service_content:hover .content_inner h2 a {
color: var(--primary-color-one);
}
.service_box.style_one .service_content:hover {
transform: translateY(-10px);
}
.service_box.style_one.light_color .service_content {
background: var(--primary-color-two);
}
.service_box.style_one.light_color .service_content .serheading a, .service_box.style_one.light_color .service_content h2 a {
color: #fff;
}
.service_box.style_one.light_color .service_content p {
color: #fff;
opacity: 0.8;
}
.service_box.style_one.light_color .service_content a.read_more {
color: #fff;
}
.service_box.style_one.light_color .service_content a.read_more::before {
color: #fff;
}
.service_box.style_two .service_content_two {
position: relative;
overflow: hidden;
border-radius: 10px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.service_box.style_two .service_content_two .content_inner {
position: relative;
padding: 20px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.service_box.style_two .service_content_two .content_inner .content_inner_in {
background: #fff;
height: 100%;
width: 100%;
top: 0;
padding: 25px;
border-radius: 10px 0px 10px 0px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.service_box.style_two .service_content_two .content_inner .content_inner_in .icon_image {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.service_box.style_two .service_content_two .content_inner .content_inner_in .icon_image img {
width: 90px;
margin: auto;
}
.service_box.style_two .service_content_two .content_inner ul {
margin: 0;
padding: 0;
}
.service_box.style_two .service_content_two .content_inner ul li {
padding-left: 20px;
list-style: none;
font-size: 16px;
line-height: 26px;
color: var(--text-color-dark);
font-weight: 400;
position: relative;
margin-bottom: 8px;
}
.service_box.style_two .service_content_two .content_inner ul li::before, .service_box.style_two .service_content_two .content_inner ul li:after {
position: absolute;
content: "";
width: 6px;
height: 6px;
background: var(--primary-color-one);
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.service_box.style_two .service_content_two .content_inner ul li:after {
opacity: 0.6;
left: 6px;
}
.service_box.style_two .service_content_two .content_inner .serheading a, .service_box.style_two .service_content_two .content_inner h2 a {
font-size: 22px;
font-weight: 700;
color: var(--heading-dark);
display: block;
line-height: 30px;
margin-bottom: 10px;
}
.service_box.style_two .service_content_two .ovarlay_link {
position: absolute;
width: 60px;
height: 60px;
border-radius: 10px 0px 10px 0px;
background: var(--primary-color-one);
text-align: center;
line-height: 64px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
opacity: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -150%);
-ms-transform: translate(-50%, -150%);
}
.service_box.style_two .service_content_two .ovarlay_link a {
width: 60px;
height: 60px;
display: block;
}
.service_box.style_two .service_content_two .ovarlay_link i {
color: #fff;
}
.service_box.style_two .service_content_two .overlay_content {
position: absolute;
opacity: 0;
width: 100%;
height: auto;
left: 0;
bottom: 0;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
padding: 25px;
background: #fff;
}
.service_box.style_two .service_content_two .overlay_content .serheading a, .service_box.style_two .service_content_two .overlay_content h2 a {
font-size: 22px;
font-weight: 700;
color: var(--heading-dark);
display: block;
line-height: 30px;
margin-bottom: 10px;
}
.service_box.style_two .service_content_two .overlay_content p {
margin: 0px;
}
.service_box.style_two .service_content_two:hover {
box-shadow: var(--box-shadow);
}
.service_box.style_two .service_content_two:hover .ovarlay_link {
opacity: 1;
}
.service_box.style_two .service_content_two:hover .content_inner_in {
opacity: 0;
transform: translateY(-20px);
-moz-transform: translateY(-20px);
-o-transform: translateY(-20px);
-ms-transform: translateY(-20px);
}
.service_box.style_two .service_content_two:hover .overlay_content {
bottom: 0;
opacity: 1;
transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.service_box.style_two .service_content_two.active_ser {
box-shadow: var(--box-shadow);
}
.service_box.style_two .service_content_two.active_ser .ovarlay_link {
opacity: 1;
}
.service_box.style_two .service_content_two.active_ser .content_inner_in {
opacity: 0;
transform: translateY(-20px);
-moz-transform: translateY(-20px);
-o-transform: translateY(-20px);
-ms-transform: translateY(-20px);
}
.service_box.style_two .service_content_two.active_ser .overlay_content {
bottom: 0;
opacity: 1;
transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.service_box.style_two.light_color .service_content_two .content_inner_in {
background: var(--primary-color-two);
}
.service_box.style_two.light_color .service_content_two .content_inner_in .serheading a, .service_box.style_two.light_color .service_content_two .content_inner_in h2 a {
color: #fff;
}
.service_box.style_two.light_color .service_content_two .content_inner_in p {
color: #fff;
opacity: 0.6;
}
.service_box.style_two.light_color .service_content_two .content_inner_in ul li {
color: #fff;
opacity: 0.6;
}
.service_box.style_two.light_color .overlay_content {
background: var(--primary-color-two);
}
.service_box.style_two.light_color .overlay_content .serheading a, .service_box.style_two.light_color .overlay_content h2 a {
color: #fff;
}
.service_box.style_two.light_color .overlay_content p {
color: #fff;
opacity: 0.6;
}
.service_box.style_three {
margin-left: 25px;
}
.service_box.style_three .service_content {
position: relative;
padding: 25px;
background: #fff;
border-radius: 0px 0px 30px 0px;
box-shadow: var(--box-shadow);
}
.service_box.style_three .service_content .content_inner {
position: relative;
padding-top: 85px;
}
.service_box.style_three .service_content .content_inner span {
position: absolute;
top: -50px;
left: -50px;
width: 110px;
height: 110px;
background: var(--primary-color-one);
color: #fff;
border-radius: 50%;
text-align: center;
font-size: 50px;
line-height: 110px;
}
.service_box.style_three .service_content .content_inner span i {
position: absolute;
width: 110px;
height: 110px;
background: transparent;
top: -10px;
left: 9px;
border: 4px solid var(--primary-color-two);
border-radius: 50%;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.service_box.style_three .service_content .content_inner .nom {
position: absolute;
top: 0;
right: 0;
font-size: 24px;
font-family: var(--creote-family-one);
line-height: 60px;
font-weight: 700;
color: var(--primary-color-one);
opacity: 0.5;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.service_box.style_three .service_content .content_inner .serheading a, .service_box.style_three .service_content .content_inner h2 a {
font-size: 22px;
line-height: 32px;
font-weight: 700;
display: block;
color: var(--heading-dark);
margin-bottom: 10px;
}
.service_box.style_three .service_content .content_inner .serheading a:hover, .service_box.style_three .service_content .content_inner h2 a:hover {
color: var(--primary-color-one);
}
.service_box.style_three .service_content .content_inner .read_more {
font-size: 12px;
font-weight: 600;
color: var(--heading-dark);
text-transform: uppercase;
display: block;
line-height: 23px;
font-family: var(--creote-family-one);
margin-top: 5px;
}
.service_box.style_three .service_content .content_inner .read_more i {
font-size: 11px;
display: inline-block;
position: relative;
font-size: 20px;
top: 3px;
left: 5px;
}
.service_box.style_three .service_content .content_inner .read_more:hover {
color: var(--primary-color-one);
}
.service_box.style_three:hover .service_content .content_inner span i {
top: 0;
left: 0;
}
.service_box.style_three:hover .service_content .content_inner small {
font-size: 60px;
color: var(--primary-color-one);
}
.service_box.style_four .service_content {
position: relative;
padding: 0px 20px 20px 20px;
box-shadow: var(--box-shadow);
background: #fff;
border-radius: 10px;
text-align: center;
margin-top: 20px;
}
.service_box.style_four .service_content .image_box {
position: relative;
overflow: hidden;
border-radius: 10px;
top: -20px;
}
.service_box.style_four .service_content .image_box img {
width: 100%;
height: 230px;
-o-object-fit: cover;
object-fit: cover;
}
.service_box.style_four .service_content .image_box span {
position: absolute;
display: block;
bottom: 10px;
right: 10px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 10px 0px 10px 0px;
background: #fff;
font-size: 25px;
color: var(--primary-color-one);
transition: 0.5s ease-in-out !important;
-moz-transition: 0.5s ease-in-out !important;
-o-transition: 0.5s ease-in-out !important;
-ms-transition: 0.5s ease-in-out !important;
}
.service_box.style_four .service_content .image_box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: -100%;
left: 0;
background: var(--primary-color-two);
opacity: 0;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.service_box.style_four .service_content .content_inner {
position: relative;
padding: 5px 15px;
}
.service_box.style_four .service_content .content_inner .serheading a, .service_box.style_four .service_content .content_inner h2 a {
display: block;
font-size: 20px;
line-height: 30px;
color: var(--heading-dark);
margin-bottom: 8px;
}
.service_box.style_four .service_content .content_inner p {
text-transform: uppercase;
margin-bottom: 0px;
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 500;
color: var(--primary-color-one);
line-height: 22px;
}
.service_box.style_four .service_content:hover .image_box span {
background: var(--primary-color-one);
color: #fff;
}
.service_box.style_four .service_content:hover .image_box::before {
bottom: 0;
opacity: 0.9;
}
.service_box.style_five .service_content {
position: relative;
}
.service_box.style_five .service_content .image_box {
position: relative;
overflow: hidden;
height: 220px;
margin-bottom: 5px;
border-radius: 5px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.service_box.style_five .service_content .image_box img {
border-radius: 5px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.service_box.style_five .service_content .image_box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: -100%;
border: 5px;
top: 0;
background: linear-gradient(90deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 180%);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.service_box.style_five .service_content .content_inner {
position: relative;
padding: 25px 20px;
border: 1px solid var(--border-color-dark);
border-radius: 5px;
background: #fff;
}
.service_box.style_five .service_content .content_inner span {
display: block;
position: absolute;
width: 60px;
border-radius: 5px;
color: var(--primary-color-one);
border: 1px solid var(--border-color-dark);
height: 60px;
left: 20px;
top: 0px;
bottom: 0;
margin: auto;
font-size: 30px;
text-align: center;
line-height: 60px;
border-radius: 50px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.service_box.style_five .service_content .content_inner .text_box {
position: relative;
margin-left: 80px;
}
.service_box.style_five .service_content .content_inner .text_box .serheading, .service_box.style_five .service_content .content_inner .text_box h2 {
line-height: normal;
}
.service_box.style_five .service_content .content_inner .text_box .serheading a, .service_box.style_five .service_content .content_inner .text_box h2 a {
font-size: 20px;
font-weight: 700;
color: var(--heading-dark);
line-height: 30px;
margin-bottom: 6px;
display: block;
}
.service_box.style_five .service_content .content_inner .text_box p {
margin-bottom: 0px;
}
.service_box.style_five .service_content:hover .image_box::before {
left: 0;
opacity: 0.9;
}
.service_box.style_five .service_content:hover .content_inner span {
border-color: var(--primary-color-one);
background: var(--primary-color-one);
color: #fff;
} .move_image_absolute {
position: absolute;
}
.move_image_absolute img {
width: 100%;
right: 100%;
} .video_box {
position: relative;
width: 70px;
height: 70px;
display: inline-block;
}
.video_box:before, .video_box:after {
width: 0px;
height: 0px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.4);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation-delay: 0.9s;
content: "";
position: absolute;
animation: ripple 3s infinite;
transition: all 0.4s ease;
z-index: 0;
}
.video_box:after {
animation-delay: 0.4s;
}
.video_box a {
position: relative;
display: inline-block;
font-size: 30px !important;
color: #fff;
width: 70px;
height: 70px;
line-height: 75px;
text-align: center !important;
border-radius: 50%;
background: var(--primary-color-one);
background-image: inherit;
z-index: 10;
}
@keyframes ripple {
70% {
background: rgba(255, 255, 255, 0);
width: 120px;
height: 120px;
}
100% {
background: rgba(255, 255, 255, 0);
width: 0px;
height: 0px;
}
} .area_of_expertise {
position: relative;
padding: 100px 0px 0px;
overflow: hidden;
}
.area_of_expertise .simpleParallax {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
min-height: 600px;
}
.area_of_expertise .simpleParallax img {
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.area_of_expertise .title_and_video {
position: relative;
padding-bottom: 100px;
z-index: 11;
}
.area_of_expertise .title_and_video .col-lg-4 {
position: relative;
}
.area_of_expertise .title_and_video .video_box {
position: absolute;
right: 0;
bottom: 0;
top: 0;
margin: auto;
left: 0;
height: 70px;
}
.area_of_expertise .title_and_video .video_box a {
background: #fff;
color: var(--primary-color-one);
}
.area_of_expertise .title_and_video .video_box a::after {
animation: none;
width: 90px;
height: 90px;
top: 0;
background: rgba(255, 255, 255, 0.4);
z-index: -1;
bottom: 0;
margin: auto;
right: 0px;
left: -10px;
transform: inherit;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.area_of_expertise .title_and_video .video_box a::before {
animation: none;
width: 110px;
height: 110px;
top: 0;
background: rgba(255, 255, 255, 0.2);
z-index: -1;
bottom: 0;
margin: auto;
right: 0px;
left: -20px;
transform: inherit;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.area_of_expertise .title_and_video .title_sections h2 {
color: #fff;
}
.area_of_expertise .title_and_video .title_sections p {
color: rgba(255, 255, 255, 0.7);
}
.area_of_expertise .expertise_box {
position: relative;
padding: 40px 30px 40px 30px;
margin-top: 30px;
cursor: pointer;
}
.area_of_expertise .expertise_box .step_number {
position: relative;
float: left;
z-index: 11;
}
.area_of_expertise .expertise_box .step_number div {
font-size: 60px;
line-height: 60px;
color: #fff;
font-weight: 700;
}
.area_of_expertise .expertise_box .title {
position: relative;
margin-left: 130px;
z-index: 11;
}
.area_of_expertise .expertise_box .title a {
font-size: 22px;
font-weight: 700;
color: var(--heading-dark);
display: block;
line-height: 30px;
color: #fff;
font-family: var(--creote-family-one);
}
.area_of_expertise .expertise_box::before {
position: absolute;
content: "";
width: 100%;
height: 10px;
left: 0;
bottom: 0;
background: var(--primary-color-two);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
z-index: 1;
}
.area_of_expertise .expertise_box:first-child:after, .area_of_expertise .expertise_box:nth-child(2):after {
position: absolute;
content: "";
background: rgba(255, 255, 255, 0.6);
width: 1px;
height: calc(100% + 1000px);
right: 0px;
bottom: 0px;
z-index: 0;
}
.area_of_expertise .expertise_box:hover::before {
background: var(--primary-color-one);
height: 100%;
}
.area_of_expertise:hover .title_and_video .video_box a::after {
width: 70px;
height: 70px;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.area_of_expertise:hover .title_and_video .video_box a::before {
width: 70px;
height: 70px;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.area_of_expertise::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: linear-gradient(300deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 100%);
opacity: 0.9;
z-index: 1;
} .team_box {
position: relative;
}
.team_box.style_one .team_box_outer {
position: relative;
min-height: 370px;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}
.team_box.style_one .team_box_outer .member_image {
position: relative;
overflow: hidden;
}
.team_box.style_one .team_box_outer .member_image img {
width: 100%;
height: 370px;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.team_box.style_one .team_box_outer .member_image::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: -30px;
background: linear-gradient(to top, var(--primary-color-two) 6%, rgba(0, 0, 0, 0) 70%);
z-index: 9;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.team_box.style_one .team_box_outer .about_member {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 15;
}
.team_box.style_one .team_box_outer .about_member .share_media {
position: absolute;
top: 0;
right: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.team_box.style_one .team_box_outer .about_member .share_media ul {
position: absolute;
width: 54px;
height: auto;
padding: 10px 7px 4px;
background: var(--primary-color-one);
border-radius: 0px 0px 50px 50px;
top: 0;
right: 0;
opacity: 0;
z-index: 1;
margin: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transform: translateY(-40px);
}
.team_box.style_one .team_box_outer .about_member .share_media ul li {
display: block;
margin: 5px 0px;
cursor: pointer;
}
.team_box.style_one .team_box_outer .about_member .share_media ul li i, .team_box.style_one .team_box_outer .about_member .share_media ul li a {
width: 40px;
height: 40px;
line-height: 40px;
display: block;
color: var(--text-color-dark);
background: #fff;
text-align: center;
border-radius: 50%;
}
.team_box.style_one .team_box_outer .about_member .share_media ul li.shar_alt i, .team_box.style_one .team_box_outer .about_member .share_media ul li.shar_alt a {
background: transparent;
border: 1px dashed #fff;
color: #fff;
}
.team_box.style_one .team_box_outer .about_member .share_media ul.first {
opacity: 1;
z-index: 2;
padding: 15px 7px 8px;
transform: translateY(0px);
}
.team_box.style_one .team_box_outer .about_member .share_media ul.first li {
margin: 0px 0px;
}
.team_box.style_one .team_box_outer .about_member .share_media ul.first .text {
transform: rotate(-90deg);
margin-bottom: 30px;
margin-top: 17px;
color: #fff;
font-size: 15px;
font-weight: 400;
font-family: var(--creote-family-two);
text-transform: uppercase;
display: inline-block;
margin-left: -4px;
}
.team_box.style_one .team_box_outer .about_member .share_media:hover ul {
opacity: 1;
transform: translateY(0);
}
.team_box.style_one .team_box_outer .about_member .share_media:hover ul.first {
opacity: 0;
transform: translateY(-40px);
}
.team_box.style_one .team_box_outer .about_member .authour_details {
position: absolute;
width: 100%;
height: auto;
padding: 20px 25px;
bottom: 0;
left: 0;
}
.team_box.style_one .team_box_outer .about_member .authour_details span {
display: block;
font-size: 12px;
line-height: 20px;
font-weight: 600;
font-weight: 600;
color: #fff;
text-transform: uppercase;
font-family: var(--creote-family-one);
margin-bottom: 10px;
transition: all 0.45s ease;
-moz-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
-ms-transition: all 0.45s ease;
}
.team_box.style_one .team_box_outer .about_member .authour_details .job_details {
font-size: 22px;
font-weight: 700;
color: #fff;
display: block;
line-height: 30px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.team_box.style_one .team_box_outer .about_member .authour_details .button_view {
position: absolute;
left: 25px;
transform: translateX(-100%);
bottom: 25px;
opacity: 0;
transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
}
.team_box.style_one .team_box_outer:hover .about_member .authour_details span {
transform: translateX(-140%);
}
.team_box.style_one .team_box_outer:hover .about_member .authour_details .job_details {
transform: translateX(-140%);
}
.team_box.style_one .team_box_outer:hover .about_member .authour_details .button_view {
left: 25px;
opacity: 1;
transform: translateX(0%);
}
.team_box.style_one .team_box_outer:hover .member_image img {
transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.team_box.style_one .team_box_outer:hover .member_image::before {
bottom: 0;
}
.team_box.style_two .team_box_outer {
position: relative;
background: var(--primary-color-three);
margin-bottom: 30px;
margin: 0px 0px 30px;
border-radius: 0px 0px 5px 5px;
}
.team_box.style_two .team_box_outer .image_box {
position: relative;
overflow: hidden;
}
.team_box.style_two .team_box_outer .image_box img {
height: 250px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.team_box.style_two .team_box_outer .image_box::before {
position: absolute;
content: "";
top: 100%;
left: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
text-align: center;
transition: all 0.5s;
background-color: var(--primary-color-two);
z-index: 10;
}
.team_box.style_two .team_box_outer .image_box .overlay {
position: absolute;
top: 0%;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
}
.team_box.style_two .team_box_outer .image_box .overlay .read_m {
position: absolute;
top: 38%;
opacity: 0;
text-align: center;
left: 0;
font-size: 16px;
font-weight: 500;
right: 0;
left: 0;
width: 100%;
font-family: var(--creote-family-one);
text-align: center;
transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
color: #fff;
}
.team_box.style_two .team_box_outer .image_box .overlay .read_m i {
position: relative;
font-size: 16px;
display: inline-block;
top: 1px;
}
.team_box.style_two .team_box_outer .image_box .overlay ul {
padding: 0;
margin: 0;
position: absolute;
width: 100%;
bottom: 40px;
text-align: center;
}
.team_box.style_two .team_box_outer .image_box .overlay ul li {
padding: 0px 10px;
display: inline-block;
transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}
.team_box.style_two .team_box_outer .image_box .overlay ul li:first-child {
transform: translateY(200px);
}
.team_box.style_two .team_box_outer .image_box .overlay ul li:nth-child(2) {
transform: translateY(300px);
}
.team_box.style_two .team_box_outer .image_box .overlay ul li:nth-child(3) {
transform: translateY(400px);
}
.team_box.style_two .team_box_outer .image_box .overlay ul li:last-child {
transform: translateY(500px);
}
.team_box.style_two .team_box_outer .image_box .overlay ul li a {
color: var(--primary-color-two);
font-size: 15px;
width: 50px;
height: 50px;
line-height: 50px;
display: block;
text-align: center;
background: #fff;
transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}
.team_box.style_two .team_box_outer .image_box .overlay ul li a:hover {
color: #fff;
background: var(--primary-color-one);
}
.team_box.style_two .team_box_outer .content_box {
position: relative;
text-align: center;
overflow: hidden;
padding: 30px 30px;
z-index: 0;
border-radius: 0px 0px 5px 5px;
}
.team_box.style_two .team_box_outer .content_box::before {
position: absolute;
content: "";
width: 100%;
left: 0;
height: 100%;
top: 100%;
background: var(--primary-color-one);
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
z-index: -1;
}
.team_box.style_two .team_box_outer .content_box .teamtitle a {
position: relative;
display: block;
font-size: 18px;
line-height: 26px;
margin-bottom: 5px;
color: var(--heading-dark);
}
.team_box.style_two .team_box_outer .content_box p {
margin-bottom: 0px;
}
.team_box.style_two .team_box_outer .content_box p.job_details {
font-weight: 600;
font-family: var(--creote-family-one);
font-size: 16px;
color: var(--primary-color-one);
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-color-dark);
transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}
.team_box.style_two .team_box_outer:hover .image_box::before {
opacity: 0.9;
top: 0;
}
.team_box.style_two .team_box_outer:hover .image_box .overlay .read_m {
color: #fff;
top: 34%;
opacity: 1;
}
.team_box.style_two .team_box_outer:hover .image_box .overlay ul li {
transform: translateY(0);
}
.team_box.style_two .team_box_outer:hover .content_box::before {
top: 0;
}
.team_box.style_two .team_box_outer:hover .content_box .teamtitle a {
color: #fff;
}
.team_box.style_two .team_box_outer:hover .content_box p {
color: #fff;
opacity: 0.8;
}
.team_box.style_two .team_box_outer:hover .content_box p.job_details {
color: #fff;
opacity: 1;
border-color: rgba(255, 255, 255, 0.1);
}
.team_box.style_three .team_box_outer {
position: relative;
}
.team_box.style_three .team_box_outer .image_box {
position: relative;
margin-top: 10px;
margin-bottom: 20px;
overflow: hidden;
border-radius: 10px;
}
.team_box.style_three .team_box_outer .image_box::before {
position: absolute;
content: "";
top: 0px;
border-radius: 5px;
left: 0;
opacity: 0;
width: 0%;
background: var(--primary-color-one);
height: 0%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.team_box.style_three .team_box_outer .image_box img {
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.team_box.style_three .team_box_outer .image_box .share_links {
position: absolute;
content: "";
right: 0px;
width: 100%;
padding: 20px;
height: 100%;
bottom: 0px;
}
.team_box.style_three .team_box_outer .image_box .share_links a.shar_icon {
position: absolute;
width: 40px;
height: 40px;
font-size: 14px;
color: var(--primary-color-one);
bottom: 20px;
right: 20px;
line-height: 40px;
background: #fff;
border-radius: 50px;
text-align: center;
display: block;
z-index: 10;
transition: all 0.9s ease-in-out;
transform: rotate(0);
}
.team_box.style_three .team_box_outer .image_box .share_links ul {
position: absolute;
width: 40px;
padding: 10px 0px;
border-radius: 30px;
bottom: 20px;
right: 20px;
opacity: 0;
transition: all 0.9s ease-in-out;
background: #fff;
z-index: 0;
padding-bottom: 30px;
background: var(--primary-color-two);
}
.team_box.style_three .team_box_outer .image_box .share_links ul li {
display: block;
padding: 5px 15px;
}
.team_box.style_three .team_box_outer .image_box .share_links ul li a {
font-size: 15px;
color: #fff;
}
.team_box.style_three .team_box_outer .content_box {
position: relative;
}
.team_box.style_three .team_box_outer .content_box .teamtitle {
font-size: 20px;
line-height: 28px;
margin-bottom: 5px;
}
.team_box.style_three .team_box_outer .content_box .job_details {
font-size: 16px;
margin-bottom: 10px;
color: var(--primary-color-one);
font-weight: 500;
}
.team_box.style_three .team_box_outer .content_box p {
margin-bottom: 0px;
}
.team_box.style_three .team_box_outer:hover .image_box::before {
opacity: 0.8;
width: 100%;
height: 100%;
}
.team_box.style_three .team_box_outer:hover .image_box .share_links a.shar_icon {
transform: rotate(360deg);
color: var(--primary-color-two);
}
.team_box.style_three .team_box_outer:hover .image_box .share_links ul {
opacity: 1;
}
.team_box.style_four {
position: relative;
}
.team_box.style_four .team_box_outer {
position: relative;
padding: 10px;
background: #fff;
border-radius: 5px;
}
.team_box.style_four .team_box_outer .image_box {
position: relative;
height: 220px;
overflow: hidden;
border-radius: 5px;
margin: auto;
z-index: 1;
}
.team_box.style_four .team_box_outer .image_box::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: -100%;
background: linear-gradient(0deg, var(--primary-color-two) 40%, rgba(0, 0, 0, 0.09) 150%);
border-radius: 0px;
opacity: 0.8;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.team_box.style_four .team_box_outer .image_box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.team_box.style_four .team_box_outer .content_box {
position: relative;
padding: 30px 15px 10px 15px;
background: #fff;
text-align: center;
}
.team_box.style_four .team_box_outer .content_box .share_links {
position: relative;
}
.team_box.style_four .team_box_outer .content_box .share_links ul {
margin-left: 0px;
padding-left: 0px;
margin-bottom: 10px;
}
.team_box.style_four .team_box_outer .content_box .share_links ul li {
display: inline-block;
padding: 0px 5px;
}
.team_box.style_four .team_box_outer .content_box .share_links ul li a {
width: 30px;
height: 30px;
background: transparent;
color: var(--primary-color-one);
border: 1px solid var(--primary-color-three);
border-radius: 30px;
line-height: 30px;
display: block;
text-align: center;
font-size: 14px;
}
.team_box.style_four .team_box_outer .content_box .teamtitle {
line-height: normal;
}
.team_box.style_four .team_box_outer .content_box .teamtitle a {
font-size: 20px;
line-height: 30px;
margin-bottom: 4px;
display: block;
}
.team_box.style_four .team_box_outer .content_box .job_details {
font-size: 16px;
line-height: 26px;
color: var(--primary-color-one);
font-weight: 500;
margin-bottom: 10px;
}
.team_box.style_four .team_box_outer:hover .image_box::after {
bottom: 0%;
} .team_intro_box {
position: relative;
}
.team_intro_box .team_intro_inner {
position: relative;
overflow: hidden;
border-radius: 10px;
min-height: 480px;
}
.team_intro_box .team_intro_inner .parallax_cover {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.team_intro_box .team_intro_inner .parallax_cover::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
background: var(--primary-color-two);
opacity: 0.9;
z-index: 2;
}
.team_intro_box .team_intro_inner .team_intro_start {
position: relative;
z-index: 3;
}
.team_intro_box .team_intro_inner .team_intro_start .left_content {
position: relative;
padding: 80px 60px 80px;
}
.team_intro_box .team_intro_inner .team_intro_start .title {
margin-bottom: 30px;
}
.team_intro_box .team_intro_inner .team_intro_start .title h6, .team_intro_box .team_intro_inner .team_intro_start .title .h6sub {
font-family: var(--creote-family-one);
font-size: 30px;
font-weight: 700;
text-decoration: underline;
color: var(--primary-color-one);
line-height: 40px;
margin-bottom: 5px;
}
.team_intro_box .team_intro_inner .team_intro_start .title h1, .team_intro_box .team_intro_inner .team_intro_start .title .h1title {
font-family: var(--creote-family-one);
font-size: 44px;
font-weight: 700;
color: #fff;
line-height: 54px;
margin-bottom: 10px;
}
.team_intro_box .team_intro_inner .team_intro_start .quotes {
position: relative;
padding-left: 75px;
margin-bottom: 20px;
margin-bottom: 20px;
}
.team_intro_box .team_intro_inner .team_intro_start .quotes span {
position: absolute;
left: 0;
top: 0;
font-size: 46px;
line-height: 46px;
color: #fff;
}
.team_intro_box .team_intro_inner .team_intro_start .quotes h5 {
font-size: 22px;
font-weight: 700;
color: #fff;
line-height: 36px;
margin-bottom: 10px;
}
.team_intro_box .team_intro_inner .team_intro_start .authour_dtls {
position: relative;
margin-left: 75px;
}
.team_intro_box .team_intro_inner .team_intro_start .authour_dtls img {
margin-bottom: 10px;
}
.team_intro_box .team_intro_inner .team_intro_start .authour_dtls h4 {
font-size: 18px;
font-weight: 600;
color: #fff;
line-height: 28px;
}
.team_intro_box .team_intro_inner .team_intro_start .authour_dtls h4 span {
color: var(--primary-color-one);
font-family: var(--creote-family-two);
font-size: 16px;
font-weight: 400;
}
.team_intro_box .image_right {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.team_intro_box .image_right img {
width: auto !important;
} .testimonial_sec.style_one {
position: relative;
}
.testimonial_sec.style_one .testimonial_box {
position: relative;
margin-bottom: 35px;
}
.testimonial_sec.style_one .testimonial_box .rating {
position: relative;
margin-bottom: 20px;
}
.testimonial_sec.style_one .testimonial_box .rating ul {
margin: 0;
padding: 6px 15px;
background: var(--primary-color-three);
border: 1px solid var(--border-color-dark);
display: inline-block;
border-radius: 30px;
}
.testimonial_sec.style_one .testimonial_box .rating ul li {
list-style: none;
}
.testimonial_sec.style_one .testimonial_box .rating ul li span {
margin: 0px 3px;
color: var(--primary-color-one);
font-size: 16px;
}
.testimonial_sec.style_one .testimonial_box .rating ul li span.empty {
color: var(--primary-color-one);
opacity: 0.4;
}
.testimonial_sec.style_one .testimonial_box .rating ul li span:first-child {
margin-left: 0px;
}
.testimonial_sec.style_one .testimonial_box .rating ul li span:last-child {
margin-right: 0px;
}
.testimonial_sec.style_one .testimonial_box .authour_details {
position: relative;
margin-bottom: 20px;
}
.testimonial_sec.style_one .testimonial_box .authour_details .details {
position: relative;
padding-top: 5px;
}
.testimonial_sec.style_one .testimonial_box .authour_details .details h2 {
font-size: 22px;
font-weight: 700;
color: var(--heading-dark);
display: block;
line-height: 30px;
color: var(--heading-dark);
}
.testimonial_sec.style_one .testimonial_box .authour_details .details span {
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color-one);
margin-bottom: 5px;
}
.testimonial_sec.style_one .testimonial_box .authour_details.image_yes {
position: relative;
}
.testimonial_sec.style_one .testimonial_box .authour_details.image_yes .details {
position: relative;
margin-left: 90px;
}
.testimonial_sec.style_one .testimonial_box .authour_details.image_yes .details::before {
position: absolute;
content: "";
width: 1px;
height: 100%;
left: -18px;
top: 0;
background: var(--primary-color-thee);
opacity: 0.2;
}
.testimonial_sec.style_one .testimonial_box .authour_details.image_yes .image {
float: left;
}
.testimonial_sec.style_one .testimonial_box .authour_details.image_yes .image img {
width: 60px;
height: 60px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.testimonial_sec.style_one .testimonial_box .comment {
position: relative;
font-size: 18px;
line-height: 28px;
font-weight: 500;
font-family: var(--creote-family-one);
}
.testimonial_sec.style_one .arrows {
position: absolute;
width: 200px;
display: inline-block;
bottom: 39px;
}
.testimonial_sec.style_one .arrows .next-single-one, .testimonial_sec.style_one .arrows .prev-single-one {
position: relative;
top: inherit;
left: inherit;
right: inherit;
display: inline-block;
background-image: none !important;
height: auto;
width: auto;
}
.testimonial_sec.style_one .arrows .next-single-one::before, .testimonial_sec.style_one .arrows .prev-single-one::before {
width: auto;
height: auto;
line-height: inherit;
background: none;
box-shadow: inherit;
font-size: 32px;
}
.testimonial_sec.style_one .arrows .next-single-one:hover::before, .testimonial_sec.style_one .arrows .prev-single-one:hover::before {
color: var(--primary-color-one);
}
.testimonial_sec.style_one .arrows .next-single-one {
margin-left: 60px;
}
.testimonial_sec.style_one .arrows .prev-single-one {
margin-right: 80px;
}
.testimonial_sec.style_one .arrows .next-single-one::before {
content: "\e91d";
font-family: "icomoon" !important;
}
.testimonial_sec.style_one .arrows .prev-single-one::before {
content: "\e91c";
font-family: "icomoon" !important;
}
.testimonial_sec.style_one .num_pagination {
display: inline-block;
padding: 0px 65px;
font-size: 18px;
font-family: var(--creote-family-one);
font-weight: 700;
text-transform: uppercase;
}
.testimonial_sec.style_one .num_pagination .swiper-pagination-fraction {
color: var(--primary-color-two);
}
.testimonial_sec.style_one .num_pagination .swiper-pagination-current {
font-size: 30px;
}
.testimonial_sec.style_one .icon_quotes {
position: absolute;
width: 120px;
height: 120px;
background: var(--primary-color-one);
border-radius: 50%;
text-align: center;
line-height: 120px;
top: 0;
left: -150px;
}
.testimonial_sec.style_one .icon_quotes i {
font-size: 50px;
line-height: 120px;
color: #fff;
}
.testimonial_sec.style_one .icon_quotes:before {
position: absolute;
content: "";
width: 120px;
height: 120px;
border-radius: 50%;
left: 7px;
top: 9px;
background: transparent;
border: 1px solid var(--border-color-dark);
}
.testimonial_sec.style_one.light_color .testimonial_box .authour_details.image_yes .details::before {
background: var(--primary-color-one);
opacity: 0.3;
}
.testimonial_sec.style_one.light_color .testimonial_box .authour_details .details h2 {
color: #fff;
}
.testimonial_sec.style_one.light_color .testimonial_box .comment {
color: #fff;
}
.testimonial_sec.style_one.light_color .num_pagination .swiper-pagination-fraction {
color: #fff;
}
.testimonial_sec.style_one.light_color .arrows .prev-single-one::before,
.testimonial_sec.style_one.light_color .arrows .next-single-one::before {
color: #fff;
}
.testimonial_sec.style_one.light_color .icon_quotes:before {
border: 1px solid #fff;
}
.testimonial_sec.style_two {
position: relative;
}
.testimonial_sec.style_two .swiper-container {
overflow: inherit !important;
}
.testimonial_sec.style_two .testimonial_box {
position: relative;
margin-bottom: 35px;
text-align: center;
padding: 40px 40px;
background: #fff;
border-radius: 10px;
box-shadow: var(--box-shadow);
}
.testimonial_sec.style_two .testimonial_box::before {
position: absolute;
content: "";
border: 1px dashed var(--border-color-dark);
width: 98%;
height: 97%;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius: 10px;
}
.testimonial_sec.style_two .testimonial_box .rating {
position: relative;
margin-top: 25px;
text-align: center;
}
.testimonial_sec.style_two .testimonial_box .rating ul {
margin: 0;
padding: 6px 15px;
background: var(--primary-color-three);
border: 1px solid var(--border-color-dark);
display: inline-block;
border-radius: 30px;
text-align: center;
}
.testimonial_sec.style_two .testimonial_box .rating ul li {
list-style: none;
}
.testimonial_sec.style_two .testimonial_box .rating ul li span {
margin: 0px 3px;
color: var(--primary-color-one);
font-size: 16px;
}
.testimonial_sec.style_two .testimonial_box .rating ul li span.empty {
color: var(--primary-color-one);
opacity: 0.4;
}
.testimonial_sec.style_two .testimonial_box .rating ul li span:first-child {
margin-left: 0px;
}
.testimonial_sec.style_two .testimonial_box .rating ul li span:last-child {
margin-right: 0px;
}
.testimonial_sec.style_two .testimonial_box .authour_image {
position: relative;
padding-bottom: 20px;
border-radius: 50%;
margin: auto;
display: inline-block;
}
.testimonial_sec.style_two .testimonial_box .authour_image .icon-quote {
position: absolute;
width: 50px;
height: 50px;
font-size: 30px;
text-align: center;
line-height: 50px;
color: #fff;
background: var(--primary-color-one);
top: 2px;
left: -19px;
border-radius: 50%;
}
.testimonial_sec.style_two .testimonial_box .authour_image img {
width: 120px;
height: 120px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.testimonial_sec.style_two .testimonial_box .comment {
position: relative;
font-size: 17px;
line-height: 27px;
font-weight: 500;
font-family: var(--creote-family-one);
}
.testimonial_sec.style_two .single_swiper .swiper-slide .testimonial_box {
opacity: 0.2;
}
.testimonial_sec.style_two .single_swiper .swiper-slide.swiper-slide-active .testimonial_box {
opacity: 1;
}
.testimonial_sec.style_two .auth_details {
position: relative;
text-align: center;
padding: 25px;
border-radius: 10px;
background: #fff;
box-shadow: var(--box-shadow);
}
.testimonial_sec.style_two .auth_details h2 {
font-size: 18px;
font-weight: 700;
color: var(--heading-dark);
display: block;
line-height: 26px;
margin-bottom: 5px;
}
.testimonial_sec.style_two .auth_details span {
font-size: 12px;
text-transform: uppercase;
line-height: 20px;
display: block;
color: var(--text-color-dark-two);
font-weight: 400;
}
.testimonial_sec.style_two .single_swiper_tab .swiper-wrapper {
display: block;
text-align: center;
}
.testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide {
display: inline-block;
margin: 0px 10px;
}
.testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .auth_details {
background: var(--primary-color-one);
}
.testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .auth_details h2 {
color: #fff;
}
.testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .auth_details span {
color: #fff;
opacity: 0.7;
}
.testimonial_sec.style_two.light_color {
position: relative;
}
.testimonial_sec.style_three .swiper-slide-active .testimonial_box {
background: #fff;
box-shadow: var(--box-shadow-two);
opacity: 1;
}
.testimonial_sec.style_three .testimonial_box {
margin: 15px 15px 30px;
border-radius: 5px;
background: #fff;
padding: 40px 30px;
text-align: center;
position: relative;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
opacity: 0.5;
}
.testimonial_sec.style_three .testimonial_box .description {
margin-bottom: 56px;
position: relative;
}
.testimonial_sec.style_three .testimonial_box i {
font-size: 30px;
line-height: 60px;
display: block;
color: var(--primary-color-one);
width: 60px;
height: 60px;
background: var(--primary-color-three);
border-radius: 50px;
text-align: center;
margin: 0 auto 20px;
opacity: 0.5;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.testimonial_sec.style_three .testimonial_box img {
width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.testimonial_sec.style_three .testimonial_box .title {
display: block;
font-size: 18px;
font-weight: 700;
color: var(--heading-dark);
margin: 0 0 8px 0;
line-height: 28px;
position: relative;
}
.testimonial_sec.style_three .testimonial_box .title:before {
content: "";
width: 1px;
height: 30px;
background: var(--primary-color-three);
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: -44px;
}
.testimonial_sec.style_three .testimonial_box p.from {
color: var(--primary-color-one);
font-weight: 400;
font-size: 15px;
margin-bottom: 20px;
font-family: var(--creote-family-one);
}
.testimonial_sec.style_three .testimonial_box .rating {
position: relative;
padding: 20px 0px 0px 0px;
}
.testimonial_sec.style_three .testimonial_box .rating ul {
margin: 0;
padding: 0px;
}
.testimonial_sec.style_three .testimonial_box .rating ul li {
list-style: none;
}
.testimonial_sec.style_three .testimonial_box .rating ul li span {
display: inline-block;
margin: 0px 4px;
color: var(--primary-color-one);
}
.testimonial_sec.style_three .testimonial_box .rating ul li span.empty {
color: var(--primary-color-three);
}
.testimonial_sec.style_three .testimonial_box:hover i {
opacity: 1;
background: var(--primary-color-one);
color: #fff;
}
.testimonial_sec.style_three .arrows {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
height: auto;
}
.testimonial_sec.style_three .arrows .prev-single-one_three {
position: absolute;
left: -50px;
}
.testimonial_sec.style_three .arrows .next-single-one_three {
position: absolute;
right: 0;
}
.testimonial_sec.style_four .testimonial_box {
position: relative;
padding: 0px 10px;
text-align: left;
}
.testimonial_sec.style_four .testimonial_box .rating {
position: relative;
margin-bottom: 12px;
}
.testimonial_sec.style_four .testimonial_box .rating ul {
margin: 0px;
padding: 0px;
}
.testimonial_sec.style_four .testimonial_box .rating ul li {
list-style: none;
}
.testimonial_sec.style_four .testimonial_box .rating ul li span {
margin-right: 4px;
color: var(--primary-color-one);
}
.testimonial_sec.style_four .testimonial_box .rating ul li span.empty {
opacity: 0.5;
}
.testimonial_sec.style_four .testimonial_box .client_bx {
position: relative;
display: flex;
}
.testimonial_sec.style_four .testimonial_box .client_bx .image_box {
width: 60px;
height: 60px;
min-width: 60px;
border-radius: 50%;
overflow: hidden;
margin: auto 0px;
}
.testimonial_sec.style_four .testimonial_box .client_bx .image_box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial_sec.style_four .testimonial_box .client_bx .left_s {
position: relative;
margin-left: 14px;
}
.testimonial_sec.style_four .testimonial_box .client_bx .left_s h2 {
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin-bottom: 5px;
}
.testimonial_sec.style_four .testimonial_box .client_bx .left_s h6 {
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: var(--primary-color-one);
}
.testimonial_sec.style_five .testimonial_box {
background: #fff;
position: relative;
border-radius: 10px;
padding: 30px;
box-shadow: var(--box-shadow-two);
margin: 10px 15px 10px;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.testimonial_sec.style_five .testimonial_box .icon_quotes {
position: absolute;
bottom: 30px;
right: 30px;
}
.testimonial_sec.style_five .testimonial_box .icon_quotes i {
font-size: 50px;
color: var(--primary-color-three);
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.testimonial_sec.style_five .testimonial_box .lower_box {
position: relative;
display: flex;
}
.testimonial_sec.style_five .testimonial_box .image_box {
position: relative;
min-width: 90px;
width: 90px;
height: 90px;
overflow: hidden;
border-radius: 50%;
margin: auto 0px;
}
.testimonial_sec.style_five .testimonial_box .image_box img {
width: 90px;
height: 90px;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial_sec.style_five .testimonial_box .content_box {
margin-left: 20px;
position: relative;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.testimonial_sec.style_five .testimonial_box .content_box .rating ul {
padding-left: 0px;
margin-left: 0px;
}
.testimonial_sec.style_five .testimonial_box .content_box .rating ul li {
list-style: none;
}
.testimonial_sec.style_five .testimonial_box .content_box .rating ul li span {
color: var(--primary-color-one);
font-size: 15px;
margin-right: 5px;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.testimonial_sec.style_five .testimonial_box .content_box .rating ul li span.empty {
color: var(--primary-color-three);
}
.testimonial_sec.style_five .testimonial_box .content_box .description {
position: relative;
margin-bottom: 20px;
}
.testimonial_sec.style_five .testimonial_box .content_box .authour {
position: relative;
}
.testimonial_sec.style_five .testimonial_box .content_box .authour h2 {
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin-bottom: 5px;
}
.testimonial_sec.style_five .testimonial_box .content_box .authour p {
margin-bottom: 0px;
color: var(--primary-color-one);
}
.testimonial_sec.style_five .testimonial_box:hover {
background: var(--primary-color-one);
}
.testimonial_sec.style_five .testimonial_box:hover .icon_quotes i {
color: rgba(255, 255, 255, 0.5);
}
.testimonial_sec.style_five .testimonial_box:hover .content_box .rating ul li span {
color: #fff;
}
.testimonial_sec.style_five .testimonial_box:hover .content_box .rating ul li span.empty {
color: rgba(255, 255, 255, 0.5);
}
.testimonial_sec.style_five .testimonial_box:hover .content_box .description {
color: rgba(255, 255, 255, 0.8);
}
.testimonial_sec.style_five .testimonial_box:hover .content_box .authour h2 {
color: #fff;
}
.testimonial_sec.style_five .testimonial_box:hover .content_box .authour p {
color: rgba(255, 255, 255, 0.8);
} .testimonial_sec {
position: relative;
}
.testimonial_sec.style_v2_one {
position: relative;
}
.testimonial_sec.style_v2_one .testimonial_box {
position: relative;
display: flex;
overflow: hidden;
border-radius: 5px;
background: #fff;
box-shadow: var(--box-shadow-two);
margin: 10px;
}
.testimonial_sec.style_v2_one .testimonial_box .image {
width: 40%;
min-width: 40%;
overflow: hidden;
}
.testimonial_sec.style_v2_one .testimonial_box .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details {
position: relative;
padding: 40px;
width: 60%;
min-width: 60%;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .b_image {
position: relative;
width: 200px;
margin-bottom: 20px;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .comment {
position: relative;
margin-bottom: 20px;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .details {
position: relative;
display: flex;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_image {
min-width: 60px;
min-height: 60px;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_image img {
width: 60px;
height: 60px;
border-radius: 50px;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_content {
padding-left: 15px;
display: flex;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_content .content_in {
align-items: center;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_content h2 {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: var(--heading-dark);
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .details .c_content span {
font-size: 15px;
line-height: 25px;
color: var(--primary-color-one);
display: block;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .rating {
position: relative;
margin-top: 20px;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .rating ul {
margin-left: 0px;
margin-bottom: 0px;
padding-left: 0px;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .rating ul li {
list-style: none;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .rating ul li span {
font-size: 14px;
color: var(--primary-color-one);
display: inline-block;
margin-right: 5px;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details .rating ul li span.empty {
color: var(--primary-color-three);
}
.testimonial_sec.style_v2_one .arrows {
position: absolute;
width: 100%;
left: 0;
height: 50px;
top: 0;
bottom: 0;
margin: auto;
right: 0;
z-index: 1;
}
.testimonial_sec.style_v2_one .arrows .prev-single-one {
position: absolute;
width: 50px;
height: 50px;
left: -100px;
top: 0;
}
.testimonial_sec.style_v2_one .arrows .next-single-one {
position: absolute;
width: 50px;
height: 50px;
right: -100px;
top: 0;
}
.testimonial_sec.style_v2_two {
text-align: center;
}
.testimonial_sec.style_v2_two .testimonial_box {
position: relative;
z-index: 4;
}
.testimonial_sec.style_v2_two .testimonial_box .c_image {
position: relative;
overflow: hidden;
width: 110px;
height: 110px;
border-radius: 110px;
margin: 0 auto 20px;
}
.testimonial_sec.style_v2_two .testimonial_box .c_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.testimonial_sec.style_v2_two .testimonial_box .comment {
margin-bottom: 20px;
color: #fff;
font-size: 18px;
line-height: 34px;
}
.testimonial_sec.style_v2_two .testimonial_box .c_content h2 {
font-size: 20px;
font-weight: 700;
color: #fff;
margin-bottom: 6px;
line-height: 32px;
}
.testimonial_sec.style_v2_two .testimonial_box .c_content span {
font-size: 15px;
font-weight: 500;
color: #fff;
display: block;
font-family: var(--creote-family-one);
margin-bottom: 15px;
}
.testimonial_sec.style_v2_two .testimonial_box .rating li {
list-style: none;
}
.testimonial_sec.style_v2_two .testimonial_box .rating li span {
color: var(--primary-color-one);
padding: 0px 4px;
}
.testimonial_sec.style_v2_two .testimonial_box .rating li span.empty {
opacity: 0.3;
}
.testimonial_sec.style_v2_two .arrows {
position: absolute;
width: 100%;
height: 100px;
margin: auto;
left: 0;
top: 0;
bottom: 0;
}
.testimonial_sec.style_v2_two .arrows .prev-single-one, .testimonial_sec.style_v2_two .arrows .next-single-one {
position: absolute;
left: -80px;
top: 0;
bottom: 0;
z-index: 3;
}
.testimonial_sec.style_v2_two .arrows .prev-single-one:before, .testimonial_sec.style_v2_two .arrows .next-single-one:before {
width: 60px;
height: 60px;
box-shadow: var(--box-shadow);
line-height: 60px;
text-align: center;
border-radius: 0px;
font-size: 26px;
color: #fff;
background: var(--primary-color-one);
}
.testimonial_sec.style_v2_two .arrows .next-single-one {
left: unset;
right: -20px;
} ._card {
position: relative;
display: inline-block;
width: 100%;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
}
@media (min-width: 576px) {
._card {
display: inline-block;
width: 100%;
}
}
.one_column .grid_show_case .grid_box {
width: 100%;
padding: 0px 0px;
margin-bottom: 25px;
}
.two_column .grid_show_case .grid_box {
width: 50%;
padding: 0px 12px;
margin-bottom: 25px;
}
.three_column .grid_show_case .grid_box {
width: 33.33%;
padding: 0px 12px;
margin-bottom: 25px;
}
.four_column .grid_show_case .grid_box {
width: 25%;
padding: 0px 12px;
margin-bottom: 25px;
}
.five_column .grid_show_case .grid_box {
width: 20%;
padding: 0px 12px;
margin-bottom: 25px;
} .image_boxes {
position: relative;
}
.image_boxes.style_one {
display: inline-block;
margin-bottom: 100px;
}
.image_boxes.style_one .image.one {
position: relative;
width: 500px;
height: 550px;
border-radius: 15px;
overflow: hidden;
box-shadow: var(--box-shadow);
}
.image_boxes.style_one .image.one img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.image_boxes.style_one .image.two {
position: absolute;
bottom: -50px;
right: -50px;
width: 250px;
height: 250px;
border: 5px solid #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: var(--box-shadow);
}
.image_boxes.style_one .image.two img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.image_boxes .year_of_experience {
position: absolute;
padding: 25px;
border-radius: 10px;
background: #fff;
box-shadow: var(--box-shadow);
display: inline-block;
max-width: 400px;
left: 30px;
bottom: -60px;
}
.image_boxes .year_of_experience .year {
position: absolute;
left: 25px;
top: 0;
bottom: 0;
width: 70px;
height: 70px;
line-height: 80px;
font-size: 30px;
font-weight: 600;
border-radius: 60px;
background: var(--primary-color-one);
color: #fff;
text-align: center;
font-family: var(--creote-family-one);
margin: auto;
}
.image_boxes .year_of_experience .year::before {
position: absolute;
content: "";
width: 90px;
height: 90px;
background: transparent;
border: 2px dotted var(--border-color-dark);
border-radius: 50px;
top: -10px;
left: -10px;
}
.image_boxes .year_of_experience .content {
position: relative;
margin-left: 100px;
margin-right: 20px;
}
.image_boxes .year_of_experience .content h2 {
font-size: 20px;
font-weight: 600;
line-height: 30px;
}
.image_boxes .year_of_experience .content span {
font-size: 60px;
height: 60px;
position: absolute;
line-height: 60px;
right: -40px;
margin: auto;
bottom: 0;
top: 0;
opacity: 0.2;
}
.image_boxes .video_box {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 70px;
height: 70px;
}
.image_boxes.style_two {
position: relative;
min-height: 560px;
display: inline-block;
}
.image_boxes.style_two .background_image {
position: absolute;
min-width: 740px;
left: -165px;
height: 596px;
top: -33px;
}
.image_boxes.style_two .image {
position: relative;
width: 270px;
height: 370px;
border-radius: 10px;
overflow: hidden;
}
.image_boxes.style_two .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.image_boxes.style_two .image.one {
float: left;
}
.image_boxes.style_two .image.two {
position: absolute;
right: -300px;
margin-top: 100px;
}
.image_boxes.style_two .authour_quotes {
position: absolute;
width: 330px;
bottom: 30px;
left: 0;
padding: 25px 25px 18px;
border-radius: 10px;
background: var(--primary-color-one);
z-index: 2;
}
.image_boxes.style_two .authour_quotes h6 {
font-size: 18px;
font-weight: 700;
color: #fff;
display: block;
line-height: 26px;
margin-bottom: 8px;
}
.image_boxes.style_two .authour_quotes p {
font-family: var(--creote-family-one);
font-weight: 600;
color: #fff;
opacity: 0.8;
font-size: 12px;
text-transform: uppercase;
margin: 0px 40px 0px 0px;
}
.image_boxes.style_two .authour_quotes i {
font-size: 50px;
color: #fff;
opacity: 0.1;
position: absolute;
bottom: 10px;
right: 10px;
}
.image_boxes.style_three {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.image_boxes.style_three.border_yes {
border: 10px solid var(--primary-color-three);
border-radius: 5px;
}
.image_boxes.style_three.border_yes img {
border-radius: 5px;
}
.image_boxes.style_three img {
height: 470px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.image_boxes.style_three .video_box {
width: 100px;
height: 100px;
}
.image_boxes.style_three .video_box a {
background: #fff;
color: var(--primary-color-one);
width: 100px;
height: 100px;
line-height: 105px;
font-size: 35px !important;
}
.image_boxes.style_three.border_yes .video_box {
width: 70px;
height: 70px;
z-index: 3;
}
.image_boxes.style_three.border_yes .video_box a {
width: 70px;
line-height: 75px;
font-size: 22px !important;
height: 70px;
background: var(--primary-color-one);
color: #fff;
}
.image_boxes.style_three.border_yes .video_box a::before {
animation: none;
width: 110px;
height: 110px;
top: 0;
background: rgba(255, 255, 255, 0.2);
z-index: -1;
bottom: 0;
margin: auto;
right: 0px;
left: -20px;
transform: inherit;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.image_boxes.style_three.border_yes .video_box a::after {
animation: none;
width: 90px;
height: 90px;
top: 0;
background: rgba(255, 255, 255, 0.4);
z-index: -1;
bottom: 0;
margin: auto;
right: 0px;
left: -10px;
transform: inherit;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.image_boxes.style_four .image_box {
position: relative;
margin-bottom: 30px;
overflow: hidden;
border-radius: 5px;
}
.image_boxes.style_four .image_box.one {
margin-bottom: 30px;
box-shadow: var(--box-shadow);
}
.image_boxes.style_four .image_box img {
width: 100%;
height: 285px;
-o-object-fit: cover;
object-fit: cover;
}
.image_boxes.style_four .image_box .pad_zero_left {
padding-left: 0px;
}
.image_boxes.style_four .image_box .pad_zero_right {
padding-right: 0px;
}
.image_boxes.style_four .imgs {
overflow: hidden;
border-radius: 10px;
box-shadow: var(--box-shadow-two);
}
.image_boxes.style_four .image_content_inner {
text-align: center;
padding: 20px 30px;
background: var(--primary-color-one);
bottom: 20px;
left: 20px;
z-index: 10;
position: absolute;
border-radius: 5px;
}
.image_boxes.style_four .image_content_inner h2 {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: #fff;
}
.image_boxes.style_four .image_content_inner.viceo_en {
padding-right: 80px;
}
.image_boxes.style_four .image_content_inner.viceo_en .video_box_null {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
height: 40px;
width: 40px;
margin: auto;
}
.image_boxes.style_four .image_content_inner.viceo_en .video_box_null a {
color: #fff;
width: 40px;
display: block;
text-align: center;
line-height: 43px;
height: 40px;
border-radius: 50px;
background: rgba(0, 0, 0, 0.1);
}
.image_boxes.style_five {
position: relative;
z-index: 0;
display: inline-block;
}
.image_boxes.style_five::before {
position: absolute;
content: "";
width: 362px;
height: 362px;
background: var(--primary-color-three);
top: 55px;
left: 75px;
border-radius: 50%;
z-index: -1;
}
.image_boxes.style_five .image_box {
overflow: hidden;
position: relative;
display: inline-block;
}
.image_boxes.style_five .image_box.one {
z-index: 3;
}
.image_boxes.style_five .image_box.one .video_box_null {
position: absolute;
right: 0px;
bottom: 0px;
}
.image_boxes.style_five .image_box.one .video_box_null a {
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
background: var(--primary-color-one);
display: block;
border-radius: 10px 0px 10px 0px;
}
.image_boxes.style_five .image_box.one .video_box_null a i {
position: absolute;
font-size: 16px;
height: 16px;
width: 16px;
line-height: 16px;
text-align: center;
top: 0;
bottom: 0;
right: 0;
color: #fff;
left: 0;
margin: auto;
}
.image_boxes.style_five .image_box.two {
z-index: 2;
margin-top: -150px;
margin-left: 190px;
}
.image_boxes.style_five .image_box img {
border-radius: 10px;
height: 325px;
-o-object-fit: cover;
object-fit: cover;
width: 350px;
}
.image_boxes.style_six {
position: relative;
padding-bottom: 40px;
}
.image_boxes.style_six .image_box {
position: relative;
}
.image_boxes.style_six .image_box img {
border-radius: 10px;
}
.image_boxes.style_six .image_box .video_inner.type_six {
position: absolute;
top: 30px;
text-align: center;
right: 30px;
overflow: hidden;
background: var(--primary-color-one);
padding: 10px;
border-radius: 10px;
}
.image_boxes.style_six .image_box .video_inner.type_six a {
background: var(--primary-color-one);
position: relative;
display: inline-block;
font-size: 30px !important;
color: #fff;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center !important;
border-radius: 50%;
}
.image_boxes.style_six .image_box .video_inner.type_six p {
position: relative;
z-index: 10;
color: #fff;
font-weight: 600;
margin-bottom: 0px;
font-family: var(--creote-family-one);
}
.image_boxes.style_six .image_box .experience {
left: 0px;
position: absolute;
right: 0;
bottom: -65px;
}
.image_boxes.style_six .image_box .experience .experience_inner {
padding: 20px 40px;
background: #fff;
margin: 25px;
display: inline-block;
text-align: center;
border-radius: 10px;
box-shadow: var(--box-shadow-two);
}
.image_boxes.style_six .image_box .experience .experience_inner h2 {
font-size: 22px;
color: var(--heading-dark);
line-height: 32px;
font-weight: 600;
}
.image_boxes.style_six .image_box .experience .experience_inner h2 span {
color: var(--primary-color-one);
}
.image_boxes.style_seven .image_box {
position: relative;
z-index: 2;
}
.image_boxes.style_seven .video_inner {
position: absolute;
width: 80px;
height: 80px;
bottom: 15px;
right: 15px;
}
.image_boxes.style_seven .video_inner a {
width: 70px;
height: 70px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: var(--primary-color-one);
color: #fff;
border-radius: 50px;
margin: auto;
line-height: 70px;
text-align: center;
}
.image_boxes.style_seven .video_inner a i {
font-size: 30px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.image_boxes.style_seven .experience {
position: absolute;
padding: 20px;
top: 20px;
left: -40px;
background: var(--primary-color-one);
}
.image_boxes.style_seven .experience::before {
position: absolute;
content: "";
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid var(--primary-color-one);
border-bottom: 50px solid transparent;
left: -50px;
z-index: -1;
opacity: 0.9;
}
.image_boxes.style_seven .experience .experience_inner h2 {
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: #fff;
}
.image_boxes.style_seven .pattern_imag {
position: absolute;
width: 200px;
bottom: -85px;
left: -85px;
} .simple_image_boxes {
position: relative;
overflow: hidden;
border-radius: 10px !important;
}
.simple_image_boxes img {
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px !important;
}
.simple_image_boxes.parallax_cover img {
width: 100% !important;
height: 100% !important;
top: 0;
left: 0;
right: 0;
-o-object-fit: cover;
object-fit: cover;
} .counter-block.style_one {
position: relative;
padding: 28px;
background: #fff;
box-shadow: var(--box-shadow-two);
border-radius: 10px;
}
.counter-block.style_one:before {
position: absolute;
content: "";
border: 1px dashed var(--border-color-dark);
width: 97%;
height: 97%;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius: 10px;
}
.counter-block.style_one .icon_box {
position: relative;
min-height: 48px;
margin-bottom: 20px;
}
.counter-block.style_one .icon_box .icon {
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.counter-block.style_one .icon_box .icon span {
font-size: 40px;
line-height: 40px;
color: var(--primary-color-one);
}
.counter-block.style_one .icon_box .icon img {
width: auto;
height: 40px;
}
.counter-block.style_one .icon_box .coun_ter {
margin-left: 50px;
}
.counter-block.style_one .icon_box .coun_ter {
position: relative;
}
.counter-block.style_one .icon_box .coun_ter span {
display: inline-block;
font-size: 40px;
line-height: 48px;
font-weight: 700;
color: var(--primary-color-one);
font-family: var(--creote-family-one);
}
.counter-block.style_one .icon_box .coun_ter small {
font-size: 20px;
margin-left: 5px;
color: var(--text-color-light);
}
.counter-block.style_one .content_box {
position: relative;
}
.counter-block.style_one .content_box .funtitle {
display: block;
color: var(--heading-dark);
line-height: 28px;
font-size: 18px;
font-weight: 700;
margin-bottom: 6px;
}
.counter-block.style_one .content_box p {
margin: 0px;
}
.counter-block.style_two {
position: relative;
padding: 35px 25px;
background: #fff;
box-shadow: var(--box-shadow-two);
margin: 10px 0px 20px 0px;
text-align: center;
border-radius: 10px;
}
.counter-block.style_two .icon_box .icon {
position: relative;
display: block;
text-align: center;
margin-top: 20px;
}
.counter-block.style_two .icon_box .icon span {
font-size: 50px;
line-height: 50px;
color: var(--primary-color-one);
}
.counter-block.style_two .icon_box .icon img {
width: auto;
height: 50px;
}
.counter-block.style_two .icon_box .coun_ter {
margin-left: 50px;
}
.counter-block.style_two .coun_ter {
position: relative;
margin-bottom: 5px;
}
.counter-block.style_two .coun_ter span {
display: inline-block;
font-size: 36px;
line-height: 46px;
font-weight: 700;
color: var(--primary-color-one);
font-family: var(--creote-family-one);
}
.counter-block.style_two .coun_ter small {
font-size: 20px;
position: relative;
top: -15px;
color: var(--text-color-light);
}
.counter-block.style_two .content_box {
position: relative;
}
.counter-block.style_two .content_box .funtitle {
display: block;
color: var(--heading-dark);
line-height: 26px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 6px;
}
.counter-block.style_three {
position: relative;
}
.counter-block.style_three .icon_box {
position: relative;
margin-bottom: 15px;
}
.counter-block.style_three .icon_box span {
font-size: 60px;
line-height: 60px;
color: var(--primary-color-one);
}
.counter-block.style_three .icon_box img {
width: 60px;
height: auto;
}
.counter-block.style_three .content_box p {
margin-bottom: 10px;
}
.counter-block.style_three .content_box .funtitle {
font-size: 20px;
line-height: 30px;
font-weight: 700;
}
.counter-block.style_three .content_box .funtitle .coun_ter {
display: block;
}
.counter-block.style_three .content_box .funtitle .coun_ter .count-text {
font-size: 30px;
line-height: 50px;
color: var(--primary-color-one);
font-weight: 700;
}
.counter-block.style_three .content_box .funtitle .coun_ter small {
color: var(--text-color-light);
font-size: 16px;
font-weight: 500;
} .call_to_action {
position: relative;
text-align: center;
overflow: hidden;
}
.call_to_action .image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.call_to_action .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.call_to_action.style_one .image::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--primary-color-two);
opacity: 0.92;
z-index: 1;
}
.call_to_action.style_one .left_content {
position: relative;
padding: 100px 120px;
}
.call_to_action.style_one .left_content .main_content {
position: relative;
z-index: 2;
}
.call_to_action.style_one .left_content .main_content .sm_title {
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: var(--primary-color-one);
margin-bottom: 25px;
}
.call_to_action.style_one .left_content .main_content .title_g {
font-size: 50px;
line-height: 60px;
font-weight: 700;
color: #fff;
margin-bottom: 15px;
}
.call_to_action.style_one .left_content .main_content p {
color: #fff;
margin-bottom: 35px;
padding-bottom: 35px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}
.call_to_action.style_one .left_content .main_content p a {
color: #fff;
}
.call_to_action.style_one .left_content .main_content .video_box {
margin-bottom: 30px;
}
.call_to_action.style_one .bottom_content {
position: relative;
display: flex;
align-items: center;
justify-content: center;
align-items: center;
gap: 2rem;
}
.call_to_action.style_one .bottom_content .button_content {
position: relative;
display: flex;
}
.call_to_action.style_one .bottom_content .button_content a i {
margin-left: 8px;
font-size: 16px;
position: relative;
top: 2px;
}
.call_to_action.style_one .bottom_content .call_content {
position: relative;
display: flex;
align-items: center;
gap: 1rem;
}
.call_to_action.style_one .bottom_content .call_content span {
font-size: 30px;
line-height: 56px;
width: 56px;
height: 56px;
border-radius: 50%;
text-align: center;
color: #ffffff;
background: transparent;
border: 1px dashed #ffffff;
margin: auto;
}
.call_to_action.style_one .bottom_content .call_content .content_bx {
text-align: left;
}
.call_to_action.style_one .bottom_content .call_content .content_bx .contitle {
font-size: 15px;
line-height: 25px;
color: #fff;
margin-bottom: 2px;
font-weight: 600;
}
.call_to_action.style_one .bottom_content .call_content .content_bx p {
color: #fff;
opacity: 0.9;
text-decoration: underline;
margin: 0px;
padding: 0;
border: 0px;
}
.call_to_action.style_one .bottom_content .call_content .content_bx p a {
color: #fff;
}
.call_to_action.style_two {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.call_to_action.style_two .auto-container {
position: relative;
z-index: 10;
text-align: left;
}
.call_to_action.style_two .left_content {
padding: 60px 40px;
position: relative;
z-index: 1;
}
.call_to_action.style_two .left_content .title_g {
font-size: 36px;
line-height: 46px;
font-weight: 700;
margin-bottom: 20px;
color: #fff;
}
.call_to_action.style_two .left_content .call_content {
display: flex;
position: relative;
}
.call_to_action.style_two .left_content .call_content span {
position: relative;
font-size: 30px;
line-height: 56px;
display: block;
width: 56px;
height: 56px;
border-radius: 50%;
text-align: center;
color: var(--primary-color-one);
background: #fff;
margin-top: auto;
min-width: 56px;
margin-bottom: auto;
}
.call_to_action.style_two .left_content .call_content .content_bx {
margin-left: 15px;
text-align: left;
}
.call_to_action.style_two .left_content .call_content .content_bx .contitle {
font-size: 16px;
color: #fff;
margin-bottom: 5px;
line-height: 26px;
font-weight: 600;
}
.call_to_action.style_two .left_content .call_content .content_bx p {
color: #fff;
margin: 0px;
padding: 0;
border: 0px;
}
.call_to_action.style_two .left_content .call_content .content_bx p a {
color: #fff;
}
.call_to_action.style_two .image_right {
position: absolute;
height: auto;
top: 0;
right: 61px;
width: auto;
}
.call_to_action.style_two .image_right img {
height: 500px;
width: auto;
} .icon_box_all {
position: relative; }
.icon_box_all.style_one {
background: #fff;
box-shadow: var(--box-shadow);
padding: 35px 30px 30px;
border-radius: 10px;
}
.icon_box_all.style_one .icon_content {
position: relative;
display: flex;
}
.icon_box_all.style_one .icon_content .icontitle, .icon_box_all.style_one .icon_content .icontitle a {
display: block;
color: var(--heading-dark);
line-height: 28px;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.icon_box_all.style_one .icon_content p {
margin: 0px;
}
.icon_box_all.style_one .icon_content .icon {
position: relative;
min-width: 60px;
}
.icon_box_all.style_one .icon_content .icon span {
font-size: 60px;
line-height: 60px;
color: var(--primary-color-one);
display: block;
}
.icon_box_all.style_one .icon_content .icon img {
width: 60px;
height: auto;
}
.icon_box_all.style_one .icon_content .icon p {
margin: 0px;
color: var(--text-color-dark-two);
}
.icon_box_all.style_one .icon_content.icon_centers .icon {
margin: auto;
}
.icon_box_all.style_one .icon_content .txt_content {
position: relative;
margin-left: 23px;
}
.icon_box_all.style_two {
padding-top: 20px;
border-top: 3px solid var(--primary-color-three);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
min-height: 75px;
}
.icon_box_all.style_two .icon_content {
position: relative;
display: flex;
}
.icon_box_all.style_two .icon_content .icon {
position: relative;
min-width: 50px;
}
.icon_box_all.style_two .icon_content .icon span {
font-size: 40px;
color: var(--primary-color-one);
line-height: 40px;
margin: auto;
}
.icon_box_all.style_two .icon_content .icon img {
width: 48px;
height: auto;
margin: auto;
}
.icon_box_all.style_two .icon_content .txt_content {
position: relative;
margin-left: 8px;
}
.icon_box_all.style_two .icon_content .txt_content .icontitle, .icon_box_all.style_two .icon_content .txt_content .icontitle a {
display: block;
color: var(--heading-dark);
line-height: 26px;
font-size: 18px;
font-weight: 700;
margin-bottom: 8px;
}
.icon_box_all.style_two .icon_content .txt_content .icontitle:hover, .icon_box_all.style_two .icon_content .txt_content .icontitle a:hover {
color: var(--primary-color-one);
}
.icon_box_all.style_two .icon_content .txt_content p {
margin: 0px 0px 0px 0px;
}
.icon_box_all.style_two:hover {
border-color: var(--primary-color-one);
}
.icon_box_all.style_three {
text-align: center;
background: #fff;
padding: 40px 35px;
border-radius: 10px;
box-shadow: var(--box-shadow);
}
.icon_box_all.style_three .icon_content {
position: relative;
}
.icon_box_all.style_three .icon_content .icon {
position: relative;
display: block;
margin-bottom: 20px;
}
.icon_box_all.style_three .icon_content .icon span {
font-size: 60px;
line-height: 60px;
color: var(--primary-color-one);
}
.icon_box_all.style_three .icon_content .icon img {
height: 60px;
width: auto;
}
.icon_box_all.style_three .icon_content .txt_content .icontitle, .icon_box_all.style_three .icon_content .txt_content .icontitle a {
display: block;
color: var(--heading-dark);
line-height: 30px;
font-size: 22px;
font-weight: 700;
margin-bottom: 8px;
}
.icon_box_all.style_three .icon_content .txt_content p {
margin-bottom: 0px;
}
.icon_box_all.style_three .icon_content .txt_content ul {
margin: 30px 0 35px;
padding: 0;
}
.icon_box_all.style_three .icon_content .txt_content ul li {
text-align: left;
list-style: none;
padding-left: 20px;
position: relative;
margin-bottom: 10px;
}
.icon_box_all.style_three .icon_content .txt_content ul li::before {
position: absolute;
content: "";
width: 12px;
height: 12px;
border-radius: 20px;
border: 2px solid var(--border-color-dark);
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.icon_box_all.style_three .icon_content .txt_content .btn_left {
text-align: left;
}
.icon_box_all.style_three .icon_content .txt_content .btn_left a {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.icon_box_all.style_four {
position: relative;
}
.icon_box_all.style_four .icon {
position: relative;
margin-bottom: 50px;
display: block;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.icon_box_all.style_four .icon span {
top: 20px;
font-size: 45px;
line-height: 45px;
color: var(--primary-color-one);
display: inline-block;
position: relative;
z-index: 2;
}
.icon_box_all.style_four .icon .svg_image {
width: 45px;
height: auto;
display: inline-block;
position: relative;
z-index: 2;
top: 20px;
margin: auto;
}
.icon_box_all.style_four .icon .shape {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.icon_box_all.style_four .txt_content {
position: relative;
}
.icon_box_all.style_four .txt_content .icontitle, .icon_box_all.style_four .txt_content .icontitle a {
display: block;
color: var(--heading-dark);
line-height: 28px;
font-size: 18px;
font-weight: 700;
margin-bottom: 8px;
}
.icon_box_all.style_four .txt_content .icontitle:hover, .icon_box_all.style_four .txt_content .icontitle a:hover {
color: var(--primary-color-one);
}
.icon_box_all.style_four:hover .icon {
margin-left: 10px;
}
.icon_box_all.style_five {
position: relative;
}
.icon_box_all.style_five .icon_content {
position: relative;
padding: 40px 30px 30px;
background: #fff;
box-shadow: var(--box-shadow);
overflow: hidden;
border-radius: 10px;
border: 3px solid #fff;
transition: all 700ms ease 100ms;
-moz-transition: all 700ms ease 100ms;
-ms-transition: all 700ms ease 100ms;
-o-transition: all 700ms ease 100ms;
}
.icon_box_all.style_five .icon_content .icon {
position: relative;
margin-bottom: 25px;
}
.icon_box_all.style_five .icon_content .icon span {
font-size: 60px;
color: var(--primary-color-one);
line-height: 60px;
display: block;
}
.icon_box_all.style_five .icon_content .icon img {
width: 60px;
height: auto;
}
.icon_box_all.style_five .icon_content small {
position: absolute;
font-size: 48px;
line-height: 60px;
color: var(--primary-color-three);
right: 20px;
font-family: var(--creote-family-one);
top: 45px;
font-weight: 700;
}
.icon_box_all.style_five .icon_content .icontitle, .icon_box_all.style_five .icon_content .icontitle a {
font-size: 20px;
line-height: 26px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 10px;
}
.icon_box_all.style_five .icon_content .hover_content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
padding: 0px 40px;
transition: all 700ms ease 100ms;
-moz-transition: all 700ms ease 100ms;
-ms-transition: all 700ms ease 100ms;
-o-transition: all 700ms ease 100ms;
opacity: 0;
transform-style: preserve-3d;
transform: perspective(1200px) rotateX(-45deg) translateZ(-50px);
background: var(--primary-color-one);
border-radius: 10px;
}
.icon_box_all.style_five .icon_content .hover_content .content {
display: table;
width: 100%;
height: 100%;
}
.icon_box_all.style_five .icon_content .hover_content .content .inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.icon_box_all.style_five .icon_content .hover_content .content .inner a {
font-family: var(--creote-family-one);
font-size: 15px;
line-height: 25px;
display: block;
margin-top: 15px;
}
.icon_box_all.style_five .icon_content .hover_content .content .inner a span {
position: relative;
top: 2px;
right: -5px;
display: inline-block;
}
.icon_box_all.style_five:hover .icon_content {
border-color: var(--primary-color-one);
background: var(--primary-color-one);
}
.icon_box_all.style_five:hover .hover_content {
transform: perspective(1200px) rotateX(0deg) translateZ(0px);
opacity: 1;
}
.icon_box_all.style_five:hover .hover_content p {
color: #fff;
}
.icon_box_all.style_five:hover .hover_content a {
color: #fff;
}
.icon_box_all.style_six .icon_content .icon {
position: relative;
margin-top: 0px;
margin-bottom: 15px;
}
.icon_box_all.style_six .icon_content .icon::after {
background: var(--primary-color-three);
position: absolute;
content: "";
border-radius: 50px;
width: 80px;
height: 80px;
left: 15px;
top: -10px;
z-index: -10;
opacity: 0.5;
}
.icon_box_all.style_six .icon_content .icon span {
font-size: 45px;
z-index: 1;
position: relative;
line-height: 60px;
display: inline-block;
color: var(--primary-color-one);
margin-bottom: 15px;
}
.icon_box_all.style_six .icon_content .icon img {
width: 45px;
height: auto;
z-index: 1;
position: relative;
margin-bottom: 27px;
display: block;
}
.icon_box_all.style_six .icon_content .icontitle, .icon_box_all.style_six .icon_content .icontitle a {
line-height: normal;
display: block;
font-family: var(--creote-family-one);
font-size: 20px;
margin-bottom: 10px;
line-height: 32px;
font-weight: 700;
color: var(--heading-dark);
}
.icon_box_all.style_six .icon_content .icontitle:hover, .icon_box_all.style_six .icon_content .icontitle a:hover {
color: var(--primary-color-one);
}
.icon_box_all.style_six .icon_content .icontitle a {
line-height: 32px;
}
.icon_box_all.style_seven {
position: relative;
}
.icon_box_all.style_seven .icon_content {
display: flex;
}
.icon_box_all.style_seven .icon_content .icon {
min-width: 60px;
padding-top: 5px;
}
.icon_box_all.style_seven .icon_content .icon img {
width: 40px;
height: auto;
}
.icon_box_all.style_seven .icon_content .icon span {
font-size: 40px;
line-height: 40px;
}
.icon_box_all.style_seven .icon_content .text_box {
min-height: 80%;
}
.icon_box_all.style_seven .icon_content .text_box .icontitle, .icon_box_all.style_seven .icon_content .text_box .icontitle a {
line-height: normal;
font-size: 18px;
font-weight: 600;
margin-bottom: 2px;
display: block;
}
.icon_box_all.style_seven .icon_content .text_box .icontitle a {
line-height: 30px;
}
.icon_box_all.light_color_one.style_one {
background: var(--primary-color-one);
}
.icon_box_all.light_color_one.style_one .icon_content .icon span {
color: #fff;
}
.icon_box_all.light_color_one.style_one .icon_content .icontitle, .icon_box_all.light_color_one.style_one .icon_content .icontitle a {
color: #fff;
}
.icon_box_all.light_color_one.style_one .icon_content p {
color: #fff;
opacity: 0.8;
}
.icon_box_all.light_color_one.style_three {
background: var(--primary-color-one);
}
.icon_box_all.light_color_one.style_three .icon_content .icon span {
color: #fff;
}
.icon_box_all.light_color_one.style_three .icon_content .icontitle, .icon_box_all.light_color_one.style_three .icon_content .icontitle a {
color: #fff;
}
.icon_box_all.light_color_one.style_three .icon_content ul li {
color: #fff;
opacity: 0.8;
}
.icon_box_all.light_color_one.style_three .icon_content ul li::before {
border-color: rgba(255, 255, 255, 0.4);
}
.icon_box_all.light_color_one.style_three .icon_content p {
color: #fff;
opacity: 0.8;
}
.icon_box_all.light_color_one.style_three .btn_left a {
background: #fff;
color: var(--primary-color-one);
}
.icon_box_all.light_color_two.style_one {
background: var(--primary-color-two);
}
.icon_box_all.light_color_two.style_one .icon_content .icon span {
color: var(--primary-color-one);
}
.icon_box_all.light_color_two.style_one .icon_content .icontitle, .icon_box_all.light_color_two.style_one .icon_content .icontitle a {
color: #fff;
}
.icon_box_all.light_color_two.style_one .icon_content p {
color: #fff;
opacity: 0.8;
}
.icon_box_all.light_color_two.style_three {
background: var(--primary-color-two);
}
.icon_box_all.light_color_two.style_three .icon_content .icon span {
color: var(--primary-color-one);
}
.icon_box_all.light_color_two.style_three .icon_content .icontitle, .icon_box_all.light_color_two.style_three .icon_content .icontitle a {
color: #fff;
}
.icon_box_all.light_color_two.style_three .icon_content ul li {
color: #fff;
opacity: 0.8;
}
.icon_box_all.light_color_two.style_three .icon_content ul li::before {
border-color: var(--primary-color-one);
}
.icon_box_all.light_color_two.style_three .icon_content p {
color: #fff;
opacity: 0.8;
} .content_box_cn {
position: relative;
}
.content_box_cn.style_one {
padding: 0px 0px 0px 25px;
}
.content_box_cn.style_one .txt_content {
position: relative;
}
.content_box_cn.style_one .txt_content::before {
position: absolute;
content: "";
width: 6px;
height: 6px;
background: var(--primary-color-one);
left: -25px;
top: 8px;
}
.content_box_cn.style_one .txt_content::after {
position: absolute;
content: "";
width: 6px;
height: 6px;
background: var(--primary-color-one);
opacity: 0.4;
left: -19px;
top: 8px;
}
.content_box_cn.style_one .txt_content .contentitle a {
display: block;
color: var(--heading-dark);
line-height: 28px;
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
} .faq_section {
position: relative;
}
.faq_section dd {
display: none;
}
.faq_section.type_one .accordion {
position: relative;
}
.faq_section.type_one .accordion dl {
margin-bottom: 0px;
position: relative;
}
.faq_section.type_one .accordion dl dt {
position: relative;
background: transparent;
margin-bottom: 40px;
border: 0px;
font-family: var(--creote-family-one);
font-size: 18px;
color: var(--heading-dark);
font-weight: 600;
line-height: 26px;
border-radius: 5px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
margin-left: 50px;
}
.faq_section.type_one .accordion dl dt span {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--primary-color-one);
color: #fff;
font-size: 16px;
line-height: 40px;
text-align: center;
margin-right: 10px;
border-radius: 5px;
position: absolute;
left: -50px;
bottom: 0;
top: 0;
margin: auto;
}
.faq_section.type_one .accordion dl dt.active {
margin-bottom: 20px;
}
.faq_section.type_one .accordion dl dd {
position: relative;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px dashed #dcd7d7;
padding-left: 22px;
border-left: 1px dashed #dcd7d7;
}
.faq_section.type_one .accordion dl dd p {
margin: 0px;
color: var(--text-color-dark);
}
.faq_section.type_two .faq_header {
position: relative;
background: var(--primary-color-three);
border-radius: 10px;
padding: 25px 70px 22px 20px;
border: 1px solid var(--border-color-dark);
margin-bottom: 15px;
font-family: var(--creote-family-one);
font-size: 18px;
font-weight: 600;
line-height: 26px;
z-index: 2;
cursor: pointer;
}
.faq_section.type_two .faq_header span {
position: absolute;
width: 44px;
height: 44px;
border-radius: 5px;
background: #fff;
color: var(--primary-color-one);
text-align: center;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
line-height: 44px;
box-shadow: var(--box-shadow);
}
.faq_section.type_two .faq_header.active {
margin: 0px;
background: #fff;
color: var(--primary-color-one);
}
.faq_section.type_two .faq_header.active span {
background: var(--primary-color-one);
color: #fff;
}
.faq_section.type_two .accordion-content {
position: relative;
margin-bottom: 15px;
padding: 35px 20px 10px 20px;
border: 1px solid var(--border-color-dark);
border-top: 0px;
border-radius: 0px 0px 10px 10px;
background: var(--primary-color-three);
margin-top: -15px;
} .progress_bar {
position: relative;
}
.progress_bar .bar {
position: relative;
width: 100%;
height: 6px;
background: var(--primary-color-three);
border-radius: 10px;
margin-bottom: 12px;
}
.progress_bar .bar .bar-inner {
position: relative;
display: block;
width: 0px;
height: 6px;
background: var(--primary-color-one);
border-radius: 10px;
transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
}
.progress_bar h2 {
position: relative;
font-family: var(--creote-family-one);
font-size: 18px;
font-weight: 700;
line-height: 26px;
margin-bottom: 10px;
padding-right: 45px;
}
.progress_bar h2 span {
position: absolute;
right: 0;
top: 0;
color: var(--primary-color-one);
font-size: 16px;
}
.progress_bar.style_two .progress_new {
height: 170px;
position: relative;
float: left;
}
.progress_bar.style_two .progress_new .progress-value {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 170px;
height: 170px;
line-height: 170px;
text-align: center;
display: flex;
align-items: center;
}
.progress_bar.style_two .progress_new .progress-value h6 {
padding: 10px 30px;
font-size: 18px;
font-weight: 700;
line-height: 30px;
color: var(--primary-color-one);
}
.progress_bar.style_two .progress_new .ProgressBar,
.progress_bar.style_two .progress_new .ProgressBar-contentCircle {
display: table;
height: 170px;
position: relative;
width: 170px;
margin: auto;
}
.progress_bar.style_two .progress_new .ProgressBar-circle,
.progress_bar.style_two .progress_new .ProgressBar-background {
fill: none;
stroke: var(--primary-color-one);
stroke-width: 5px;
stroke-linecap: round;
stroke-dasharray: 0;
stroke-dashoffset: 0;
position: relative;
z-index: 10;
}
.progress_bar.style_two .progress_new .ProgressBar-background {
stroke: rgba(0, 0, 0, 0.05);
stroke-width: 4;
z-index: 0;
}
.progress_bar.style_two .progress_new .ProgressBar-percentage {
color: var(--primary-color-two);
font-size: 40px;
text-align: center;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.progress_bar.style_two .content_box {
position: relative;
margin-left: 180px;
padding: 0px 0px 10px;
}
.progress_bar.style_two .content_box h2 {
font-size: 36px;
font-weight: 700;
color: var(--primary-color-one);
line-height: 46px;
margin-bottom: 5px;
padding-right: unset;
padding-top: 15px;
}
.progress_bar.style_two .content_box h3 {
font-size: 22px;
font-weight: 700;
line-height: 32px;
margin-bottom: 5px;
}
.progress_bar.style_three .bar {
position: relative;
width: 100%;
height: 8px;
background: var(--primary-color-three);
border-radius: 10px;
margin-bottom: 12px;
}
.progress_bar.style_three .bar .bar-inner {
position: relative;
display: block;
width: 0px;
height: 8px;
background: #fff;
background-image: linear-gradient(to right, #fff, var(--primary-color-one));
border-radius: 10px;
transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
}
.progress_bar.style_three .bar .bar-inner::before {
position: absolute;
content: "";
width: 12px;
height: 12px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 16px solid var(--primary-color-one);
border-right: 12px solid transparent;
right: -25px;
top: -4px;
}
.progress_bar.style_three h2 {
position: relative;
font-family: var(--creote-family-one);
font-size: 18px;
font-weight: 700;
line-height: 26px;
margin-bottom: 10px;
padding-right: 45px;
}
.progress_bar.style_three h2 span {
position: absolute;
right: 0;
top: 0;
color: var(--primary-color-one);
font-size: 16px;
}
.progress_bar.style_four {
position: relative;
padding: 30px;
background: var(--primary-color-two);
}
.progress_bar.style_four .progress_new {
height: 140px;
position: relative;
}
.progress_bar.style_four .progress_new .progress-value {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 60px;
height: 24px;
line-height: 40px;
text-align: center;
}
.progress_bar.style_four .progress_new .progress-value h6 {
font-size: 18px;
font-weight: 700;
line-height: 30px;
color: var(--primary-color-one);
}
.progress_bar.style_four .progress_new .ProgressBar,
.progress_bar.style_four .progress_new .ProgressBar-contentCircle {
display: table;
height: 140px;
position: relative;
width: 140px;
margin: auto;
}
.progress_bar.style_four .progress_new .ProgressBar-circle,
.progress_bar.style_four .progress_new .ProgressBar-background {
fill: none;
stroke: var(--primary-color-one);
stroke-width: 5px;
stroke-linecap: round;
stroke-dasharray: 0;
stroke-dashoffset: 0;
position: relative;
z-index: 10;
}
.progress_bar.style_four .progress_new .ProgressBar-background {
stroke: rgba(255, 255, 255, 0.05);
stroke-width: 4;
z-index: 0;
}
.progress_bar.style_four .progress_new .ProgressBar-percentage {
color: var(--primary-color-two);
font-size: 40px;
text-align: center;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.progress_bar.style_four .content_box {
position: relative;
text-align: center;
}
.progress_bar.style_four .content_box h2 {
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 30px;
margin-top: 20px;
padding-right: 0px;
}
.progress_bar.style_four.color_two {
background: var(--primary-color-one);
}
.progress_bar.style_four.color_two .progress_new .ProgressBar-circle, .progress_bar.style_four.color_two .progress_new .ProgressBar-background {
stroke: #fff;
}
.progress_bar.style_four.color_two .progress_new .ProgressBar-background {
stroke: rgba(255, 255, 255, 0.05);
}
.progress_bar.style_four.color_two .progress_new .progress-value h6 {
color: #fff;
} .time_line_section {
position: relative;
}
.time_line_section.style_one .swiper-container {
padding-top: 90px;
}
.time_line_section.style_one .time_line_box {
position: relative;
margin-bottom: 60px;
margin-top: 20px;
}
.time_line_section.style_one .time_line_box .time_inner {
position: relative;
}
.time_line_section.style_one .time_line_box .time_inner .border_liner {
position: absolute;
content: "";
width: 28%;
height: 100%;
left: 0;
top: 0;
}
.time_line_section.style_one .time_line_box .time_inner .border_liner::after {
position: absolute;
content: "";
width: 1px;
height: 92%;
background: var(--primary-color-three);
left: 0;
top: 0;
}
.time_line_section.style_one .time_line_box .time_inner .border_liner::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: var(--primary-color-three);
left: 0;
bottom: 8%;
}
.time_line_section.style_one .time_line_box .time_inner .border_liner span {
width: 14px;
height: 14px;
border: 1px solid var(--border-color-dark);
position: absolute;
top: -12px;
left: -6px;
content: "";
border-radius: 50px;
}
.time_line_section.style_one .time_line_box .time_inner .border_liner span.last {
top: auto;
left: auto;
bottom: 22px;
right: -13px;
}
.time_line_section.style_one .time_line_box .time_inner .content {
position: relative;
z-index: 2;
}
.time_line_section.style_one .time_line_box .time_inner .content h2 a, .time_line_section.style_one .time_line_box .time_inner .content .t_title a {
position: relative;
font-family: var(--creote-family-one);
font-size: 22px;
font-weight: 700;
line-height: 30px;
margin-bottom: 10px;
padding: 0px 30px;
display: block;
}
.time_line_section.style_one .time_line_box .time_inner .content p {
position: relative;
margin-bottom: 40px;
padding: 0px 30px;
}
.time_line_section.style_one .time_line_box .time_inner .content p::before {
position: absolute;
content: "";
width: 100%;
height: 4px;
left: 0;
bottom: -83px;
background: var(--primary-color-three);
}
.time_line_section.style_one .time_line_box .time_inner .year {
position: relative;
z-index: 2;
width: 80px;
height: 80px;
line-height: 80px;
font-weight: 700;
font-family: var(--creote-family-one);
color: var(--heading-dark);
border-radius: 50%;
background: #fff;
box-shadow: var(--box-shadow);
text-align: center;
padding-top: 2px;
left: -40px;
}
.time_line_section.style_one .time_line_box .time_inner .image {
position: relative;
width: 120px;
height: 120px;
overflow: hidden;
border-radius: 50%;
margin: 0 auto 0px;
top: 30px;
}
.time_line_section.style_one .time_line_box .time_inner .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.time_line_section.style_one .swiper-slide-next .time_line_box .year {
background: var(--primary-color-one);
color: #fff;
}
.time_line_section.style_one .swiper-button-next, .time_line_section.style_one .swiper-button-prev {
top: 10px;
left: 0;
right: 0;
margin: auto;
}
.time_line_section.style_one .swiper-button-next::before, .time_line_section.style_one .swiper-button-prev::before {
box-shadow: inherit;
border-radius: 10px 0px 10px 0px;
border: 1px solid var(--border-color-dark);
}
.time_line_section.style_one .swiper-button-next:hover::before, .time_line_section.style_one .swiper-button-prev:hover::before {
background: var(--primary-color-one);
border-color: var(--primary-color-one);
color: #fff;
}
.time_line_section.style_one .swiper-button-prev {
left: -60px;
}
.time_line_section.style_one .swiper-button-next {
right: -60px;
}
.time_line_section.style_one .swiper-button-next::before {
border-radius: 0px 10px 0px 10px;
}
.time_line_section.style_two .event_box {
position: relative;
}
.time_line_section.style_two .event_box .image {
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
margin: 0px auto 20px;
}
.time_line_section.style_two .event_box .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.time_line_section.style_two .event_box .date_box {
position: relative;
text-align: center;
margin-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.time_line_section.style_two .event_box .date_box h6 {
position: relative;
display: inline-block;
padding: 12px 26px;
font-size: 16px;
color: #fff;
font-weight: 600;
margin-bottom: 20px;
background: transparent;
border-radius: 30px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.time_line_section.style_two .event_box .date_box h6::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-radius: 50px;
background: var(--primary-color-one);
left: 0;
right: 0;
margin: 0 auto;
bottom: -25px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.time_line_section.style_two .event_box .content_box {
position: relative;
background: transparent;
padding: 40px 30px;
border-radius: 10px;
text-align: center;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.time_line_section.style_two .event_box .content_box h2, .time_line_section.style_two .event_box .content_box .t_title {
line-height: normal;
}
.time_line_section.style_two .event_box .content_box h2 a, .time_line_section.style_two .event_box .content_box .t_title a {
font-size: 20px;
line-height: 26px;
color: #fff;
margin-bottom: 12px;
display: block;
}
.time_line_section.style_two .event_box .content_box small {
font-size: 16px;
color: var(--primary-color-one);
display: block;
font-weight: 600;
margin-bottom: 10px;
}
.time_line_section.style_two .event_box .content_box p {
margin-bottom: 10px;
color: var(--text-color-light);
}
.time_line_section.style_two .event_box .content_box a.read_more {
width: 50px;
height: 50px;
line-height: 54px;
border-radius: 50px;
color: #fff;
background: var(--primary-color-one);
font-size: 18px;
text-align: center;
display: block;
margin: 30px auto 0px;
}
.time_line_section.style_two .event_box:hover .content_box {
background: var(--primary-color-one);
}
.time_line_section.style_two .event_box:hover .content_box p {
color: rgba(255, 255, 255, 0.8);
}
.time_line_section.style_two .event_box:hover .date_box {
border-bottom: 1px solid var(--primary-color-one);
}
.time_line_section.style_two .event_box:hover .date_box h6 {
background: var(--primary-color-one);
}
.time_line_section.style_two .event_box:hover a.read_more {
background: #fff;
color: var(--primary-color-one);
}
.time_line_section.style_two .swiper-slide-active .event_box .content_box p {
color: rgba(255, 255, 255, 0.8);
}
.time_line_section.style_two .swiper-slide-active .event_box .date_box {
border-bottom: 1px solid var(--primary-color-one);
}
.time_line_section.style_two .swiper-slide-active .event_box .date_box h6 {
background: var(--primary-color-one);
}
.time_line_section.style_two .swiper-slide-active .event_box a.read_more {
background: #fff;
color: var(--primary-color-one);
}
.time_line_section.style_two .position-relative {
width: 110px;
margin: auto;
height: 50px;
padding-top: 20px;
}
.time_line_section.style_two .position-relative .next-single-one_three:before {
right: 0;
}
.time_line_section.style_two .position-relative .prev-single-one_three:before {
left: 0;
} .tabs_all_box {
position: relative;
}
.tabs_all_box .s_tab {
display: none;
}
.tabs_all_box .s_tab.active-tab {
display: block;
}
.tabs_all_box .s_tab.active-tab.show {
animation: fadeIn ease 0.9s;
-webkit-animation: fadeIn ease 0.9s;
-moz-animation: fadeIn ease 0.9s;
-o-animation: fadeIn ease 0.9s;
-ms-animation: fadeIn ease 0.9s;
}
.tabs_all_box.type_one {
position: relative;
}
.tabs_all_box.type_one .tabs_header {
position: absolute;
left: 50px;
width: 270px;
height: auto;
background: #fff;
padding: 10px 0px 0px 0px;
box-shadow: var(--box-shadow);
border-radius: 10px;
z-index: 5;
top: -20px;
}
.tabs_all_box.type_one .tabs_header ul {
display: block;
padding-left: 20px;
padding-right: 20px;
}
.tabs_all_box.type_one .tabs_header ul li {
display: block;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.tabs_all_box.type_one .tabs_header ul li a {
font-size: 16px;
position: relative;
font-weight: 700;
color: var(--heading-dark);
line-height: 28px;
font-family: var(--creote-family-one);
padding: 20px 0px;
border-bottom: 1px solid var(--border-color-dark);
background: transparent;
border-radius: 0px;
display: block;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.tabs_all_box.type_one .tabs_header ul li a.active {
color: var(--primary-color-one);
}
.tabs_all_box.type_one .tabs_header ul li:last-child a {
border-bottom: 0px;
}
.tabs_all_box.type_one .tabs_header ul li:hover a {
color: var(--primary-color-one);
padding-left: 5px;
}
.tabs_all_box.type_one .tabs_header .toll_free {
position: relative;
padding: 20px;
background: var(--primary-color-one);
border-radius: 10px;
}
.tabs_all_box.type_one .tabs_header .toll_free a {
position: relative;
display: block;
padding-left: 60px;
font-size: 16px;
font-weight: 600;
color: #fff;
line-height: 26px;
font-family: var(--creote-family-one);
}
.tabs_all_box.type_one .tabs_header .toll_free a i {
background: #fff;
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-block;
line-height: 50px;
font-size: 20px;
color: var(--primary-color-one);
text-align: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto 0;
}
.tabs_all_box.type_one .tab_content {
position: relative;
border-radius: 10px;
overflow: hidden;
min-height: 550px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.tabs_all_box.type_one .tab_content::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: 0px;
background: linear-gradient(to top, var(--primary-color-two) 2%, rgba(0, 0, 0, 0) 129%);
z-index: 1;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.tabs_all_box.type_one .tab_content .content_image {
position: relative;
margin-left: 320px;
padding: 235px 50px 80px;
z-index: 2;
}
.tabs_all_box.type_one .tab_content .content_image .con_hg_text {
font-weight: 600;
text-decoration: underline;
color: #fff;
font-size: 30px;
line-height: 40px;
margin-bottom: 15px;
}
.tabs_all_box.type_one .tab_content .content_image .tabtitle {
font-weight: 700;
color: #fff;
font-size: 44px;
line-height: 54px;
margin-bottom: 20px;
}
.tabs_all_box.type_one .tab_content .content_image p {
color: #fff;
opacity: 0.8;
}
.tabs_all_box.type_one .tab_content .content_image a {
text-transform: uppercase;
color: #fff;
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 500;
opacity: 0.8;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.tabs_all_box.type_one .tab_content .content_image a i {
top: 0;
font-size: 16px;
}
.tabs_all_box.type_one .tab_content .content_image a:hover {
color: var(--primary-color-one);
}
.tabs_all_box.type_two .tabs_header {
position: relative;
margin-bottom: 50px;
}
.tabs_all_box.type_two .tabs_header .showcase_tabs_btns {
position: relative;
}
.tabs_all_box.type_two .tabs_header .showcase_tabs_btns::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 0;
left: 0;
bottom: 0;
margin: auto;
background: var(--primary-color-one);
opacity: 0.1;
z-index: -1;
}
.tabs_all_box.type_two .tabs_header ul {
display: block;
margin: 0;
padding: 0;
text-align: center;
}
.tabs_all_box.type_two .tabs_header ul li {
display: inline-block;
margin: 0px 15px;
}
.tabs_all_box.type_two .tabs_header ul li a {
font-size: 13px;
font-weight: 600;
color: var(--heading-dark);
line-height: 28px;
text-transform: uppercase;
font-family: var(--creote-family-one);
padding: 12px 25px 9px;
border-radius: 10px;
border: 1px solid var(--border-color-dark);
background: #fff;
display: block;
}
.tabs_all_box.type_two .tabs_header ul li a.active {
background: #fff;
border-color: #fff;
box-shadow: var(--box-shadow-two);
color: var(--primary-color-one);
}
.tabs_all_box.type_two .tab_content {
position: relative;
}
.tabs_all_box.type_two .tab_content .content_bx {
position: relative;
}
.tabs_all_box.type_two .tab_content .content_bx .con_hg_text {
font-weight: 600;
color: var(--primary-color-one);
font-size: 30px;
line-height: 40px;
margin-bottom: 15px;
}
.tabs_all_box.type_two .tab_content .content_bx .tabtitle {
font-weight: 700;
font-size: 44px;
line-height: 54px;
margin-bottom: 20px;
}
.tabs_all_box.type_two .tab_content .content_bx p {
margin-bottom: 26px;
}
.tabs_all_box.type_two .tab_content .content_bx ul {
position: relative;
margin: 0 0 40px 0;
padding: 0 0px 0px 20px;
}
.tabs_all_box.type_two .tab_content .content_bx ul li {
list-style: none;
position: relative;
margin-bottom: 12px;
}
.tabs_all_box.type_two .tab_content .content_bx ul li:before {
position: absolute;
content: "";
width: 6px;
height: 6px;
left: -20px;
top: 0;
bottom: 0;
margin: auto;
background: var(--primary-color-one);
}
.tabs_all_box.type_two .tab_content .content_bx ul li:after {
position: absolute;
content: "";
width: 6px;
height: 6px;
opacity: 0.4;
left: -14px;
top: 0;
bottom: 0;
margin: auto;
background: var(--primary-color-one);
}
.tabs_all_box.type_three .tabs_header {
position: relative;
margin-bottom: 10px;
}
.tabs_all_box.type_three .tabs_header .showcase_tabs_btns {
position: relative;
}
.tabs_all_box.type_three .tabs_header ul {
display: block;
margin: 0;
padding: 0;
}
.tabs_all_box.type_three .tabs_header ul li {
display: inline-block;
margin-right: 20px;
}
.tabs_all_box.type_three .tabs_header ul li a {
font-size: 18px;
font-weight: 700;
color: var(--heading-dark);
line-height: 28px;
text-transform: capitalize;
font-family: var(--creote-family-one);
border-radius: 10px;
border: 0px;
background: transparent;
display: block;
}
.tabs_all_box.type_three .tabs_header ul li a.active {
color: var(--primary-color-one);
}
.tabs_all_box.type_three .tab_content {
position: relative;
}
.tabs_all_box.type_three .tab_content .image {
position: relative;
margin-bottom: 30px;
height: 400px;
border-radius: 5px;
overflow: hidden;
}
.tabs_all_box.type_three .tab_content .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.tabs_all_box.type_three .tab_content .content_bx {
position: relative;
}
.tabs_all_box.type_three .tab_content .content_bx .con_hg_text {
font-weight: 600;
color: var(--primary-color-one);
font-size: 14px;
line-height: 26px;
margin-bottom: 15px;
text-decoration: underline;
}
.tabs_all_box.type_three .tab_content .content_bx .tabtitle {
font-weight: 700;
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
color: var(--heading-dark);
}
.tabs_all_box.type_three .tab_content .content_bx p {
margin-bottom: 26px;
}
.tabs_all_box.type_three .tab_content .content_bx ul {
position: relative;
margin: 0 0 40px 0;
padding: 0 0px 0px 20px;
}
.tabs_all_box.type_three .tab_content .content_bx ul li {
list-style: none;
position: relative;
margin-bottom: 12px;
}
.tabs_all_box.type_three .tab_content .content_bx ul li:before {
position: absolute;
content: "";
width: 6px;
height: 6px;
left: -20px;
top: 0;
bottom: 0;
margin: auto;
background: var(--primary-color-one);
}
.tabs_all_box.type_three .tab_content .content_bx ul li:after {
position: absolute;
content: "";
width: 6px;
height: 6px;
opacity: 0.4;
left: -14px;
top: 0;
bottom: 0;
margin: auto;
background: var(--primary-color-one);
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .client_logo_carousel {
position: relative;
}
.client_logo_carousel.type_one .swiper-slide, .client_logo_carousel.type_one .owl-item {
position: relative;
}
.client_logo_carousel.type_one .swiper-slide .image, .client_logo_carousel.type_one .owl-item .image {
text-align: center;
position: relative;
margin: 0px 20px;
padding: 20px 20px;
}
.client_logo_carousel.type_one .swiper-slide .image::before, .client_logo_carousel.type_one .owl-item .image::before {
position: absolute;
content: "";
width: 1px;
height: 120px;
left: -20px;
top: 0;
background: var(--border-color-dark);
bottom: 0;
margin: auto;
}
.client_logo_carousel.type_one .swiper-slide .image img, .client_logo_carousel.type_one .owl-item .image img {
width: 200px;
height: auto;
}
.client_logo_carousel.type_one .swiper-slide:last-child .image::after, .client_logo_carousel.type_one .owl-item:last-child .image::after {
position: absolute;
content: "";
width: 1px;
height: 120px;
right: -20px;
top: 0;
bottom: 0;
margin: auto;
background: var(--border-color-dark);
}
.client_logo_carousel.type_one .owl-item .image::before {
display: none;
}
.client_logo_carousel.type_one .owl-item:last-child .image::after {
display: none;
}
.client_logo_carousel.type_two .swiper-slide .image, .client_logo_carousel.type_two .owl-item .image {
text-align: center;
position: relative;
}
.client_logo_carousel.type_two .swiper-slide .image img, .client_logo_carousel.type_two .owl-item .image img {
width: 200px;
height: auto;
} .newsteller {
position: relative;
}
.newsteller.style_one .item_scubscribe {
position: relative;
top: 9px;
}
.newsteller.style_one .item_scubscribe .mc4wp-form-fields {
position: relative;
}
.newsteller.style_one .item_scubscribe .mc4wp-form-fields input[type=email] {
border-radius: 10px 0px 10px 0px;
}
.newsteller.style_one .item_scubscribe .mc4wp-form-fields input[type=submit] {
position: absolute;
right: 0;
top: 0;
width: auto;
background: var(--primary-color-two);
border-radius: 0px 0px 10px 0px;
height: 56px;
min-width: 100px;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
min-height: 56px;
line-height: 56px;
border: 0px !important;
}
.newsteller.style_one .content {
position: relative;
padding-left: 15px;
border-left: 4px solid #fff;
}
.newsteller.style_one .content h2 {
font-weight: 600;
color: #fff;
margin-bottom: 8px;
font-size: 30px;
line-height: 40px;
}
.newsteller.style_one .content p {
margin-bottom: 0px;
color: #fff;
}
.newsteller.style_two {
position: relative;
border-radius: 10px;
overflow: hidden;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
padding: 50px;
}
.newsteller.style_two::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: var(--primary-color-one);
opacity: 0.8;
}
.newsteller.style_two .inner_stell {
position: relative;
z-index: 2;
text-align: center;
}
.newsteller.style_two .inner_stell h2 {
font-size: 36px;
line-height: 36px;
font-weight: 700;
margin-bottom: 15px;
color: #fff;
}
.newsteller.style_two .inner_stell p {
color: #fff;
margin-bottom: 25px;
}
.newsteller.style_two .item_scubscribe {
position: relative;
width: 60%;
margin: 0px auto;
}
.newsteller.style_two .item_scubscribe input {
margin: 0px auto;
}
.newsteller.style_two .item_scubscribe input[type=submit] {
position: absolute;
top: 0;
right: 0;
min-width: 150px;
min-height: 50px;
line-height: 50px;
width: auto;
border-radius: 5px;
background: var(--primary-color-two);
border: 0px !important;
}
.newsteller.style_three {
text-align: center;
}
.newsteller.style_three h6 {
font-size: 18px;
line-height: 30px;
padding: 5px 15px;
background: #fff;
color: var(--primary-color-one);
font-weight: 600;
display: inline-block;
margin-bottom: 30px;
}
.newsteller.style_three h2 {
font-size: 44px;
line-height: 60px;
font-weight: 700;
margin-bottom: 15px;
color: #fff;
}
.newsteller.style_three p {
color: #fff;
opacity: 0.8;
font-size: 16px;
margin-bottom: 25px;
}
.newsteller.style_three .mc4wp-form-fields {
position: relative;
width: 60%;
margin: auto;
}
.newsteller.style_three .mc4wp-form-fields input {
background: transparent;
border-radius: 0px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.newsteller.style_three .mc4wp-form-fields input::-moz-placeholder {
color: #fff !important;
}
.newsteller.style_three .mc4wp-form-fields input::placeholder {
color: #fff !important;
}
.newsteller.style_three .mc4wp-form-fields input[type=submit] {
position: absolute;
bottom: 0;
right: 0;
display: inline-block;
min-width: 100px;
width: auto;
background: #fff;
color: var(--heading-dark);
height: auto;
line-height: 40px;
min-height: 40px;
margin: 0px;
}
@media (max-width: 992px) {
.newsteller.style_three .mc4wp-form-fields {
width: 100%;
}
} .price_plan_box {
position: relative;
}
.price_plan_box.style_one {
box-shadow: var(--box-shadow);
background: #fff;
padding: 45px 35px 40px;
border-radius: 10px;
}
.price_plan_box.style_one.tag_enables::before {
position: absolute;
content: "";
border-left: 10px solid transparent;
border-top: 10px solid transparent;
border-bottom: 10px solid var(--primary-color-two);
border-right: 10px solid transparent;
top: -20px;
right: 27px;
z-index: 0;
}
.price_plan_box.style_one .tag {
position: absolute;
transform: rotate(-90deg);
background: var(--primary-color-one);
color: #fff;
padding: 3px 16px 3px 4px;
text-transform: uppercase;
font-size: 13px;
top: 18px;
right: -16px;
}
.price_plan_box.style_one .tag::before {
position: absolute;
content: "";
border-left: 10px solid transparent;
border-top: 12px solid var(--primary-color-one);
border-bottom: 13px solid var(--primary-color-one);
border-right: 10px solid var(--primary-color-one);
bottom: 0px;
left: -20px;
z-index: -82;
}
.price_plan_box.style_one .top {
position: relative;
margin-bottom: 30px;
padding-bottom: 20px;
padding-right: 25px;
}
.price_plan_box.style_one .top::before {
position: absolute;
content: "";
width: 60px;
height: 2px;
background: var(--primary-color-one);
bottom: 0;
left: 0;
}
.price_plan_box.style_one .top h2 {
font-size: 30px;
line-height: 40px;
font-weight: 700;
}
.price_plan_box.style_one .top p {
margin: 0;
}
.price_plan_box.style_one .mid {
position: relative;
margin-bottom: 30px;
}
.price_plan_box.style_one .mid h4 {
font-size: 48px;
line-height: 58px;
font-weight: 700;
color: var(--primary-color-one);
margin-bottom: 7px;
}
.price_plan_box.style_one .mid h4 small, .price_plan_box.style_one .mid h4 span {
font-size: 20px;
position: relative;
top: -20px;
}
.price_plan_box.style_one .bottom {
position: relative;
}
.price_plan_box.style_one .bottom ul {
position: relative;
margin: 0 0 40px;
padding: 0;
}
.price_plan_box.style_one .bottom ul li {
position: relative;
list-style: none;
padding: 10px 20px 10px 40px;
border-radius: 5px;
}
.price_plan_box.style_one .bottom ul li:nth-child(2n+1) {
background: var(--primary-color-three);
}
.price_plan_box.style_one .bottom ul li i {
position: absolute;
left: 15px;
bottom: 0;
top: 0;
margin: auto;
font-size: 16px;
color: var(--primary-color-one);
line-height: 16px;
height: 16px;
}
.price_plan_box.style_two {
background: #fff;
margin-bottom: 30px;
border-radius: 10px;
border: 1px solid var(--border-color-dark);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.price_plan_box.style_two .tag {
position: absolute;
max-width: 120px;
line-height: 30px;
font-size: 16px;
color: #fff;
background: var(--primary-color-one);
border-radius: 30px;
text-align: center;
top: -16px;
right: 0;
margin: auto;
left: 0;
z-index: 2;
}
.price_plan_box.style_two .inner_box {
position: relative;
}
.price_plan_box.style_two .inner_box .top {
padding: 42px 30px 30px;
background: var(--primary-color-three);
text-align: center;
border-radius: 10px 10px 0px 0px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.price_plan_box.style_two .inner_box .top h2 {
font-size: 24px;
line-height: 34px;
font-weight: 700;
margin-bottom: 6px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.price_plan_box.style_two .inner_box .top p {
margin-bottom: 0px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.price_plan_box.style_two .inner_box .mid {
position: relative;
padding: 42px 30px 30px;
text-align: center;
}
.price_plan_box.style_two .inner_box .mid h4 {
font-size: 36px;
line-height: 46px;
color: var(--primary-color-one);
font-weight: 700;
}
.price_plan_box.style_two .inner_box .mid h4 span {
font-size: 20px;
font-weight: 500;
color: var(--text-color-dark);
line-height: 30px;
}
.price_plan_box.style_two .inner_box .bottom {
position: relative;
padding: 0px 40px 40px;
text-align: center;
}
.price_plan_box.style_two .inner_box .bottom ul {
margin: 0px 0px 40px;
padding: 0px;
text-align: left;
}
.price_plan_box.style_two .inner_box .bottom ul li {
position: relative;
list-style: none;
padding-left: 33px;
margin-bottom: 10px;
}
.price_plan_box.style_two .inner_box .bottom ul li i {
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 30px;
color: var(--text-color-light);
line-height: 24px;
text-align: center;
font-size: 13px;
border: 1px solid var(--border-color-dark);
}
.price_plan_box.style_two .inner_box .bottom a.theme-btn {
border-radius: 10px;
background: var(--primary-color-one);
color: #fff;
font-family: var(--creote-family-one);
font-size: 15px;
}
.price_plan_box.style_two:hover {
box-shadow: var(--box-shadow);
}
.price_plan_box.style_two:hover .inner_box .top {
background: var(--primary-color-one);
}
.price_plan_box.style_two:hover .inner_box .top h2 {
color: #fff;
}
.price_plan_box.style_two:hover .inner_box .top p {
color: #fff;
}
.price_plan_box.style_three {
background: var(--primary-color-three);
padding: 10px;
border: 1px solid var(--border-color-dark);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.price_plan_box.style_three .image {
overflow: hidden;
position: relative;
}
.price_plan_box.style_three .image img {
width: 100%;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.price_plan_box.style_three .image .tag {
position: absolute;
content: "";
padding: 5px 15px;
background: var(--primary-color-two);
font-size: 15px;
font-weight: 600;
font-family: var(--creote-family-one);
z-index: 1;
top: 0;
right: 0;
color: #fff;
border-radius: 0px 0px 0px 10px;
line-height: 25px;
}
.price_plan_box.style_three .image .mid {
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
left: 0;
bottom: 0%;
padding: 0px 0px 0px 20px;
}
.price_plan_box.style_three .image .mid .pri {
height: 70px;
padding: 0px 15px;
background: var(--primary-color-one);
color: #fff;
font-family: var(--creote-family-two);
font-weight: 700;
font-size: 22px;
line-height: 70px;
}
.price_plan_box.style_three .image .mid h6 {
padding: 5px 15px;
position: absolute;
bottom: 0;
right: 0;
background: #fff;
font-size: 15px;
font-weight: 600;
font-family: var(--creote-family-one);
z-index: 1;
color: var(--primary-color-two);
border-radius: 10px 0px 0px 0px;
line-height: 25px;
}
.price_plan_box.style_three .inner_box {
position: relative;
padding: 30px 20px 20px;
}
.price_plan_box.style_three .inner_box h2 {
font-size: 24px;
line-height: 34px;
font-weight: 700;
margin-bottom: 8px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.price_plan_box.style_three .inner_box p {
margin-bottom: 0px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.price_plan_box.style_three .inner_box .bottom {
position: relative;
padding: 20px 0px 0px;
text-align: left;
}
.price_plan_box.style_three .inner_box .bottom ul {
margin: 0px 0px 40px;
padding: 0px;
text-align: left;
}
.price_plan_box.style_three .inner_box .bottom ul li {
position: relative;
list-style: none;
padding-left: 33px;
margin-bottom: 10px;
}
.price_plan_box.style_three .inner_box .bottom ul li i {
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 30px;
color: var(--primary-color-one);
line-height: 24px;
text-align: center;
font-size: 13px;
border: 1px solid var(--border-color-dark);
}
.price_plan_box.style_three .inner_box .bottom a.theme-btn {
background: var(--primary-color-one);
color: #fff;
font-family: var(--creote-family-one);
font-size: 15px;
}
.price_plan_box.style_three .inner_box .bottom a.theme-btn:hover {
background: var(--primary-color-two);
color: #fff;
border-color: var(--primary-color-two);
}
.price_plan_box.style_three:hover {
border-color: var(--primary-color-one);
}
.price_plan_box.style_three:hover .image img {
opacity: 0.8;
}
.price_plan_with_tab {
position: relative;
}
.price_plan_with_tab .row {
--bs-gutter-x: 1.5rem!important;
}
.price_plan_with_tab.price_tb_style_one .tab_pricing_list {
position: relative;
text-align: center;
}
.price_plan_with_tab.price_tb_style_one .tab_pricing_list ul {
display: inline-block;
padding: 0px;
border: 0px;
margin: 0px 0px 60px;
}
.price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li {
display: inline-block;
border: 0px;
padding: 0px;
margin-right: -4px;
position: relative;
}
.price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li button {
border: 1px solid var(--border-color-dark);
padding: 14px 20px 10px;
box-shadow: none;
font-size: 13px;
font-family: var(--creote-family-one);
line-height: 23px;
font-weight: 600;
text-transform: uppercase;
color: var(--heading-dark);
background-color: transparent !important;
}
.price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li button.active {
color: var(--primary-color-one);
}
.price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:first-child button {
border-right: 0px;
border-radius: 10px 0px 0px 10px;
}
.price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:first-child::before {
position: absolute;
content: "";
width: 1px;
background: var(--primary-color-one);
opacity: 0.2;
height: 16px;
top: 0;
bottom: 0;
margin: auto;
right: 0;
}
.price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:last-child button {
border-left: 0px;
border-radius: 0px 10px 10px 0px;
}
.price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li + li {
padding: 0px;
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list {
position: relative;
text-align: center;
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list ul {
display: inline-block;
padding: 0px;
border: 0px;
margin: 0px 0px 60px;
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li {
display: inline-block;
border: 0px;
padding: 0px;
margin: 0px;
position: relative;
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li button {
box-shadow: none;
border: 0px;
font-size: 13px;
font-family: var(--creote-family-one);
line-height: 23px;
font-weight: 600;
text-transform: uppercase;
color: var(--heading-dark);
background-color: transparent !important;
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li button.active {
color: var(--primary-color-one);
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:first-child {
margin-right: 43px;
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:first-child::before {
position: absolute;
content: "";
width: 70px;
height: 30px;
border-radius: 30px;
background: var(--primary-color-three);
border: 1px solid var(--border-color-dark);
right: -82px;
top: -5px;
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:first-child button.active:after {
position: absolute;
content: "";
width: 17px;
height: 17px;
border-radius: 50px;
background: var(--primary-color-one);
top: 2px;
right: -36px;
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:last-child {
margin-left: 43px;
}
.price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:last-child button.active:after {
position: absolute;
content: "";
width: 17px;
height: 17px;
border-radius: 50px;
background: var(--primary-color-one);
top: 2px;
left: -36px;
}
.modal-popup-inner .form_content input, .modal-popup-inner .form_content input[type=text], .modal-popup-inner .form_content input[type=email], .modal-popup-inner .form_content input[type=number], .modal-popup-inner .form_content textarea, .modal-popup-inner .form_content select {
margin-bottom: 5px !important;
}
.modal-popup-inner .form_content p {
position: relative;
margin: 0px;
}
.modal-popup-inner .form_content p i {
position: absolute;
top: 46px;
right: 14px;
color: var(--primary-color-one);
margin: auto;
font-size: 16px;
height: 16px;
}
.modal-popup-inner .form_content p br {
display: none;
} .counter_section {
position: relative;
text-align: center;
}
.counter_section .logo_sec {
position: relative;
margin-bottom: 60px;
}
.counter_section .logo_sec img {
width: 200px;
}
.counter_section .title {
position: relative;
}
.counter_section .title h2 {
font-size: 72px;
line-height: 82px;
font-weight: 700;
margin-bottom: 30px;
color: #fff;
}
.counter_section .title p {
color: #fff;
opacity: 0.8;
margin-bottom: 30px;
}
.counter_section .Countdown-timer {
position: relative;
}
.counter_section .Countdown-timer .item {
position: relative;
display: inline-block;
text-align: center;
padding: 0px 25px;
}
.counter_section .Countdown-timer .item span {
color: #fff;
font-weight: 700;
font-size: 48px;
line-height: 58px;
margin-bottom: 6px;
}
.counter_section .Countdown-timer .item small {
font-size: 50px;
font-weight: 600;
position: absolute;
right: -9px;
top: 13px;
line-height: 25px;
color: var(--primary-color-one);
}
.counter_section .Countdown-timer .item p {
color: var(--primary-color-one);
font-size: 13px;
font-weight: 600;
margin-top: 3px;
text-transform: uppercase;
line-height: 23px;
font-family: var(--creote-family-one);
} .social_media_v_one {
position: relative;
}
.social_media_v_one ul {
padding: 0;
margin: 0;
}
.social_media_v_one ul li {
position: relative;
display: inline-block;
margin-right: 10px;
margin-bottom: 0px !important;
}
.social_media_v_one ul li:last-child {
margin-right: 0px;
}
.social_media_v_one ul li a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
border-radius: 50px;
background: var(--primary-color-two);
color: #fff;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.social_media_v_one ul li a span {
opacity: 0.8;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.social_media_v_one ul li a small {
position: absolute;
padding: 5px 15px;
border-radius: 5px;
background: var(--primary-color-three);
color: var(--primary-color-one);
font-size: 13px;
line-height: 13px;
font-weight: 600;
min-width: 100px;
text-align: center;
margin: auto;
left: -10px;
right: 0;
top: -35px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
opacity: 0;
}
.social_media_v_one ul li a small::before {
position: absolute;
content: "";
width: 12px;
border-top: 10px solid var(--primary-color-three);
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
height: 12px;
bottom: -20px;
left: 20px;
}
.social_media_v_one ul li a:hover {
background: var(--primary-color-one);
color: #fff;
}
.social_media_v_one ul li a:hover small {
opacity: 1;
}
.social_media_v_one ul li a:hover span {
opacity: 1;
} .shape_one {
position: absolute;
min-height: 150px;
}
@media (max-width: 1500px) {
.shape_one {
display: none;
}
} .contact_box_content {
position: relative;
}
.contact_box_content.style_one .contact_box_inner {
position: relative;
padding: 20px 30px;
display: block;
border-radius: 10px;
border: 1px solid var(--border-color-dark);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
cursor: pointer;
background: #fff;
}
.contact_box_content.style_one .contact_box_inner .contnet {
position: relative;
}
.contact_box_content.style_one .contact_box_inner .contnet .contitle {
font-size: 18px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 5px;
line-height: 26px;
}
.contact_box_content.style_one .contact_box_inner .contnet p {
margin-bottom: 0px;
}
.contact_box_content.style_one .contact_box_inner:hover {
box-shadow: var(--box-shadow);
border-color: #fff;
}
.contact_box_content.style_one .contact_box_inner.icon_yes .icon_bx {
position: absolute;
left: 24px;
bottom: 0;
top: 0;
width: 40px;
height: 40px;
border-radius: 50px;
background: var(--primary-color-one);
margin: auto;
text-align: center;
line-height: 40px;
}
.contact_box_content.style_one .contact_box_inner.icon_yes .icon_bx span {
color: #fff;
font-size: 16px;
}
.contact_box_content.style_one .contact_box_inner.icon_yes .contnet {
margin-left: 55px;
}
.contact_box_content.style_two .contact_box_inner {
position: relative;
display: flex;
}
.contact_box_content.style_two .contact_box_inner .icon_bx {
position: relative;
min-width: 60px;
width: 60px;
height: 60px;
border-radius: 50px;
background: var(--primary-color-one);
color: #fff;
line-height: 60px;
margin: auto 0px;
}
.contact_box_content.style_two .contact_box_inner .icon_bx span {
font-size: 25px;
line-height: 40px;
width: 40px;
text-align: center;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
left: 0;
color: #fff;
height: 40px;
}
.contact_box_content.style_two .contact_box_inner .icon_bx img {
width: 30px;
height: auto;
margin: auto;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
left: 0;
}
.contact_box_content.style_two .contact_box_inner .text {
position: relative;
margin-left: 12px;
}
.contact_box_content.style_two .contact_box_inner .text .contitle {
font-size: 18px;
line-height: 30px;
margin-bottom: 2px;
}
.contact_box_content.style_two .contact_box_inner .text p {
margin-bottom: 0px;
font-size: 15px;
line-height: 25px;
}
.contact_box_content.style_two .contact_box_inner.color_two .icon_bx {
background: transparent;
border: 1px dashed #fff;
}
.contact_box_content.style_two .contact_box_inner.color_two .icon_bx span {
color: #fff;
}
.contact_box_content.style_two .contact_box_inner.color_two .text .contitle {
color: #fff;
}
.contact_box_content.style_two .contact_box_inner.color_two .text p {
color: rgba(255, 255, 255, 0.8);
} input::-moz-placeholder, textarea::-moz-placeholder {
font-size: 14px;
font-weight: 400;
font-family: var(--creote-family-one);
color: var(--text-color-dark);
text-transform: capitalize;
}
input::placeholder, textarea::placeholder {
font-size: 14px;
font-weight: 400;
font-family: var(--creote-family-one);
color: var(--text-color-dark);
text-transform: capitalize;
}
form p {
margin-bottom: 0px;
}
form br {
display: none;
}
.contact_form_box_all {
position: relative;
}
.contact_form_box_all input, .contact_form_box_all input[type=text], .contact_form_box_all input[type=email], .contact_form_box_all input[type=number], .contact_form_box_all textarea, .contact_form_box_all select {
margin: 6px 0px 25px !important;
}
.contact_form_box_all textarea {
height: 130px;
}
.contact_form_box_all.type_one .contact_form_box_inner {
position: relative;
padding: 50px 45px 35px;
border-radius: 15px;
background: #fff;
box-shadow: var(--box-shadow-two);
z-index: 1;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode {
position: relative;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode label {
font-size: 12px;
font-weight: 600;
font-family: var(--creote-family-one);
line-height: 12px;
color: var(--heading-dark);
width: 100%;
text-transform: uppercase;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-form-control-wrap {
position: relative;
display: block;
width: 100%;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode input {
width: 100%;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode p {
position: relative;
margin: 0px;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode p i {
position: absolute;
top: 37px;
right: 14px;
color: var(--primary-color-one);
margin: auto;
font-size: 16px;
height: 16px;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode textarea {
height: 150px;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .ajax-loader, .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-spinner {
position: absolute;
bottom: 0px;
right: 0px;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-not-valid-tip {
font-size: 15px;
font-weight: 400;
font-family: var(--creote-family-one);
line-height: 26px;
color: var(--primary-color-one);
text-transform: none;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-response-output {
position: absolute;
z-index: 11;
background: var(--primary-color-one);
text-align: center;
font-size: 16px;
font-weight: 400;
font-family: var(--creote-family-two);
color: #fff;
padding: 20px;
border-radius: 5px;
border-color: var(--primary-color-one);
margin: auto;
bottom: -78px;
right: 0;
left: 0;
width: auto;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode .wpcf7-response-output::before {
position: absolute;
content: "";
left: 0;
right: 0;
width: 20px;
height: 20px;
top: -22px;
margin: auto;
border-top: 10px solid transparent;
border-bottom: 10px solid var(--primary-color-one);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.contact_form_box_all.type_two {
position: relative;
}
.contact_form_box_all.type_two img {
position: absolute;
width: 100%;
right: -200px;
bottom: 0px;
}
.contact_form_box_all.type_two .contact_form_shortcode {
position: relative;
padding: 50px 50px 57px 50px;
background: #fff;
box-shadow: var(--box-shadow);
border-radius: 10px;
max-width: 600px;
height: auto;
}
.contact_form_box_all.type_two .contact_form_shortcode .heading {
position: relative;
margin-bottom: 30px;
}
.contact_form_box_all.type_two .contact_form_shortcode .heading h2 {
font-size: 26px;
line-height: 36px;
font-weight: 700;
color: var(--heading-dark);
}
.contact_form_box_all.type_two .contact_form_shortcode .heading h2 span {
font-weight: 400;
color: var(--primary-color-one);
}
.contact_form_box_all.type_two .contact_form_shortcode form br {
display: none;
}
.contact_form_box_all.type_two .contact_form_shortcode form .row {
--bs-gutter-x: 1.5rem!important;
margin-bottom: 0px;
}
.contact_form_box_all.type_two .contact_form_shortcode form input {
padding: 0px 15px;
}
.contact_form_box_all.type_two .contact_form_shortcode form input[type=submit] {
padding-bottom: 0px !important;
}
.contact_form_box_all.type_two .contact_form_shortcode form textarea {
padding: 10px 15px;
}
.contact_form_box_all.type_two .contact_form_shortcode form p label, .contact_form_box_all.type_two .contact_form_shortcode form div label {
width: 100%;
display: block;
font-size: 14px;
font-weight: 500;
color: var(--text-color-dark);
font-family: var(--creote-family-one);
position: relative;
}
.contact_form_box_all.type_two .contact_form_shortcode form p label input, .contact_form_box_all.type_two .contact_form_shortcode form p label textarea, .contact_form_box_all.type_two .contact_form_shortcode form div label input, .contact_form_box_all.type_two .contact_form_shortcode form div label textarea {
margin-top: 5px;
}
.contact_form_box_all.type_two .contact_form_shortcode form p label span, .contact_form_box_all.type_two .contact_form_shortcode form div label span {
width: 100%;
display: block;
}
.contact_form_box_all.type_two .contact_form_shortcode form p label i, .contact_form_box_all.type_two .contact_form_shortcode form div label i {
position: absolute;
top: 26px;
right: 11px;
bottom: 0;
font-size: 12px;
height: 20px;
width: 20px;
line-height: 20px;
margin: auto;
color: var(--primary-color-one);
text-align: center;
}
.contact_form_box_all.type_two .contact_form_shortcode form p.text_area label i, .contact_form_box_all.type_two .contact_form_shortcode form div.text_area label i {
top: 42px;
bottom: inherit;
}
.contact_form_box_all.type_two .contact_form_shortcode form p::last-child, .contact_form_box_all.type_two .contact_form_shortcode form div::last-child {
margin-bottom: 0px;
}
.contact_form_box_all.type_three .contact_form_box_inner.simple_form {
position: relative;
}
.contact_form_box_all.type_three .contact_form_box_inner.simple_form .row {
--bs-gutter-x: 1.5rem;
}
.contact_form_box_all.type_three .contact_form_box_inner.simple_form label {
color: var(--primary-color-one);
text-transform: uppercase;
font-size: 12px;
font-family: var(--creote-family-one);
font-weight: 500;
width: 100%;
position: relative;
}
.contact_form_box_all.type_three .contact_form_box_inner.simple_form label i {
position: absolute;
top: 0;
right: 0;
}
.contact_form_box_all.type_three .contact_form_box_inner.simple_form br {
display: none;
}
.contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label, .contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
display: inline-block;
}
.contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label, .contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
float: right;
}
.contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item.first, .contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item.first {
margin-left: 0px !important;
}
.contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item input[type=checkbox],
.contact_form_box_all .contact_form_box_inner .wpcf7-checkbox .wpcf7-list-item input[type=radio], .contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item input[type=checkbox],
.contact_form_box_all .contact_form_box_inner .wpcf7-radio .wpcf7-list-item input[type=radio] {
display: inline-block;
margin: -4px 7px 0px 0px !important;
}
.wpcf7-form-control-wrap input[type=file] {
padding: 0px !important;
margin: 0px !important;
border: 0px !important;
}
.wpcf7-form {
position: relative;
}
.wpcf7-form .wpcf7-response-output {
position: absolute;
padding: 15px 40px !important;
border-radius: 5px;
border: 0px !important;
background: var(--primary-color-two);
text-align: center;
font-size: 13px;
line-height: 22px;
font-family: var(--creote-family-one);
font-weight: 600;
color: #fff;
bottom: -76px;
left: 0;
display: block;
margin: 0px !important;
} .error-404 {
position: relative;
margin-bottom: 30px;
}
.fourntcontent {
position: relative;
}
.fourntcontent h1 {
font-size: 72px;
line-height: 82px;
font-weight: 700;
margin-bottom: 15px;
color: var(--primary-color-one);
}
.fourntcontent h2 {
font-size: 26px;
line-height: 36px;
font-weight: 700;
margin-bottom: 15px;
color: var(--heading-dark);
}
.fourntcontent p {
margin-bottom: 25px;
}
.search {
position: relative;
margin-bottom: 30px;
}
.search input {
box-shadow: var(--box-shadow-two);
}
.search .sch_btn {
position: absolute;
height: 40px;
top: 8px;
right: 8px;
width: 40px;
background: var(--primary-color-two);
color: #fff;
border-radius: 5px;
border: 0px;
} .description_box {
position: relative;
}
.description_box p {
margin: 0;
}
.description_box p span {
color: var(--primary-color-one);
} .quotes_box {
position: relative;
}
.quotes_box.style_one {
padding: 0px 20px 0px 20px;
border-left: 3px solid var(--primary-color-one);
}
.quotes_box.style_one .icon {
position: absolute;
left: 28px;
top: 0;
}
.quotes_box.style_one .icon img {
height: 44px;
width: auto;
}
.quotes_box.style_one .icon span {
font-size: 44px;
line-height: 44px;
color: var(--primary-color-two);
}
.quotes_box.style_one .content {
position: relative;
padding-left: 75px;
}
.quotes_box.style_one .content h6 {
font-size: 22px;
line-height: 32px;
color: var(--primary-color-two);
margin-bottom: 18px;
}
.quotes_box.style_one .content h3 {
font-size: 18px;
line-height: 28px;
color: var(--primary-color-one);
}
.quotes_box.style_two {
position: relative;
padding-left: 35px;
}
.quotes_box.style_two .top_content {
position: relative;
padding: 20px 20px 20px 60px;
border-radius: 5px;
background: var(--primary-color-one);
margin-bottom: 25px;
}
.quotes_box.style_two .top_content .auth_img {
position: absolute;
left: -17px;
width: 70px;
height: 70px;
top: 0;
bottom: 0;
margin: auto;
border-radius: 50px;
}
.quotes_box.style_two .top_content .auth_img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.quotes_box.style_two .top_content .description_bx {
position: relative;
}
.quotes_box.style_two .top_content .description_bx p {
margin-bottom: 0px;
color: #fff;
position: relative;
z-index: 1;
}
.quotes_box.style_two .top_content .description_bx .icon {
position: absolute;
right: 5px;
top: 5px;
}
.quotes_box.style_two .top_content .description_bx .icon span {
font-size: 50px;
line-height: 50px;
color: #fff;
opacity: 0.05;
}
.quotes_box.style_two .top_content::before {
position: absolute;
content: "";
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid var(--primary-color-one);
border-bottom: 50px solid transparent;
left: -59px;
z-index: -1;
opacity: 0.8;
}
.quotes_box.style_two .content {
position: relative;
padding: 10px 0px 0px 0px;
}
.quotes_box.style_two .content h3 {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 2px;
}
.quotes_box.style_two .content h6 {
font-size: 16px;
line-height: 26px;
font-weight: 500;
font-family: var(--creote-family-two);
color: var(--primary-color-one);
margin-bottom: 0px;
}
@media (max-width: 768px) {
.quotes_box.style_one .icon {
position: relative;
left: 0;
right: 0;
margin-bottom: 20px;
}
.quotes_box.style_one .content {
padding-left: 0px;
}
}
.link_box_contents.style_one .link_content_bx {
position: relative;
display: flex;
background: var(--primary-color-three);
padding: 0px 0px 0px 20px;
align-items: center;
border-radius: 10px;
}
.link_box_contents.style_one .link_content_bx .image_box {
min-width: 28%;
height: auto;
min-height: auto;
margin-top: auto;
}
.link_box_contents.style_one .link_content_bx .image_box img {
width: auto;
height: 190px;
}
.link_box_contents.style_one .link_content_bx .con_box {
padding: 22px 30px 20px;
position: relative;
min-width: 72%;
}
.link_box_contents.style_one .link_content_bx .con_box h2 {
font-size: 20px;
font-weight: 700;
color: var(--primary-color-one);
line-height: 30px;
margin-bottom: 10px;
}
.link_box_contents.style_one .link_content_bx .con_box a {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: var(--link-color-dark);
font-family: var(--creote-family-one);
}
.link_box_contents.style_one .link_content_bx .con_box a i {
position: relative;
top: 2px;
font-size: 18px;
left: 5px;
}
.link_box_contents.style_two .link_content_bx {
position: relative;
display: flex;
background: var(--primary-color-one);
padding: 0px 20px 0px 0px;
align-items: center;
border-radius: 10px;
}
.link_box_contents.style_two .link_content_bx .image_box {
min-width: 28%;
height: auto;
min-height: auto;
margin-top: auto;
}
.link_box_contents.style_two .link_content_bx .image_box img {
width: auto;
height: 190px;
}
.link_box_contents.style_two .link_content_bx .con_box {
padding: 22px 30px 20px;
position: relative;
min-width: 72%;
}
.link_box_contents.style_two .link_content_bx .con_box h2 {
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 30px;
margin-bottom: 10px;
}
.link_box_contents.style_two .link_content_bx .con_box a {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #fff;
font-family: var(--creote-family-one);
}
.link_box_contents.style_two .link_content_bx .con_box a i {
position: relative;
top: 2px;
font-size: 18px;
left: 5px;
} .contact_list {
position: relative;
}
.contact_list.type_one .same_contact, .contact_list.type_two .same_contact {
position: relative;
}
.contact_list.type_one .same_contact a, .contact_list.type_one .same_contact p, .contact_list.type_two .same_contact a, .contact_list.type_two .same_contact p {
font-size: 15px;
display: block;
color: var(--text-color-dark);
line-height: 26px;
padding-left: 25px;
margin-bottom: 0px;
}
.contact_list.type_one .same_contact a span, .contact_list.type_one .same_contact p span, .contact_list.type_two .same_contact a span, .contact_list.type_two .same_contact p span {
font-size: 16px;
color: var(--primary-color-one);
position: absolute;
margin-right: 6px;
top: 0;
bottom: 0;
left: 0;
height: 18px;
line-height: 18px;
width: 20px;
text-align: center;
margin: auto;
display: block;
}
.contact_list.type_two .same_contact a, .contact_list.type_two .same_contact p {
padding-left: 45px;
}
.contact_list.type_two .same_contact a span, .contact_list.type_two .same_contact p span {
width: 35px;
height: 35px;
border: 1px dashed var(--primary-color-one);
border-radius: 50px;
line-height: 35px;
left: 0;
} .image_box_carousel_content:before {
position: absolute;
bottom: 23px;
left: 0;
background: var(--primary-color-three);
width: 100%;
height: 1px;
content: "";
}
.image_box_carousel_content.arrow_disable .owl-nav {
display: none !important;
}
.image_box_carousel_content.arrow_disable .mg_image_box {
margin-bottom: 10px !important;
}
.image_box_carousel_content.arrow_disable:before {
display: none !important;
}
.image_box_carousel_content .theme_carousel .owl-prev, .image_box_carousel_content .theme_carousel .owl-next {
text-align: center;
position: absolute;
font-family: "FontAwesome" !important;
width: 50px;
height: 50px;
line-height: 50px;
background: var(--primary-color-three) !important;
font-size: 22px;
color: var(--primary-color-two);
border-radius: 50%;
display: inline-block;
background: none;
}
.image_box_carousel_content .theme_carousel .owl-prev span, .image_box_carousel_content .theme_carousel .owl-next span {
display: none;
}
.image_box_carousel_content .theme_carousel .owl-prev::before, .image_box_carousel_content .theme_carousel .owl-prev::after, .image_box_carousel_content .theme_carousel .owl-next::before, .image_box_carousel_content .theme_carousel .owl-next::after {
position: absolute;
font-family: "FontAwesome" !important;
font-size: 22px;
color: var(--primary-color-two);
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 22px;
line-height: 22px;
}
.image_box_carousel_content .theme_carousel .owl-prev {
left: 0px;
}
.image_box_carousel_content .theme_carousel .owl-next {
right: 0px;
}
.image_box_carousel_content .theme_carousel .owl-nav {
text-align: center;
height: 50px;
width: 120px;
position: relative;
display: inherit;
margin: auto;
}
.image_box_carousel_content .theme_carousel .owl-next::before {
content: "\f105";
}
.image_box_carousel_content .theme_carousel .owl-prev::before {
content: "\f104";
}
.image_box_carousel_content.image_covered .mg_image_box .image_box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.image_box_carousel_content .mg_image_box:hover {
transform: unset !important;
}
.mg_image_box {
position: relative;
padding: 0px;
text-align: center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
border-radius: 5px;
overflow: hidden;
margin-bottom: 50px;
box-shadow: var(--box-shadow-two);
}
.mg_image_box .image_box {
position: relative;
overflow: hidden;
height: 300px;
width: 100%;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.mg_image_box .image_box img {
width: 100%;
height: auto;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
opacity: 1;
}
.mg_image_box .image_box .ab_link {
position: absolute !important;
width: 100%;
height: 100%;
z-index: 4;
left: 0;
top: 0;
bottom: 0;
right: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.mg_image_box .image_box .ab_link span {
width: 50px;
height: 50px;
border-radius: 50px;
background: var(--primary-color-one);
color: #fff;
font-size: 20px;
position: absolute;
top: 20px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
line-height: 50px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
opacity: 0;
transform: translateY(-10px);
}
.mg_image_box h2 {
position: absolute;
display: inline-block;
padding: 10px 18px;
background: var(--primary-color-two);
bottom: 0;
line-height: normal;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
left: -100%;
}
.mg_image_box h2 a {
font-size: 18px;
font-family: var(--creote-family-one);
font-weight: 600;
line-height: 28px;
color: #fff;
display: block;
}
.mg_image_box .tag {
position: absolute;
top: 0;
right: 0;
padding: 8px 14px;
background: var(--primary-color-one);
border-radius: 0px 0px 0px 10px;
color: #fff;
}
.mg_image_box:hover {
transform: translateY(-10px);
}
.mg_image_box:hover h2 {
left: 0;
}
.mg_image_box:hover .image_box img {
opacity: 0.5;
}
.mg_image_box:hover .image_box .ab_link span {
opacity: 1;
transform: translateY(0px);
}
.image_grid_content .row {
--bs-gutter-x: 1.5rem!important;
}
.image_grid_content .mg_image_box {
margin-bottom: 30px;
}
.image_grid_content.image_covered .mg_image_box .image_box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.image_grid_content.style_two .mg_image_box {
position: relative;
box-shadow: unset !important;
border-radius: 0px;
text-align: left;
}
.image_grid_content.style_two .mg_image_box .content {
position: absolute;
left: 0;
bottom: 0;
padding: 20px;
background: unset !important;
width: 100%;
height: auto;
}
.image_grid_content.style_two .mg_image_box h3 {
line-height: normal;
}
.image_grid_content.style_two .mg_image_box h3 a {
font-size: 18px;
color: var(--heading-dark);
margin-bottom: 15px;
font-weight: 700;
line-height: 30px;
display: block;
}
.image_grid_content.style_two .mg_image_box .tag {
position: relative;
top: unset;
bottom: unset;
display: inline-block;
padding: 5px 18px;
border-radius: 10px 0px 10px 0px;
background: var(--primary-color-one);
color: #fff;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.image_grid_content.style_two .mg_image_box:hover h2 a {
color: var(--primary-color-one);
} .list_item_box {
position: relative;
}
.list_item_box.style_one ul {
position: relative;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
border: 0px !important;
}
.list_item_box.style_one ul li {
list-style: none;
line-height: normal;
margin-bottom: 15px;
border-bottom: 0px !important;
}
.list_item_box.style_one ul li a {
font-size: 15px !important;
line-height: 25px !important;
color: var(--text-color-dark) !important;
display: inline-block !important;
padding: 0px !important;
}
.list_item_box.style_one ul li span {
position: relative;
display: inline-block;
left: 8px;
padding: 3px 16px;
border-radius: 30px;
background: var(--primary-color-one);
color: #fff;
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
font-family: var(--creote-family-two);
}
.list_item_box.style_two {
position: relative;
}
.list_item_box.style_two.style_linline li {
display: inline-block;
padding-right: 20px;
}
.list_item_box.style_two.list li {
display: block;
padding-bottom: 20px;
}
.list_item_box.style_two li {
position: relative;
list-style: none;
}
.list_item_box.style_two li .d-flex {
justify-content: unset !important;
}
.list_item_box.style_two li small .icon_bx {
min-width: 20px;
margin-right: 10px;
}
.list_item_box.style_two li small .icon_bx img {
min-width: 20px;
width: 20px;
}
.list_item_box.style_two li small .icon_bx i {
min-width: 20px;
font-size: 18px;
color: var(--primary-color-one);
}
.list_item_box.style_two li a {
font-size: 16px;
color: var(--heading-dark);
}
.list_item_box.style_two li a span {
position: relative;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
top: -2px;
padding: 3px 16px;
border-radius: 30px;
background: var(--primary-color-one);
color: #fff;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
font-family: var(--creote-family-two);
}
.page_wapper.maintenance {
overflow: hidden;
}
.maintenance-content {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh; position: relative;
}
.maintenance-content img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.maintenance-content h2, .maintenance-content p {
color: #ffffff;
}
.maintenance-content .box_content {
display: block;
vertical-align: middle;
align-items: center;
width: 100%;
position: relative;
z-index: 99;
}
.maintenance-content::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
background: var(--primary-color-one);
opacity: 0.7;
left: 0;
z-index: 1;
}
@media (max-width: 768px) {
.call_to_action.style_one .bottom_content {
flex-direction: column;
gap: 1rem;
}
.call_to_action.style_one .left_content .main_content .title_g {
font-size: 30px;
line-height: normal;
}
}
.owl_new_one .owl-carousel .owl-nav .owl-prev {
margin-right: 5px;
}
.owl_new_one .owl-carousel .owl-nav .owl-next {
margin-left: 5px;
}
.owl_new_one .owl-carousel .owl-nav .owl-prev,
.owl_new_one .owl-carousel .owl-nav .owl-next {
display: inline-block;
position: relative;
font-weight: 600;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
color: var(--heading-dark);
background: var(--primary-color-three);
border-radius: 5px;
border-radius: 50%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.owl_new_one .owl-carousel .owl-nav .owl-prev::before,
.owl_new_one .owl-carousel .owl-nav .owl-next::before {
position: absolute;
font-family: "FontAwesome" !important;
width: 50px;
text-align: center;
line-height: 50px;
height: 50px;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
font-size: 16px;
}
.owl_new_one .owl-carousel .owl-nav .owl-prev:after,
.owl_new_one .owl-carousel .owl-nav .owl-next:after {
display: block;
}
.owl_new_one .owl-carousel .owl-nav .owl-prev span,
.owl_new_one .owl-carousel .owl-nav .owl-next span {
display: none;
}
.owl_new_one .owl-carousel .owl-nav .owl-prev:hover,
.owl_new_one .owl-carousel .owl-nav .owl-next:hover {
background: var(--primary-color-one);
color: var(--color-white);
}
.owl_new_one .owl-carousel .owl-nav .owl-next::before {
content: "\f105";
}
.owl_new_one .owl-carousel .owl-nav .owl-prev::before {
content: "\f104";
}
.owl_new_one .owl-nav {
display: block !important;
}
.owl_dots_block .owl-dots {
display: block !important;
}
.owl_nav_none .owl-nav {
display: none !important;
}
.owl_dots_none .owl-dots {
display: none !important;
}
.owl_dots_block .owl-dots {
position: relative;
text-align: center;
margin-top: 25px;
}
.owl_dots_block .owl-dots .owl-dot {
position: relative;
width: 9px;
height: 9px;
margin: 0px 5px;
display: inline-block;
border-radius: 50%;
background-color: var(--primary-color-three);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.owl_dots_block .owl-dots .owl-dot:hover,
.owl_dots_block .owl-dots .owl-dot.active {
position: relative;
width: 22px;
height: 8px;
border-radius: 10px;
background: var(--primary-color-one);
}
.owl_new_one .owl-carousel.owl_nav_none .owl-nav {
display: none !important;
}
.owl_new_one .owl-carousel.owl_dots_none .owl-dots {
display: none !important;
}
.owl_new_one .owl-carousel.owl_nav_block .owl-nav {
display: block !important;
}
.owl_new_one .owl-carousel.owl_dots_block .owl-dots {
display: block !important;
}
.owl_new_one .owl-carousel .owl-nav {
position: relative;
padding-top: 40px;
text-align: center;
}
.owl_new_one .owl_type_one .owl-nav {
position: relative;
}
.owl_new_one .owl_type_one .owl-dots {
position: relative;
}
.owl_new_one .owl_type_two .owl-nav {
position: absolute;
width: 100%;
top: 0%;
bottom: 0;
height: 50px;
margin: auto;
left: 0;
}
.owl_new_one .owl_type_two .owl-nav .owl-next, .owl_new_one .owl_type_two .owl-nav .owl-prev {
position: absolute !important;
display: block !important;
}
.owl_new_one .owl_type_two .owl-nav .owl-prev {
left: 0 !important;
}
.owl_new_one .owl_type_two .owl-nav .owl-next {
right: 0 !important;
}
.owl_type_two.owl_dots_block .owl-nav {
top: 36%;
}
.owl_new_one .owl_type_two .owl-nav .owl-next {
right: -20px;
top: 0;
}
.owl_new_one .owl_type_two .owl-nav .owl-prev {
left: -20px;
top: 0;
}
.owl_new_one .owl_type_two .owl-dots {
position: relative;
}
.owl_type_three .owl-nav {
position: absolute;
top: -100px;
right: 0px;
}
.owl_type_three .owl-dots {
position: relative;
}
.owl_type_four .owl-nav {
position: absolute;
padding-top: 0px;
top: -100px;
left: 0px;
}
.owl_type_four .owl-nav, .owl_type_three .owl-nav {
padding-top: 0px;
}
.owl_type_four .owl-nav .owl-prev, .owl_type_four .owl-nav .owl-next, .owl_type_three .owl-nav .owl-prev, .owl_type_three .owl-nav .owl-next {
position: relative;
}
.owl_type_four .owl-dots {
position: relative;
}
@media (max-width: 992px) {
.owl_new_one .owl_type_two .owl-nav {
position: relative;
width: 100%;
top: inherit;
left: inherit;
}
.owl_new_one .owl_type_two .owl-nav .owl-next {
position: relative;
right: inherit;
top: inherit;
}
.owl_new_one .owl_type_two .owl-nav .owl-prev {
position: relative;
left: inherit;
top: inherit;
}
.owl_type_three .owl-nav {
position: relative;
right: inherit;
top: inherit;
}
.owl_type_four .owl-nav {
left: inherit;
position: relative;
top: inherit;
}
} @keyframes rotateme {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.icon_bg_rotate {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all 0.6s ease-in-out;
}
.icon_bg_rotate::before {
position: absolute;
content: "";
height: 12px;
width: 12px;
border-radius: 50%;
top: 14px;
right: 8px;
background: var(--primary-color-one);
transition: all 0.6s ease-in-out;
}
.icon_bg_rotate {
animation-name: rotateme;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: rotateme;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotateme;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: rotateme;
-ms-animation-duration: 4s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: rotateme;
-o-animation-duration: 4s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
} .image_box_new {
position: relative;
}
.image_box_new.type_three {
position: relative;
border-radius: 10px;
overflow: hidden;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.image_box_new.type_three::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: var(--heading-dark);
opacity: 0.8;
}
.image_box_new.type_three .image_box {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.image_box_new.type_three .image_box img {
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.image_box_new.type_three .image_box:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
background: var(--heading-dark);
border-top-left-radius: 6px;
border-top-right-radius: 6px;
opacity: 0.8;
top: 0;
}
.image_box_new.type_three .col-lg-5 {
text-align: right;
}
.image_box_new.type_three .content_box {
position: relative;
padding: 50px;
z-index: 10;
}
.image_box_new.type_three .content_box .video-inner a {
background: var(--primary-color-one);
}
.image_box_new.type_three .content_box .row {
-ms-flex-align: center !important;
position: relative;
height: 100%;
align-items: center !important;
display: flex;
display: -ms-flexbox;
}
.image_box_new.type_three .content_box h1 {
color: var(--color-white);
margin-bottom: 20px;
font-weight: 700;
}
.image_box_new.type_three .content_box p {
color: var(--color-white);
margin-bottom: 20px;
}
.image_box_new.type_three .content_box a.read_more {
color: var(--color-white);
}
.image_box_new.type_three .content_box a.read_more span {
margin-left: 8px;
position: relative;
display: inline-block;
font-size: 16px;
transition: all 0.6s ease-in-out;
z-index: 1;
}
.image_box_new.type_three .content_box_inner {
position: relative;
}
.image_box_new.type_two {
position: relative;
margin-top: 50px;
padding-bottom: 80px;
display: inline-block;
}
.image_box_new.type_two img {
border-radius: 10px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
height: 500px;
width: 380px;
-o-object-fit: cover;
object-fit: cover;
}
.image_box_new.type_two .image.one {
position: relative;
z-index: 10;
float: left;
}
.image_box_new.type_two .image.two {
position: absolute;
top: 80px;
right: -200px;
z-index: 1;
transition: all 0.6s ease-in-out;
}
.image_box_new.type_two .image.two::before {
position: absolute;
content: "";
width: 100%;
height: 111%;
right: 119px;
top: -100px;
border-radius: 20px;
background: var(--color-white);
z-index: -11;
}
.image_box_new.type_two .video-inner {
position: absolute;
top: 0%;
left: 0%;
bottom: 0;
right: 0;
height: 100px;
width: 100px;
margin: auto;
z-index: 1;
text-align: center;
line-height: 100px;
}
.image_box_new.type_two .video-inner a {
background: var(--primary-color-one);
}
.image_box_new.type_two .quote {
position: absolute;
bottom: 0px;
padding: 30px 30px 30px;
left: 0;
text-align: center;
width: 100%;
z-index: 0;
background: #fff;
border-radius: 10px;
}
.image_box_new.type_two .quote h2 {
font-size: 22px;
line-height: 34px;
margin: 0px;
}
.image_box_new.type_four .left, .image_box_new.type_four .right {
width: 50%;
float: left;
}
.image_box_new.type_four .left {
padding-right: 10px;
}
.image_box_new.type_four .left img {
padding-bottom: 20px;
height: 270px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.image_box_new.type_four .video-inner {
position: absolute;
top: -42px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 70px;
height: 70px;
}
.image_box_new.type_four .video-inner a {
background: var(--color-white);
color: var(--primary-color-one);
}
.image_box_new.type_four .video-inner a::after {
box-shadow: unset !important;
}
.image_box_new.type_four .right {
padding-left: 10px;
}
.image_box_new.type_four .right img {
padding-bottom: 0px;
width: 100%;
height: 520px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.image_box_new.type_five .left, .image_box_new.type_five .right {
width: 50%;
float: left;
}
.image_box_new.type_five img {
padding-bottom: 20px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.image_box_new.type_five .left {
padding-right: 10px;
padding-top: 30px;
}
.image_box_new.type_five .left img {
padding-bottom: 0px;
height: 550px;
}
.image_box_new.type_five .right {
padding-left: 10px;
}
.image_box_new.type_five .right img {
height: 300px;
}
.image_box_new.type_five .card {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: var(--primary-color-one);
width: 100%;
height: 100%;
border-radius: 0px;
padding: 30px 20px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
}
.image_box_new.type_five .card .percent {
position: relative;
}
.image_box_new.type_five .card svg {
position: relative;
width: 210px;
height: 210px;
transform: rotate(-90deg);
}
.image_box_new.type_five .card svg circle {
width: 100%;
height: 100%;
fill: none;
stroke: rgba(255, 255, 255, 0.07);
stroke-width: 10;
stroke-linecap: round;
}
.image_box_new.type_five .card svg circle:last-of-type {
stroke-dasharray: 625px;
stroke-dashoffset: calc(625px - 625px * var(--percent) / 100);
stroke: var(--color-white);
}
.image_box_new.type_five .card .number {
position: absolute;
top: 0%;
left: 0%;
bottom: 0;
right: 0;
margin: auto;
height: 40px;
width: 120px;
text-align: center;
}
.image_box_new.type_five .card .number h3 {
font-weight: 600;
font-size: 40px;
line-height: 50px;
color: var(--color-white);
margin: 0px;
}
.image_box_new.type_five .card .number h3 span {
font-size: 20px;
padding-left: 3px;
}
.image_box_new.type_five .card .title h2 {
margin: 25px 0 10px;
color: var(--color-white);
font-size: 22px;
line-height: 32px;
font-weight: 600;
}
.image_box_new.type_five .card p {
color: var(--color-white);
margin: 0px;
}
.image_box_new.type_five .card:nth-child(1) svg circle:last-of-type {
stroke: var(--color-white);
}
.image_box_new.type_five .card:nth-child(2) svg circle:last-of-type {
stroke: var(--color-white);
}
.image_box_new.type_one {
position: relative;
margin-bottom: 100px;
z-index: 1;
}
.image_box_new.type_one .image_one {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
.image_box_new.type_one .image_one .year_experience {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding: 20px;
}
.image_box_new.type_one .image_one .year_experience h2 {
font-size: 18px;
line-height: 26px;
border-radius: 0px 10px 0px;
background: var(--primary-color-one);
color: var(--color-white);
text-align: center;
font-family: var(--creote-family-two);
padding: 10px 25px;
}
.image_box_new.type_one .image_one img {
border-radius: 6px;
height: 550px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.image_box_new.type_one .video-inner {
position: absolute;
content: "";
bottom: -30px;
right: 20px;
}
.image_box_new.type_one .video-inner a {
background: var(--primary-color-one);
}
.image_box_new.type_one .image_two {
position: absolute;
overflow: hidden;
border-radius: 6px;
bottom: -80px;
left: 20px;
width: 300px;
height: 200px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
.image_box_new.type_one .image_two img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 992px) {
.image_box.type_three .video-inner {
text-align: left !important;
}
.image_box.type_three .content_box_inner {
margin-bottom: 30px;
}
} .info_section {
position: relative;
}
.info_section.type_one .info-box {
position: relative;
background: var(--color-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.07);
padding: 30px;
text-align: center;
border-radius: 6px;
overflow: hidden;
transition: all 0.5s ease-in-out;
margin-bottom: 30px;
}
.info_section.type_one .info-box .hidden-icon {
display: none;
}
.info_section.type_one .info-box .icon_box {
position: relative;
margin-bottom: 20px;
}
.info_section.type_one .info-box .icon_box i {
font-size: 40px;
display: block;
line-height: 80px;
width: 80px;
height: 80px;
margin: auto;
border-radius: 50px;
border: 1px dashed var(--border-color-dark);
color: var(--primary-color-one);
transition: all 0.5s ease-in-out;
}
.info_section.type_one .info-box h4 {
font-size: 22px;
line-height: 30px;
margin-bottom: 3px;
}
.info_section.type_one .info-box span {
margin-bottom: 20px;
padding-bottom: 20px;
color: var(--primary-color-one);
font-style: italic;
display: block;
border-bottom: 1px dashed var(--border-color-dark);
transition: all 0.5s ease-in-out;
}
.info_section.type_one .info-box p {
margin-bottom: 6px;
}
.info_section.type_one .info-box p a {
color: var(--text-color-dark);
transition: all 0.5s ease-in-out;
}
.info_section.type_one .info-box.active, .info_section.type_one .info-box:hover {
background: var(--primary-color-one);
}
.info_section.type_one .info-box.active .icon_box i, .info_section.type_one .info-box:hover .icon_box i {
color: var(--color-white);
border: 1px dashed var(--color-white);
}
.info_section.type_one .info-box.active h4, .info_section.type_one .info-box.active span, .info_section.type_one .info-box.active p, .info_section.type_one .info-box.active a, .info_section.type_one .info-box:hover h4, .info_section.type_one .info-box:hover span, .info_section.type_one .info-box:hover p, .info_section.type_one .info-box:hover a {
color: var(--color-white);
}
.info_section.type_two {
position: relative;
}
.info_section.type_two .hidden-icon {
position: absolute;
bottom: 0;
right: 0;
}
.info_section.type_two .hidden-icon i {
font-size: 70px;
line-height: 70px;
color: var(--primary-color-one);
opacity: 0.04;
transition: all 0.5s ease-in-out;
}
.info_section.type_two .info-box {
position: relative;
padding: 30px;
border-radius: 5px;
background: var(--color-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04);
overflow: hidden;
transition: all 0.5s ease-in-out;
margin-bottom: 30px;
}
.info_section.type_two .info-box h4, .info_section.type_two .info-box span {
transition: all 0.5s ease-in-out;
}
.info_section.type_two .info-box .box {
position: relative;
margin-bottom: 15px;
}
.info_section.type_two .info-box .heading-box {
position: relative;
margin-left: 65px;
}
.info_section.type_two .info-box .text {
position: relative;
}
.info_section.type_two .info-box .text p {
margin-bottom: 6px;
}
.info_section.type_two .info-box .text p:last-child {
margin-bottom: 0px;
}
.info_section.type_two .info-box .text p, .info_section.type_two .info-box .text a {
color: var(--text-color-dark);
}
.info_section.type_two .info-box .icon_box {
float: left;
position: relative;
height: 50px;
width: 50px;
}
.info_section.type_two .info-box .icon_box i {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
color: var(--primary-color-one);
font-size: 50px;
line-height: 50px;
transition: all 0.5s ease-in-out;
}
.info_section.type_two .info-box:hover, .info_section.type_two .info-box.active {
background: var(--primary-color-one);
}
.info_section.type_two .info-box:hover h4, .info_section.type_two .info-box:hover span, .info_section.type_two .info-box:hover a, .info_section.type_two .info-box:hover p, .info_section.type_two .info-box.active h4, .info_section.type_two .info-box.active span, .info_section.type_two .info-box.active a, .info_section.type_two .info-box.active p {
color: var(--color-white);
}
.info_section.type_two .info-box:hover .hidden-icon i, .info_section.type_two .info-box.active .hidden-icon i {
font-size: 100px;
line-height: 100px;
color: var(--color-white);
opacity: 0.07;
}
.info_section.type_two .info-box:hover .icon_box i, .info_section.type_two .info-box.active .icon_box i {
color: var(--color-white);
}
.info_section.border_disable.type_one .info-box, .info_section.border_disable.type_two .info-box {
border-radius: 0px;
} .contact_form_box label {
display: block;
padding: 0px;
margin: 0px;
}
.contact_form_box.type_one {
position: relative;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04);
display: flex;
display: -ms-flexbox;
}
.contact_form_box.type_one .heading {
margin-bottom: 20px;
}
.contact_form_box.type_one .image_box {
position: relative;
min-width: 40%;
}
.contact_form_box.type_one .image_box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.contact_form_box.type_one .contact_inner_box {
position: relative;
padding: 60px 40px;
}
.contact_form_box.type_one .contact_inner_box h6 {
font-size: 16x;
line-height: 34px;
margin-bottom: 5px;
color: var(--primary-color-one);
}
.contact_form_box.type_one .contact_inner_box h2 {
font-size: 36px;
line-height: 48px;
margin-bottom: 20px;
}
.contact_form_box.type_one .wpcf7-form-control-wrap {
position: relative;
margin-bottom: 15px;
display: block;
}
.contact_form_box.type_one .wpcf7-form-control-wrap input,
.contact_form_box.type_one .wpcf7-form-control-wrap textarea,
.contact_form_box.type_one .wpcf7-form-control-wrap select {
height: 54px;
line-height: 26px;
color: var(--text-color-dark);
width: 100%;
display: block !important;
background: var(--color-white);
border: 1px solid var(--border-color-dark);
border-radius: 0px;
padding: 0px 20px;
}
.contact_form_box.type_one .wpcf7-form-control-wrap textarea {
height: 200px;
padding: 20px 20px 0px;
}
.contact_form_box.type_one .wpcf7-submit {
width: unset !important;
margin-top: 30px;
display: inline-block;
}
.contact_form_box.type_one .emergrncy_contact {
position: absolute;
bottom: 50px;
right: 40px;
display: flex;
display: -ms-flexbox;
align-items: center !important;
}
.contact_form_box.type_one .emergrncy_contact h6 span {
font-size: 22px;
line-height: 30px;
color: var(--heading-dark);
margin-bottom: 4px;
display: block;
}
.contact_form_box.type_one .emergrncy_contact h6 a {
display: block;
font-size: 30px;
line-height: 40px;
color: var(--primary-color-one);
}
.contact_form_box.type_one .emergrncy_contact small {
font-size: 114px;
line-height: 65px;
color: var(--heading-dark);
position: absolute;
opacity: 0.05;
left: 0;
right: 0;
margin: auto;
display: block;
} .faqs_accordion {
padding-left: 0px;
}
.faqs_accordion .accordion-content.hide {
display: none;
}
.faq_box_all.border_enable .faqs_accordion.type_one .article-title {
border-radius: 5px;
}
.faq_box_all.border_enable .faqs_accordion.type_one .article-title.active {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.faq_box_all.border_enable .faqs_accordion.type_one .accordion-content {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.faqs_accordion.type_one .article-title {
transition: all 0.6s ease-in-out;
position: relative;
background: var(--color-white);
padding: 20px 60px 20px 50px;
width: 100%;
display: block;
text-align: left;
border-radius: 0px;
cursor: pointer;
color: var(--heading-dark);
font-size: 20px;
line-height: 28px;
border: 1px solid var(--border-color-dark);
font-weight: 600;
font-family: var(--creote-family-one);
margin-bottom: 10px;
}
.faqs_accordion.type_one .article-title .title_box {
position: relative;
}
.faqs_accordion.type_one .article-title .title_box .faq_no {
position: absolute;
left: -30px;
top: 0;
font-size: 30px;
margin-top: auto;
margin-bottom: auto;
color: transparent;
-webkit-text-stroke: 1px var(--heading-dark);
opacity: 0.2;
bottom: 0;
height: 30px;
line-height: 30px;
margin: auto;
}
.faqs_accordion.type_one .article-title:before {
position: absolute;
content: "\e964";
font-family: "icomoon";
font-size: 16px;
color: var(--primary-color-one);
right: 20px;
transition: all 0.6s ease-in-out;
}
.faqs_accordion.type_one .article-title.active, .faqs_accordion.type_one .article-title:hover {
background: var(--primary-color-one);
border-color: var(--primary-color-one);
color: var(--color-white);
}
.faqs_accordion.type_one .article-title.active span, .faqs_accordion.type_one .article-title:hover span {
color: var(--color-white);
}
.faqs_accordion.type_one .article-title.active:before, .faqs_accordion.type_one .article-title:hover:before {
transform: rotate(90deg);
color: var(--color-white);
}
.faqs_accordion.type_one .article-title.active .title_box .faq_no, .faqs_accordion.type_one .article-title:hover .title_box .faq_no {
opacity: 0.8;
-webkit-text-stroke: 1px var(--color-white);
}
.faqs_accordion.type_one .article-title.active {
margin-bottom: 0px;
}
.faqs_accordion.type_one .accordion-content {
padding: 20px;
background: #fff;
border: 1px solid var(--border-color-dark);
}  .fun_facts_box.type_one {
position: relative;
padding: 30px;
border-radius: 6px;
background: var(--color-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
margin-right: 35px;
border-radius: 6px;
margin-bottom: 30px;
}
.fun_facts_box.type_one .icon_bx {
position: absolute;
right: -35px;
}
.fun_facts_box.type_one .icon_bx small {
font-size: 40px;
width: 70px;
height: 70px;
border-radius: 50%;
line-height: 70px;
background: var(--primary-color-one);
text-align: center;
display: block;
color: var(--color-white);
border-radius: 6px;
}
.fun_facts_box.type_one .icon_bx img {
width: 40px;
}
.fun_facts_box.type_one .content_box {
position: relative;
}
.fun_facts_box.type_one .content_box .funtitle {
position: relative;
font-size: 22px;
font-weight: 700;
line-height: 30px;
margin-bottom: 10px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.fun_facts_box.type_one .content_box .cownt {
position: relative;
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 10px;
color: var(--primary-color-one);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.fun_facts_box.type_one .content_box .cownt span {
color: var(--heading-dark);
}
.fun_facts_box.type_two {
position: relative;
}
.fun_facts_box.type_two .upper_content {
position: relative;
margin-bottom: 10px;
}
.fun_facts_box.type_two .upper_content .icon_bx {
float: left;
position: relative;
}
.fun_facts_box.type_two .upper_content .icon_bx small {
font-size: 60px;
display: block;
color: var(--primary-color-one);
line-height: 60px;
}
.fun_facts_box.type_two .upper_content .icon_bx img {
width: 60px;
}
.fun_facts_box.type_two .upper_content .text_box {
margin-left: 80px;
position: relative;
}
.fun_facts_box.type_two .upper_content .text_box .cownt {
font-size: 30px;
line-height: 30px;
margin-bottom: 5px;
font-weight: 700;
}
.fun_facts_box.type_two .upper_content .text_box .funtitle {
font-size: 20px;
line-height: 30px;
font-weight: 600;
} .heading {
position: relative;
margin-bottom: 0px;
}
.heading.text_center {
text-align: center;
}
.heading.text_center .small_text_sub {
right: 0;
margin: auto;
}
.heading.text_left {
text-align: left;
}
.heading.text_right {
text-align: right;
}
.heading.text_right .small_text_sub {
left: unset;
right: 0;
} .heading.type_one .heading_text {
position: relative;
display: block;
font-size: 44px;
line-height: 54px;
font-weight: 700;
color: var(--heading-dark);
font-family: var(--creote-family-one);
}
.heading.type_one .small_text {
position: relative;
font-size: 16px;
font-weight: 500;
font-family: var(--creote-family-two);
color: var(--primary-color-one);
text-transform: uppercase;
padding-bottom: 18px;
display: inline-block;
}
.heading.type_one .small_text span {
margin-right: 10px;
font-size: 20px;
}
.heading.type_one p {
padding-top: 15px;
margin: 0px;
font-size: 16px;
line-height: 26px;
}
.heading.type_two .heading_text {
font-size: 44px;
line-height: 54px;
font-weight: 700;
color: var(--heading-dark);
font-family: var(--creote-family-one);
}
.heading.type_two .heading_text span {
font-weight: 500;
}
.heading.type_two .small_text {
font-size: 18px;
padding-bottom: 10px;
color: var(--primary-color-one);
font-family: var(--creote-family-one);
text-transform: uppercase;
font-weight: 500;
padding-top: 23px;
}
.heading.type_two .small_text_sub {
position: absolute;
color: transparent;
top: 0px;
left: 0;
opacity: 0.1;
font-size: 60px;
line-height: 60px;
font-family: var(--creote-family-one);
font-weight: 700;
-webkit-text-stroke: 1px var(--heading-dark);
text-shadow: 1px 1px 0 var(--heading-dark), -1px -1px 0 var(--heading-dark), 1px -1px 0 1px var(--heading-dark), -1px 1px 0 var(--heading-dark), 1px 1px 0 var(--heading-dark);
}
.heading.type_two p {
font-size: 16px;
line-height: 26px;
margin-top: 10px;
} .icon_carousel_box_all {
position: relative;
}
.owl-carousel.one_items .icon_caro.type_one {
margin: 0px 10px 20px 0px;
}
.icon_caro.type_one {
position: relative;
padding: 30px;
background: var(--primary-color-one);
border-radius: 10px;
}
.icon_caro.type_one .icon {
position: relative;
float: left;
}
.icon_caro.type_one .icon small {
line-height: 60px;
position: relative;
text-align: center;
display: block;
color: var(--color-white);
font-size: 60px;
}
.icon_caro.type_one .icon img {
width: 60px;
}
.icon_caro.type_one .text {
position: relative;
margin-left: 80px;
}
.icon_caro.type_one .text h2 a, .icon_caro.type_one .text h2 {
font-size: 22px;
color: var(--color-white);
display: block;
line-height: 30px;
font-weight: 700;
margin-bottom: 14px;
}
.icon_caro.type_one .text p {
font-size: 16px;
color: var(--color-white);
margin: 0px;
}
.icon_caro.type_one a.read_more {
color: var(--color-white);
margin-top: 15px;
display: inline-block;
}
.icon_caro.type_one a.read_more::after {
top: -6px;
background: var(--primary-color-one);
}
.icon_caro.type_one a.read_more:hover {
color: var(--heading-dark);
} .icon_box_new_box.type_one {
position: relative;
margin-top: 15px;
margin-bottom: 10px;
}
.icon_box_new_box.type_one .icon_bx {
position: relative;
margin-bottom: 20px;
z-index: 0;
}
.icon_box_new_box.type_one .icon_bx small {
font-size: 60px;
position: relative;
line-height: 60px;
display: inline-block;
color: var(--primary-color-one);
margin-bottom: 15px;
}
.icon_box_new_box.type_one .icon_bx span {
background: var(--primary-color-three);
position: absolute;
content: "";
border-radius: 50px;
width: 80px;
height: 80px;
left: 10px;
top: -10px;
z-index: -10;
}
.icon_box_new_box.type_one .icontitle a, .icon_box_new_box.type_one .icontitle {
font-size: 22px;
font-weight: 700;
display: block;
color: var(--heading-dark);
margin-bottom: 6px;
}
.icon_box_new_box.type_one .svg_image {
width: 60px;
}
.icon_box_new_box.type_one a.read_more {
display: inline-block;
margin-top: 15px;
}
.icon_box_new_box.type_one a.read_more span {
display: inline-block;
position: relative;
top: 1px;
padding-left: 4px;
}
.icon_box_new_box.type_two {
position: relative;
padding: 60px 40px;
background: var(--color-white);
margin-bottom: 30px;
text-align: center;
border-radius: 10px;
transition: all 0.6s ease-in-out;
}
.icon_box_new_box.type_two .icon_box {
position: relative;
line-height: 110px;
border: 1px solid var(--border-color-dark);
width: 116px;
height: 116px;
border-radius: 50%;
left: 0px;
right: 0;
top: -10px;
display: block;
margin: 0 auto 15px;
padding: 12px;
transition: all 0.6s ease-in-out;
z-index: 10;
}
.icon_box_new_box.type_two span.icon {
position: relative;
display: block;
font-size: 40px;
line-height: 90px;
width: 90px;
height: 90px;
margin: 0 auto;
color: var(--primary-color-one);
text-align: center;
background: var(--primary-color-three);
border-radius: 50px;
font-weight: 500;
transition: all 0.6s ease-in-out;
}
.icon_box_new_box.type_two .svg_image {
width: 60px;
margin: auto;
height: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
position: absolute;
}
.icon_box_new_box.type_two p {
margin-bottom: 20px;
}
.icon_box_new_box.type_two .content {
position: relative;
z-index: 10;
}
.icon_box_new_box.type_two .content .icontitle a, .icon_box_new_box.type_two .content .icontitle {
font-size: 20px;
display: block;
color: var(--heading-dark);
line-height: 28px;
margin-bottom: 10px;
transition: all 0.6s ease-in-out;
}
.icon_box_new_box.type_two::before, .icon_box_new_box.type_two::after {
content: "";
width: 80px;
height: 80px;
position: absolute;
transition: all 0.2s linear;
}
.icon_box_new_box.type_two::after {
border-top: 2px solid var(--border-color-dark);
border-left: 2px solid var(--border-color-dark);
border-top-left-radius: 10px;
left: 0;
top: 0;
transition-duration: 0.4s;
}
.icon_box_new_box.type_two::before {
border-bottom: 2px solid var(--border-color-dark);
border-right: 2px solid var(--border-color-dark);
border-bottom-right-radius: 10px;
right: 0;
bottom: 0;
transition-duration: 0.4s;
}
.icon_box_new_box.type_two:hover::before, .icon_box_new_box.type_two:hover::after, .icon_box_new_box.type_two.box_actived::before, .icon_box_new_box.type_two.box_actived::after {
width: 100%;
height: 100%;
border-radius: 10px;
border-color: var(--primary-color-one);
}
.icon_box_new_box.type_two span.borders::after {
right: 0;
bottom: 0;
transition-duration: 0.4s;
}
.icon_box_new_box.type_two:hover .icon_box, .icon_box_new_box.type_two.box_actived .icon_box {
border-color: var(--primary-color-one);
}
.icon_box_new_box.type_two:hover .icon_box .icon_bg_rotate::before, .icon_box_new_box.type_two.box_actived .icon_box .icon_bg_rotate::before {
background: var(--primary-color-one);
}
.icon_box_new_box.type_two:hover .icon_box span.icon, .icon_box_new_box.type_two.box_actived .icon_box span.icon {
background: var(--primary-color-one);
color: var(--color-white);
}
.icon_box_new_box.type_two a.read_more span {
display: inline-block;
position: relative;
top: 1px;
padding-left: 4px;
}
.icon_box_new_box.type_three {
position: relative;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.icon_box_new_box.type_three .icon_box {
position: relative;
min-width: 70px;
width: 70px;
height: 70px;
border-radius: 70px;
background: var(--primary-color-one);
text-align: center;
transition: all 0.6s ease-in-out;
}
.icon_box_new_box.type_three .icon_box span {
font-size: 40px;
color: var(--color-white);
display: block;
text-align: center;
transition: all 0.6s ease-in-out;
line-height: 70px;
}
.icon_box_new_box.type_three .icon_box img {
width: 40px;
display: block;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.icon_box_new_box.type_three .content {
padding-left: 15px;
position: relative;
}
.icon_box_new_box.type_three .content .icontitle a, .icon_box_new_box.type_three .content .icontitle {
font-size: 22px;
line-height: 30px;
margin-bottom: 7px;
}
.icon_box_new_box.type_three .content p {
margin-bottom: 0px;
}
.icon_box_new_box.type_three .content a.read_more {
margin-top: 20px;
display: inline-block;
}
.icon_box_new_box.type_three .content a.read_more span {
display: inline-block;
position: relative;
top: 1px;
padding-left: 4px;
} .quote_box_new.type_one {
position: relative;
padding: 30px 40px;
border-radius: 6px;
background: var(--primary-color-one);
margin-bottom: 15px;
}
.quote_box_new.type_one .description {
color: var(--color-white);
font-size: 20px;
line-height: 28px;
font-weight: 400;
margin-bottom: 15px;
display: block;
}
.quote_box_new.type_one h2 {
font-size: 14px;
line-height: 30px;
color: var(--color-white);
font-style: italic;
text-transform: uppercase;
}
.quote_box_new.type_one .quote_fonts {
position: absolute;
content: "";
right: 30px;
bottom: 20px;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
color: var(--color-white);
font-size: 30px;
text-align: center;
background: var(--primary-color-two);
}
.quote_box_new.type_two {
position: relative;
padding: 30px 30px;
background: var(--color-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
border-top: 3px solid var(--primary-color-one);
margin-bottom: 15px;
border-radius: 0px;
}
.quote_box_new.type_two .description {
margin-bottom: 25px;
position: relative;
text-align: center;
font-size: 18px;
kerning: 30px;
color: var(--heading-dark);
}
.quote_box_new.type_two small {
position: absolute;
left: 30px;
bottom: 10px;
font-size: 60px;
line-height: 60px;
color: var(--primary-color-three);
opacity: 0.6;
}
.quote_box_new.type_two h2 {
text-align: center;
margin-top: 15px;
font-size: 14px;
color: var(--primary-color-one);
font-style: italic;
font-weight: 700;
text-transform: uppercase;
} .list_items_new_box {
position: relative;
margin: 0px;
padding: 0px;
}
.list_items_new_box.display_inline li {
display: inline-block !important;
}
.list_items_new_box.type_one li {
display: block;
padding-bottom: 12px;
position: relative;
}
.list_items_new_box.type_one li a {
display: block;
color: var(--text-color-dark);
font-size: 16px;
line-height: 26px;
padding-left: 28px;
position: relative;
}
.list_items_new_box.type_one li a span {
position: absolute;
content: "";
left: 0px;
font-size: 18px;
font-weight: 500;
top: 2px;
line-height: 26px;
color: var(--primary-color-one);
}
.list_items_new_box.type_one li:last-child {
padding-bottom: 0px;
} .news_box ul {
padding-left: 0px;
}
.news_box.type_one, .news_box.type_three {
position: relative;
overflow: hidden;
border-radius: 6px;
margin-bottom: 30px;
background: var(--color-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05);
}
.news_box.type_one .image_box, .news_box.type_three .image_box {
position: relative;
overflow: hidden;
display: block;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.news_box.type_one .image_box img, .news_box.type_three .image_box img {
height: 300px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.news_box.type_one .image_box:before, .news_box.type_three .image_box:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: 0;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
background-image: linear-gradient(to top, var(--primary-color-two), rgba(34, 34, 34, 0));
left: 0;
transform: translateY(0%);
}
.news_box.type_one .image_box .overlay:before, .news_box.type_three .image_box .overlay:before {
position: absolute;
width: 0%;
height: 100%;
right: -30px;
content: "";
top: 0;
background: var(--primary-color-two);
opacity: 0;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.news_box.type_one .image_box .post-category, .news_box.type_three .image_box .post-category {
position: absolute;
left: 30px;
bottom: 20px;
display: inline-block;
padding: 0px 20px;
height: 40px;
line-height: 22px;
text-align: center;
font-size: 16px;
background: var(--primary-color-one);
z-index: 10;
border-radius: 5px;
}
.news_box.type_one .image_box .post-category a, .news_box.type_three .image_box .post-category a {
color: var(--color-white);
display: block;
line-height: 41px;
}
.news_box.type_one .image_box .post-category a i, .news_box.type_three .image_box .post-category a i {
margin-right: 5px;
}
.news_box.type_one .content_box, .news_box.type_three .content_box {
position: relative;
padding: 30px;
}
.news_box.type_one .content_box .post-info, .news_box.type_three .content_box .post-info {
position: relative;
margin-bottom: 15px;
}
.news_box.type_one .content_box .post-info li, .news_box.type_three .content_box .post-info li {
position: relative;
display: inline-block;
margin-right: 20px;
}
.news_box.type_one .content_box .post-info li i, .news_box.type_three .content_box .post-info li i {
font-size: 20px;
margin-right: 6px;
color: var(--primary-color-one);
}
.news_box.type_one .content_box .post-info li a, .news_box.type_three .content_box .post-info li a {
color: var(--heading-dark);
}
.news_box.type_one .content_box .post-info li.authour_name, .news_box.type_three .content_box .post-info li.authour_name {
text-transform: capitalize;
}
.news_box.type_one .content_box .post-info li:last-child, .news_box.type_three .content_box .post-info li:last-child {
margin-right: 0px;
}
.news_box.type_one .content_box h2 a, .news_box.type_three .content_box h2 a {
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 15px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.news_box.type_one .content_box p, .news_box.type_three .content_box p {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px dashed rgba(34, 34, 34, 0.1);
}
.news_box.type_one .content_box .continure_reading, .news_box.type_three .content_box .continure_reading {
float: left;
}
.news_box.type_one .content_box .comments, .news_box.type_three .content_box .comments {
float: right;
}
.news_box.type_one .content_box .comments i, .news_box.type_three .content_box .comments i {
font-size: 20px;
margin-right: 6px;
color: var(--primary-color-one);
}
.news_box.type_one .content_box .comments a, .news_box.type_three .content_box .comments a {
color: var(--heading-dark);
}
.news_box.type_one:hover .image_box:before, .news_box.type_three:hover .image_box:before {
transform: translateY(100%);
opacity: 0;
}
.news_box.type_one:hover .image_box .overlay:before, .news_box.type_three:hover .image_box .overlay:before {
width: calc(100% + 60px);
left: -30px;
opacity: 0.8;
}
.news_box.type_one:hover .content_box .comments a, .news_box.type_one:hover .content_box .comments span, .news_box.type_three:hover .content_box .comments a, .news_box.type_three:hover .content_box .comments span {
color: var(--color-white);
}
.news_box.type_three {
border-radius: 0px;
}
.news_box.type_three .image_box {
border-radius: 0px;
}
.news_box.type_three .image_box .post-category {
border-radius: 0px;
top: 30px;
}
.news_box.type_three .content_box .post-info {
background: var(--color-white);
margin-top: -4rem;
padding: 20px 25px 10px;
}
.news_box.type_two {
position: relative;
padding: 30px 30px 30px;
border-radius: 5px;
background: var(--primary-color-three);
border: 1px solid var(--border-color-dark);
margin-bottom: 30px;
overflow: hidden;
cursor: pointer;
}
.news_box.type_two .image_box {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
display: flex;
display: -ms-flexbox;
border-bottom: 1px solid var(--border-color-dark);
align-items: center !important;
}
.news_box.type_two .image_box .image_box_inner {
border-radius: 50%;
overflow: hidden;
width: 70px;
height: 70px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
margin-right: 15px;
}
.news_box.type_two .image_box .image_box_inner img {
width: 100%;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.news_box.type_two .image_box .authour_details {
position: relative;
padding-top: 8px;
}
.news_box.type_two .image_box .authour_details h6 {
margin-bottom: 6px;
}
.news_box.type_two .image_box .authour_details h6 a {
display: block;
position: relative;
margin-bottom: 0px;
text-transform: capitalize;
font-size: 18px;
color: var(--heading-dark);
}
.news_box.type_two .image_box .authour_details p {
padding-bottom: 0px;
margin-bottom: 0px;
}
.news_box.type_two .image_box .authour_details p a {
font-size: 16px;
line-height: 26px;
display: block;
color: var(--primary-color-one);
}
.news_box.type_two .date_category li .content_inner a {
color: var(--heading-dark);
transition: all 0.6s ease-in-out;
}
.news_box.type_two h2 {
position: relative;
}
.news_box.type_two h2 a {
font-size: 20px;
color: var(--heading-dark);
line-height: 28px;
margin-bottom: 15px;
display: block;
}
.news_box.type_two .date_category ul {
position: relative;
padding-bottom: 10px;
margin-bottom: 18px;
border-bottom: 1px solid var(--border-color-dark);
}
.news_box.type_two .date_category ul li {
display: inline-block;
}
.news_box.type_two .date_category ul li a {
font-size: 15px;
color: var(--text-color-dark);
margin-right: 20px;
}
.news_box.type_two .date_category ul li a span {
margin-right: 10px;
}
.news_box.type_two .overlay {
position: absolute;
content: "";
top: -100%;
left: 0px;
width: 100%;
height: 100%;
display: block;
padding: 30px;
opacity: 0;
transition: all 0.5s;
background-color: var(--primary-color-one);
}
.news_box.type_two:hover .overlay {
opacity: 1;
top: 0;
}
.news_box.type_two .text_box {
position: relative;
margin-bottom: 60px;
}
.news_box.type_two .text_box h6 a {
display: block;
position: relative;
text-transform: capitalize;
margin-bottom: 0px;
font-size: 18px;
color: var(--color-white);
}
.news_box.type_two .text_box p a {
font-size: 16px;
line-height: 26px;
display: block;
color: var(--color-white);
margin-bottom: 20px;
}
.news_box.type_two .text_box h2 a {
color: var(--color-white);
}
.news_box.type_two .continure_reading {
position: absolute;
content: "";
bottom: 30px;
left: 32px;
}
.news_box.type_two a.read_more {
color: var(--color-white);
}
.news_box.type_two .comments {
position: absolute;
content: "";
bottom: 30px;
right: 32px;
}
.news_box.type_two .comments i {
margin-right: 5px;
}
.news_box.type_two .comments a, .news_box.type_two .comments i {
color: var(--color-white);
}
.owl-carousel .bgfour_items .news_box .authour_name, .owl-carousel .bgfour_items .news_box .comments {
display: none !important;
}
.col-xl-3.col-md-6.col-sm-6 .news_box .comments, .col-xl-3.col-md-6.col-sm-6 .news_box .authour_name {
display: none !important;
} .blog_all_styles.border_disable .news_box.type_one {
border-radius: 0px;
}
.blog_all_styles.border_disable .news_box.type_one .image_box {
border-radius: 0px;
}
.blog_all_styles.border_disable .news_box.type_two {
border-radius: 0px;
} .pricing_plan_box {
position: relative;
}
.pricing_plan_box.type_one .description {
position: relative;
padding-top: 30px;
}
.pricing_plan_box.type_one .description p {
font-size: 18px;
}
.pricing_plan_box.type_one .tags {
position: absolute;
width: calc(100% - 60px);
background: var(--primary-color-one);
border-radius: 6px;
color: var(--color-white);
font-size: 16px;
top: -20px;
height: 40px;
line-height: 40px;
left: 0;
right: 0;
margin-left: auto;
z-index: 1;
margin-right: auto;
font-family: var(--creote-family-two);
font-weight: 400;
text-align: center;
box-shadow: 0px 5px 32px 0px rgba(0, 0, 0, 0.05);
}
.pricing_plan_box.type_one .pricing_plan_box_inner {
position: relative;
overflow: hidden;
padding: 50px 30px 40px;
background: var(--color-white);
margin-bottom: 30px;
margin-top: 30px;
border-radius: 6px;
box-shadow: 0px 5px 32px 0px rgba(0, 0, 0, 0.05);
}
.pricing_plan_box.type_one .pricing_plan_box_inner:before {
position: absolute;
width: 0%;
height: 100%;
right: -30px;
content: "";
top: 0;
background: var(--heading-dark);
opacity: 1;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
border-radius: 6px;
}
.pricing_plan_box.type_one .pricing_plan_box_inner h2 {
display: block;
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 6px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.pricing_plan_box.type_one .pricing_plan_box_inner h6 {
display: block;
font-size: 16px;
line-height: 32px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 6px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.pricing_plan_box.type_one .pricing_plan_box_inner .upper_content {
position: relative;
text-align: center;
margin-bottom: 18px;
padding-bottom: 12px;
border-bottom: 1px dashed rgba(34, 34, 34, 0.1);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.pricing_plan_box.type_one .pricing_plan_box_inner .lower_content {
position: relative;
margin-bottom: 25px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.pricing_plan_box.type_one .pricing_plan_box_inner .lower_content ul {
padding-left: 0px;
margin-bottom: 0px;
}
.pricing_plan_box.type_one .pricing_plan_box_inner .lower_content ul li {
position: relative;
margin-bottom: 10px;
line-height: 28px;
display: flex;
display: -ms-flexbox;
font-size: 16px;
align-items: center !important;
}
.pricing_plan_box.type_one .pricing_plan_box_inner .lower_content ul li span {
font-weight: 400;
color: var(--primary-color-one);
font-size: 18px;
line-height: 30px;
margin-right: 10px;
}
.pricing_plan_box.type_one .pricing_plan_box_inner .price_rs {
position: relative;
padding-top: 15px;
}
.pricing_plan_box.type_one .pricing_plan_box_inner h6 small {
font-size: 32px;
line-height: 32px;
font-weight: 700;
color: var(--primary-color-one);
}
.pricing_plan_box.type_one .pricing_plan_box_inner h6 sup {
color: var(--primary-color-one);
}
.pricing_plan_box.type_one .pricing_plan_box_inner .get_start_button {
text-align: center;
position: relative;
}
.pricing_plan_box.type_one .pricing_plan_box_inner .get_start_button .theme-btn {
width: 100%;
border-radius: 50px;
background: var(--color-white);
color: var(--heading-dark);
border-color: var(--color-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
}
.pricing_plan_box.type_one .pricing_plan_box_inner .get_start_button .theme-btn span {
display: inline-block;
font-size: 16px;
margin-left: 5px;
}
.pricing_plan_box.type_one .pricing_plan_box_inner:hover:before {
width: calc(100% + 60px);
left: -30px;
}
.pricing_plan_box.type_one .pricing_plan_box_inner:hover p {
color: var(--text-color-light);
}
.pricing_plan_box.type_one .pricing_plan_box_inner:hover h2 {
color: var(--color-white);
}
.pricing_plan_box.type_one .pricing_plan_box_inner:hover h6 {
color: var(--text-color-light);
}
.pricing_plan_box.type_one .pricing_plan_box_inner:hover h6 small {
color: var(--color-white);
}
.pricing_plan_box.type_one .pricing_plan_box_inner:hover .upper_content {
border-bottom: 1px dashed var(--border-color-dark-two);
}
.pricing_plan_box.type_one .pricing_plan_box_inner:hover .lower_content ul li {
color: var(--text-color-light);
}
.pricing_plan_box {
position: relative;
}
.pricing_plan_box.type_two {
position: relative;
}
.pricing_plan_box.type_two .tags {
position: absolute;
top: 0;
right: 0;
background: var(--primary-color-one);
color: var(--color-white);
font-size: 14px;
font-weight: 600;
padding: 5px 20px;
z-index: 2;
}
.pricing_plan_box.type_two .price_box {
position: relative;
display: flex;
align-items: center;
padding: 10px;
border: 1px solid var(--border-color-dark);
background: var(--color-white);
margin-bottom: 15px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.pricing_plan_box.type_two .price_box .price {
padding: 20px 20px 20px;
background: var(--primary-color-three);
width: 150px;
text-align: center;
min-width: 150px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.pricing_plan_box.type_two .price_box .price h6 {
font-size: 40px;
line-height: 50px;
margin-bottom: 10px;
color: var(--primary-color-one);
}
.pricing_plan_box.type_two .price_box .price p {
margin: 0;
color: var(--heading-dark);
font-size: 22px;
line-height: 34px;
}
.pricing_plan_box.type_two .price_box .lower_content {
position: relative;
padding-left: 20px;
padding-right: 20px;
}
.pricing_plan_box.type_two .price_box .lower_content h2 {
font-size: 24px;
line-height: 36px;
margin-bottom: 10px;
}
.pricing_plan_box.type_two .price_box .lower_content p {
margin: 0px;
}
.pricing_plan_box.type_two .price_box:hover .price {
background: var(--primary-color-one);
}
.pricing_plan_box.type_two .price_box:hover .price h6 {
color: var(--color-white);
}
.pricing_plan_box.type_two .price_box:hover .price p {
color: var(--color-white);
}
.pricing_plan_box.type_two .hover_content {
visibility: hidden;
position: absolute;
border-top: 3px solid var(--primary-color-one);
background-color: var(--color-white);
padding: 30px;
width: calc(100% - 160px);
right: 0;
bottom: -20%;
opacity: 0;
z-index: -1;
visibility: hidden;
text-align: left;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.pricing_plan_box.type_two .hover_content ul {
margin: 0;
padding: 0;
}
.pricing_plan_box.type_two .hover_content ul li {
list-style: none;
margin-bottom: 10px;
}
.pricing_plan_box.type_two .hover_content ul li span {
color: var(--primary-color-one);
font-size: 22px;
padding-right: 10px;
}
.pricing_plan_box.type_two .hover_content ul li:last-child {
margin-bottom: 0px;
}
.pricing_plan_box.type_two .hover_content .get_start_button {
margin-top: 20px;
}
.pricing_plan_box.type_two .hover_content .get_start_button .theme-btn {
border-radius: 35px;
line-height: 40px;
min-height: 40px;
padding: 0px 15px;
}
.pricing_plan_box.type_two:hover .hover_content {
visibility: visible;
opacity: 1;
z-index: 999;
bottom: 0;
} .choose_box.type_one {
position: relative;
margin: 40px 0px 30px;
}
.choose_box.type_one .svg_image {
width: 60px;
}
.choose_box.type_one .image_box {
position: absolute;
margin: 0px 0px 0px auto;
z-index: 1;
width: 100px;
height: 100px;
background: var(--color-white);
border-radius: 50px;
text-align: center;
top: -40px;
left: 30px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
transition: all 0.6s ease-in-out;
}
.choose_box.type_one .image_box img {
position: absolute;
width: 60px;
top: 0px;
right: 0;
bottom: 0;
left: 0;
display: block;
margin: auto;
}
.choose_box.type_one .image_box span {
font-size: 60px;
display: block;
text-align: center;
line-height: 100px;
color: var(--primary-color-one);
}
.choose_box.type_one .content_box {
position: relative;
overflow: hidden;
padding: 75px 30px 30px;
background: var(--color-white);
box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.04);
border-radius: 6px;
transition: all 0.6s ease-in-out;
}
.choose_box.type_one .step_no {
position: absolute;
content: "";
width: 49px;
height: 48px;
padding-right: 6px;
border-radius: 50px;
color: var(--heading-dark);
line-height: 54px;
display: block;
top: -7px;
right: -11px;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.09) 0px 5px 22px 0px;
transition: all 0.6s ease;
background: #fff;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.choose_box.type_one .text_box {
position: relative;
z-index: 1;
padding-top: 15px;
}
.choose_box.type_one .text_box .proctitle a {
position: relative;
font-size: 22px;
font-weight: 700;
line-height: 30px;
display: block;
margin-bottom: 10px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.choose_box.type_one .text_box p {
margin-bottom: 15px;
}
.choose_box.type_one .read_more i {
position: relative;
display: inline-block;
margin-left: 5px;
font-size: 16px;
top: 1px;
}
.choose_box.type_one:hover .step_no, .choose_box.type_one:hover .read_more {
color: #fff;
}
.choose_box.type_one:hover .image_box {
box-shadow: unset;
}
.choose_box.type_one:hover .content_box {
background: var(--primary-color-one);
}
.choose_box.type_one:hover .content_box .text_box .proctitle a, .choose_box.type_one:hover .content_box .text_box p {
color: #fff;
}
.choose_box.type_two {
position: relative;
margin-bottom: 30px;
}
.choose_box.type_two .icon_box {
position: relative;
line-height: 110px;
border: 1px solid var(--border-color-dark);
width: 116px;
height: 116px;
border-radius: 50%;
left: 0px;
right: 0;
top: -10px;
margin: 0 auto 15px;
display: block;
padding: 12px;
transition: all 0.6s ease-in-out;
z-index: 10;
}
.choose_box.type_two .icon_box img {
width: 50px;
}
.choose_box.type_two .icon_box span.icon {
position: relative;
display: block;
font-size: 40px;
line-height: 90px;
width: 90px;
height: 90px;
margin: 0 auto;
color: var(--primary-color-one);
text-align: center;
background: var(--primary-color-three);
border-radius: 50px;
font-weight: 500;
transition: all 0.6s ease-in-out;
}
.choose_box.type_two .icon_box .icon_image {
position: relative;
display: block;
line-height: 90px;
width: 90px;
height: 90px;
margin: 0 auto;
text-align: center;
background: var(--primary-color-three);
border-radius: 50px;
font-weight: 500;
transition: all 0.6s ease-in-out;
}
.choose_box.type_two .step {
position: relative;
margin-top: 40px;
text-align: center;
}
.choose_box.type_two .step::before {
position: absolute;
content: "";
border-bottom: 1px dashed var(--border-color-dark);
width: 100%;
height: 1px;
right: 0;
top: -21px;
}
.choose_box.type_two .step .step_no {
font-size: 18px;
color: rgba(0, 0, 0, 0.1);
}
.choose_box.type_two .content_box {
position: relative;
text-align: center;
}
.choose_box.type_two .content_box .proctitle a {
font-size: 22px;
line-height: 30px;
font-weight: 700;
display: block;
color: var(--heading-dark);
margin-bottom: 10px;
}
.choose_box.type_three {
position: relative;
display: flex;
align-items: center;
margin-bottom: 30px;
padding: 30px;
border: 1px solid var(--border-color-dark);
background: #fff;
}
.choose_box.type_three .image {
width: 170px;
min-width: 170px;
height: 170px;
position: relative;
}
.choose_box.type_three .image::before {
position: absolute;
content: "";
background: var(--primary-color-three);
width: 100%;
height: 100%;
right: -10px;
border-radius: 50%;
top: 0;
z-index: -1;
}
.choose_box.type_three .image img {
width: 100%;
border-radius: 50%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.choose_box.type_three .step_no {
position: absolute;
top: -10px;
height: 50px;
width: 50px;
right: 0;
font-size: 60px;
color: var(--text-color-dark);
opacity: 0.2;
}
.choose_box.type_three .content_box {
position: relative;
padding-left: 30px;
}
.choose_box.type_three .content_box .proctitle {
position: relative;
}
.choose_box.type_three .content_box .proctitle a {
font-size: 22px;
line-height: 34px;
}
.choose_box.type_three .content_box p {
margin-bottom: 0px;
}  .projectcontainer:after {
content: "";
display: block;
clear: both;
}
.project_box.type_one {
position: relative;
background: var(--color-white);
overflow: hidden;
margin-bottom: 30px;
}
.project_box.type_one .image_box {
position: relative;
display: block;
overflow: hidden;
border-radius: 6px;
}
.project_box.type_one .image_box img {
width: 100%;
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
display: block;
}
.project_box.type_one .image_box .overlay {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.project_box.type_one .image_box .overlay a.zm_btn {
position: absolute;
width: 40px;
height: 40px;
font-size: 0px;
color: var(--color-white);
right: 30px;
transform: translateX(-30px);
top: 30px;
text-align: center;
margin: auto;
transition: all 0.6s ease-in-out;
opacity: 0;
z-index: 11;
}
.project_box.type_one .image_box .overlay:before {
position: absolute;
width: 0%;
height: 100%;
border-radius: 6px;
right: -30px;
top: 0;
content: "";
background: var(--primary-color-two);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.project_box.type_one .image_box:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: 0;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
background-image: linear-gradient(to top, var(--primary-color-two), rgba(0, 0, 30, 0));
left: 0;
transform: translateY(0%);
}
.project_box.type_one .content_box {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: auto;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
z-index: 10;
}
.project_box.type_one .content_box .content_box_inner {
position: relative;
padding: 20px 30px 22px 30px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.project_box.type_one .content_box .content_box_inner h2 {
position: relative;
transform: translateY(0);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.project_box.type_one .content_box .content_box_inner h2 a {
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--color-white);
margin-bottom: 12px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.project_box.type_one .content_box .content_box_inner h2 a:hover {
color: var(--primary-color-one);
}
.project_box.type_one .content_box .content_box_inner p {
display: inline-block;
transform: translateY(0);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.project_box.type_one .content_box .content_box_inner p a {
color: var(--text-color-light);
margin-right: 2px;
font-size: 18px;
line-height: 26px;
display: inline-block;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.project_box.type_one .content_box .content_box_inner p a:hover {
color: var(--primary-color-one);
}
.project_box.type_one .content_box .content_box_inner a.read_more_link {
position: absolute;
width: 50px;
height: 50px;
background: var(--primary-color-one);
border-radius: 50px;
display: block;
text-align: center;
line-height: 50px;
left: 30px;
bottom: 0px;
font-size: 20px;
color: var(--color-white);
transition: all 0.6s ease-in-out;
transform: translateY(250px);
}
.project_box.type_one:hover .image_box:before {
transform: translateY(100%);
opacity: 0;
}
.project_box.type_one:hover .image_box .overlay:before {
width: calc(100% + 60px);
left: -30px;
opacity: 0.8;
}
.project_box.type_one:hover .image_box .overlay:before {
opacity: 0.9;
}
.project_box.type_one:hover .image_box .overlay a.zm_btn {
font-size: 30px;
opacity: 1;
transform: translateX(0px);
}
.project_box.type_one:hover .content_box .content_box_inner h2 {
transform: translateY(-80px);
}
.project_box.type_one:hover .content_box .content_box_inner p {
transform: translateY(-80px);
}
.project_box.type_one:hover .content_box .content_box_inner a.read_more_link {
transform: translateY(-30px);
}
.project_box.type_two {
position: relative;
margin-bottom: 30px;
}
.project_box.type_two .gradient {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, var(--primary-color-two) 10%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 100%);
left: 0;
top: 0;
transition: 0.5s;
}
.project_box.type_two .image_box {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.project_box.type_two .image_box img {
width: 100%;
height: 450px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.project_box.type_two .image_box::before {
position: absolute;
content: "";
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
text-align: center;
transform: perspective(400px) rotateX(-90deg);
transform-origin: top;
transition: all 0.5s;
background-color: var(--primary-color-two);
}
.project_box.type_two .image_box a span {
font-size: 40px;
color: var(--color-white);
position: absolute;
z-index: 10;
left: 30px;
bottom: 30px;
transition: all 0.6s ease-in-out;
opacity: 1;
}
.project_box.type_two .content_box {
position: absolute;
top: 0px;
left: 0px;
padding: 30px;
width: 100%;
height: 100%;
}
.project_box.type_two .content_box a.read_more {
position: absolute;
bottom: 30px;
color: var(--color-white);
right: 30px;
transition: all 0.6s ease-in-out;
opacity: 0;
transform: translateX(-100px);
}
.project_box.type_two .content_box a.read_more span {
margin-right: 8px;
font-size: 16px;
}
.project_box.type_two .content_box a.read_more:hover {
color: var(--primary-color-one);
}
.project_box.type_two .content_box h2 a {
font-size: 20px;
color: var(--color-white);
display: block;
margin-bottom: 8px;
line-height: 30px;
}
.project_box.type_two .content_box h2 a:hover {
color: var(--color-white);
}
.project_box.type_two .content_box p a {
color: var(--text-color-light);
font-size: 18px;
display: inline-block;
transition: all 0.6s ease-in-out;
}
.project_box.type_two .content_box p a:hover {
color: var(--color-white);
}
.project_box.type_two:hover .image_box::before {
opacity: 0.7;
transform: perspective(400px) rotateX(0deg);
transition: all 700ms ease 100ms;
}
.project_box.type_two:hover .image_box a span {
opacity: 1;
transform: translateX(0px);
}
.project_box.type_two:hover .gradient {
opacity: 0;
}
.project-wrapper.three_column_grid {
width: 33.33%;
padding: 0 15px;
float: left;
}
.project-wrapper.two_column_grid {
width: 50%;
padding: 0 15px;
float: left;
}
@media (max-width: 1050px) {
.project-wrapper.three_column_grid {
width: 50%;
}
}
@media (max-width: 600px) {
.project-wrapper.three_column_grid {
width: 100%;
}
.project-wrapper.two_column_grid {
width: 100%;
}
} .fliter_group {
position: relative;
text-align: center;
margin-bottom: 10px;
}
.fliter_group.style_one ul {
padding-left: 0px;
margin-bottom: 0px;
}
.fliter_group.style_one ul li {
display: inline-block;
padding: 0px 20px;
margin-bottom: 30px;
height: 40px;
line-height: 40px;
position: relative;
background: var(--primary-color-three);
border-radius: 6px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
margin-right: 10px;
}
.fliter_group.style_one ul li span {
position: absolute;
bottom: 7px;
right: 0px;
margin: auto;
opacity: 0;
width: 26px;
height: 26px;
border-radius: 50px;
line-height: 26px;
text-align: center;
color: var(--color-white);
background: var(--primary-color-one);
font-size: 13px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.fliter_group.style_one ul li.current, .fliter_group.style_one ul li:hover {
background: var(--primary-color-one);
color: var(--color-white);
}
.fliter_group.style_one ul li.current span, .fliter_group.style_one ul li:hover span {
right: -12px;
background: var(--color-white);
color: var(--primary-color-one);
opacity: 1;
}
.fliter_group.style_two ul {
padding-left: 0px;
margin-bottom: 0px;
}
.fliter_group.style_two ul li {
display: inline-block;
padding: 8px 25px;
line-height: 26px;
position: relative;
background: var(--color-white);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
margin-right: 15px;
border-bottom: 1px solid var(--border-color-dark);
cursor: pointer;
margin-bottom: 30px;
}
.fliter_group.style_two ul li span {
position: absolute;
bottom: -12px;
left: 0;
right: 0px;
margin: auto;
opacity: 1;
width: 26px;
height: 26px;
border-radius: 50px;
line-height: 26px;
text-align: center;
color: var(--primary-color-one);
background: var(--color-white);
font-size: 13px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.09);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.fliter_group.style_two ul li.current, .fliter_group.style_two ul li:hover {
background: var(--primary-color-one);
color: var(--color-white);
border-bottom: 1px solid var(--primary-color-one);
border-radius: 6px;
}
.fliter_group.style_two ul li.current span, .fliter_group.style_two ul li:hover span {
background: var(--color-white);
color: var(--primary-color-one);
} .service_box.type_one {
position: relative;
margin: 0px 0px 30px;
background: var(--color-white);
border-radius: 6px;
overflow: hidden;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04);
}
.service_box.type_one .image_box {
position: relative;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
overflow: hidden;
display: block;
}
.service_box.type_one .image_box img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 350px;
}
.service_box.type_one .image_box .overlay {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.service_box.type_one .image_box .overlay:before {
position: absolute;
width: 0%;
height: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
right: 0;
top: 0;
content: "";
background: var(--heading-dark);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.service_box.type_one .content_box {
position: relative;
padding: 45px 30px 30px;
}
.service_box.type_one .content_box h2 a {
position: relative;
font-size: 20px;
display: block;
font-weight: 700;
color: var(--heading-dark);
line-height: 30px;
margin-bottom: 8px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.service_box.type_one .content_box h2 a:hover {
color: var(--primary-color-one);
}
.service_box.type_one .content_box .icon_box {
position: absolute;
width: 100%;
left: 0;
top: -36px;
}
.service_box.type_one .content_box .icon_box .icon_box_inner {
position: relative;
margin: 0px 30px;
}
.service_box.type_one .content_box .icon_box .icon_box_inner:before {
position: absolute;
content: "";
width: 100%;
left: 2px;
top: 34px;
height: 5px;
background: var(--primary-color-one);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.service_box.type_one .content_box .icon_box .icon_box_inner .icon {
width: 60px;
height: 60px;
line-height: 60px;
display: block;
background: var(--primary-color-one);
text-align: center;
border-radius: 50%;
color: var(--color-white);
font-size: 35px;
position: relative;
z-index: 1;
right: inherit;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.service_box.type_one .content_box p {
margin-bottom: 15px;
}
.service_box.type_one:hover .image_box .overlay:before {
width: calc(100% + 60px);
left: -30px;
opacity: 0.8;
}
.service_box.type_two {
position: relative;
background: var(--color-white);
border-radius: 10px;
margin: 0px 0px 30px;
padding: 10px 10px 30px;
text-align: center;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
}
.service_box.type_two .icon_box {
position: relative;
width: 100%;
text-align: center;
z-index: 11;
bottom: 0;
left: 0;
height: 30px;
}
.service_box.type_two .icon_box .icon {
width: 60px;
height: 60px;
line-height: 60px;
display: block;
background: var(--primary-color-one);
text-align: center;
border-radius: 50%;
color: var(--color-white);
font-size: 40px;
position: absolute;
z-index: 1;
right: inherit;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
left: 0;
right: 0;
margin: auto;
}
.service_box.type_two .image_box {
position: relative;
z-index: 0;
overflow: hidden;
border-radius: 10px;
}
.service_box.type_two .image_box img {
position: relative;
border-radius: 10px;
}
.service_box.type_two .image_box::before {
position: absolute;
content: "";
top: 0px;
left: 0px;
width: 102%;
border-radius: 10px;
height: 102%;
display: block;
opacity: 0;
text-align: center;
transform: perspective(400px) rotateX(-90deg);
transform-origin: top;
transition: all 0.5s;
background-color: var(--heading-dark);
z-index: 10;
}
.service_box.type_two .content_heaing {
position: relative;
padding: 20px 20px 0px;
}
.service_box.type_two .content_heaing h2 a {
display: block;
position: relative;
font-size: 20px;
color: var(--heading-dark);
line-height: 30px;
margin-bottom: 10px;
}
.service_box.type_two .content_heaing p {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid rgba(34, 34, 34, 0.1);
margin-bottom: 20px;
}
.service_box.type_two .btn_box {
position: relative;
padding-top: 20px;
}
.service_box.type_two:hover .image_box::before {
opacity: 0.9;
transform: perspective(400px) rotateX(0deg);
transition: all 700ms ease 100ms;
}
.service_box.type_three {
position: relative;
padding: 5px;
background: var(--color-white);
margin-bottom: 20px;
}
.service_box.type_three .image_box {
position: relative;
overflow: hidden;
}
.service_box.type_three .image_box img {
height: 300px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.service_box.type_three .image_box .overlay {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.service_box.type_three .image_box .overlay:before {
position: absolute;
width: 0%;
height: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
right: 0;
top: 0;
content: "";
background: var(--heading-dark);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.service_box.type_three .content_box {
padding: 25px 25px 20px;
position: relative;
}
.service_box.type_three .content_box .icon_box {
position: absolute;
top: -55px;
width: 60px;
height: 60px;
background: var(--primary-color-one);
right: 1px;
z-index: 1;
text-align: center;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.service_box.type_three .content_box .icon_box img {
width: 40px;
height: auto;
margin: auto;
}
.service_box.type_three .content_box .icon_box i {
font-size: 40px;
line-height: 60px;
color: var(--color-white);
}
.service_box.type_three .content_box h2 a {
font-size: 20px;
line-height: 30px;
display: block;
margin-bottom: 10px;
}
.service_box.type_three .content_box p {
margin-bottom: 0px;
}
.service_box.type_three:hover .image_box .overlay:before {
width: calc(100% + 60px);
left: -30px;
opacity: 0.8;
} .tabs_all_box_two {
position: relative;
}
.tabs_all_box_two .tabs_header {
position: relative;
margin-bottom: 30px;
}
.tabs_all_box_two .c_tab_wrapper {
position: relative;
}
.tabs_all_box_two .content_tabs_btns {
position: relative;
padding-left: 0px;
margin-left: 0px;
}
.tabs_all_box_two .content_tabs_btns li {
display: inline-block;
font-size: 16px;
line-height: 50px;
height: 50px;
border-radius: 6px;
position: relative;
padding: 0px 20px;
background: var(--primary-color-three);
color: var(--heading-dark);
margin: 0px 5px;
transition: all 0.6s ease-in-out;
cursor: pointer;
}
.tabs_all_box_two .content_tabs_btns li:first-child {
margin-left: 0px;
}
.tabs_all_box_two .content_tabs_btns li:last-child {
margin-right: 0px;
}
.tabs_all_box_two .content_tabs_btns li:last-child::before {
display: none;
}
.tabs_all_box_two .content_tabs_btns li.active-btn {
background: var(--primary-color-one);
color: var(--color-white);
}
.tabs_all_box_two .c_tabs_content {
position: relative;
display: block;
background: var(--color-white);
}
.tabs_all_box_two .c_tabs_content .c_tab {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
visibility: hidden;
}
.tabs_all_box_two .c_tabs_content .c_tab.active-tab {
position: relative;
visibility: visible;
z-index: 5;
}
.tabs_all_box_two .tab_inner_box {
transform: scaleY(0);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
padding: 30px;
border: 1px solid var(--border-color-dark);
background: var(--color-white);
border-radius: 6px;
}
.tabs_all_box_two .active-tab .tab_inner_box {
transform: scaleY(1);
}
.tabs_all_box_two.type_two .content_tabs_btns {
padding-right: 20px;
}
.tabs_all_box_two.type_two .col-lg-12 {
display: flex;
display: -ms-flexbox;
}
.tabs_all_box_two.type_two .tabs_header ul li {
display: block;
margin: 0px;
padding: 15px 20px;
margin-bottom: 15px;
min-width: 250px;
line-height: 26px;
height: auto;
}
.tab_box {
position: relative;
}
.tab_box.type_one .image_box, .tab_box.type_one .image_box {
position: relative;
margin-top: 20px;
border-radius: 6px;
overflow: hidden;
margin-bottom: 15px;
}
.tab_box.type_one .tabtitle a, .tab_box.type_one .tabtitle a {
font-size: 22px;
line-height: 30px;
font-weight: 700;
display: block;
color: var(--heading-dark);
margin-bottom: 10px;
}
.tab_box.type_one .read_more, .tab_box.type_one .read_more {
display: inline-block;
margin-top: 15px;
}
.tab_box.type_one .read_more i, .tab_box.type_one .read_more i {
position: relative;
display: inline-block;
top: 2px;
margin-left: 8px;
}
.tab_box.type_two .tabtitle a {
font-size: 22px;
line-height: 30px;
font-weight: 700;
display: block;
color: var(--heading-dark);
margin-bottom: 10px;
}
.tab_box.type_two .image_box {
position: relative;
margin-bottom: 20px;
border-radius: 6px;
overflow: hidden;
}
.tab_box.type_two .read_more {
display: inline-block;
margin-top: 15px;
}
.tab_box.type_two .read_more i {
position: relative;
display: inline-block;
top: 2px;
margin-left: 8px;
} .team_box_all {
position: relative;
}
.team_box.type_one {
position: relative;
background: var(--color-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
border-radius: 10px;
}
.team_box.type_one .image_box {
position: relative;
overflow: hidden;
}
.team_box.type_one .image_box img {
border-radius: 10px;
}
.team_box.type_one .image_box::before {
position: absolute;
content: "";
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
text-align: center;
transform: perspective(400px) rotateX(-90deg);
transform-origin: top;
transition: all 0.5s;
background-color: var(--heading-dark);
z-index: 10;
border-radius: 10px;
}
.team_box.type_one .image_box .overlay {
position: absolute;
top: 40%;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
}
.team_box.type_one .image_box .overlay ul {
position: relative;
text-align: center;
}
.team_box.type_one .image_box .overlay ul li {
padding: 0px 2px;
display: inline-block;
transition: all 0.6s ease-in-out;
opacity: 0;
}
.team_box.type_one .image_box .overlay ul li a {
color: var(--heading-dark);
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
display: block;
text-align: center;
background: var(--color-white);
transition: all 0.6s ease-in-out;
}
.team_box.type_one .image_box .overlay ul li a i {
line-height: 50px;
display: block;
}
.team_box.type_one .image_box .overlay ul li:hover a {
color: var(--color-white);
background: var(--primary-color-one);
}
.team_box.type_one .image_box .overlay ul li:first-child {
transform: translateY(-200px);
}
.team_box.type_one .image_box .overlay ul li:nth-child(2) {
transform: translateY(-300px);
}
.team_box.type_one .image_box .overlay ul li:nth-child(3) {
transform: translateY(-400px);
}
.team_box.type_one .image_box .overlay ul li:last-child {
transform: translateY(-500px);
}
.team_box.type_one .content_box {
position: relative;
text-align: center;
padding: 30px 20px;
}
.team_box.type_one .content_box p {
margin-bottom: 0px;
}
.team_box.type_one .content_box h2 a {
position: relative;
display: block;
font-size: 22px;
line-height: 30px;
margin-bottom: 8px;
color: #000;
}
.team_box.type_one .content_box h2 a:hover {
color: var(--primary-color-one);
}
.team_box.type_one .content_box h6 {
color: var(--primary-color-one);
font-weight: 500;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-color-dark);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.team_box.type_one:hover .image_box::before {
opacity: 0.8;
transform: perspective(400px) rotateX(0deg);
transition: all 700ms ease 100ms;
}
.team_box.type_one:hover .image_box .overlay ul li {
transform: translateY(0);
opacity: 1;
} .testimonial_all .owl-carousel .owl-item {
padding: 15px 15px;
}
.testimonial_box.type_one span.icon-quote {
width: 60px;
height: 60px;
font-size: 24px;
line-height: 60px;
border-radius: 50px;
display: block;
background: var(--color-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.07);
color: var(--primary-color-one);
text-align: center;
bottom: 65px;
right: 45px;
position: absolute;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
z-index: 1;
}
.testimonial_box.type_one .testimonial_inner {
position: relative;
overflow: hidden;
border-radius: 6px;
margin: 0px 0px 10px;
padding: 30px 30px 30px;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
background: var(--color-white);
-o-transition: all 0.6s ease;
z-index: 0;
}
.testimonial_box.type_one .testimonial_inner:before {
position: absolute;
width: 0%;
height: 100%;
right: -30px;
content: "";
top: 0;
background: var(--primary-color-two);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
z-index: -1;
}
.testimonial_box.type_one .testimonial_inner p {
margin-bottom: 15px;
}
.testimonial_box.type_one .testimonial_inner .lower_content {
position: relative;
}
.testimonial_box.type_one .testimonial_inner .lower_content .image_box {
position: relative;
float: left;
}
.testimonial_box.type_one .testimonial_inner .lower_content .image_box img {
width: 80px;
height: 80px;
border-radius: 50%;
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.04);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.testimonial_box.type_one .testimonial_inner .lower_content .authour_name {
position: relative;
margin-left: 100px;
}
.testimonial_box.type_one .testimonial_inner .lower_content .authour_name h2 {
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 6px;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.testimonial_box.type_one .testimonial_inner .lower_content .authour_name h6 {
color: var(--text-color-dark);
margin-bottom: 10px;
font-weight: 500;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.testimonial_box.type_one .testimonial_inner .lower_content .authour_name p {
margin-bottom: 0px;
}
.testimonial_box.type_one .testimonial_inner .lower_content .authour_name p i {
padding-right: 5px;
margin: 0px;
font-size: 16px;
color: var(--primary-color-one);
}
.testimonial_box.type_one .testimonial_inner .lower_content .authour_name p i.empty {
opacity: 0.3;
}
.testimonial_box.type_one .testimonial_inner:hover:before {
width: calc(100% + 60px);
left: -30px;
}
.testimonial_box.type_one .testimonial_inner:hover p {
color: var(--color-white);
}
.testimonial_box.type_one .testimonial_inner:hover span {
background: var(--primary-color-one);
color: var(--color-white);
}
.testimonial_box.type_one .testimonial_inner:hover .lower_content .authour_name h2, .testimonial_box.type_one .testimonial_inner:hover .lower_content .authour_name h6 {
color: var(--color-white);
}
.testimonial_box.type_two {
position: relative;
padding: 30px;
margin: 0px 0px 10px;
background: var(--color-white);
box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);
border-radius: 10px;
}
.testimonial_box.type_two .upper_content {
position: relative;
}
.testimonial_box.type_two .upper_content .image_box {
position: relative;
float: left;
}
.testimonial_box.type_two .upper_content .image_box img {
width: 80px;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
border-radius: 50%;
}
.testimonial_box.type_two .upper_content .image_box span {
font-size: 20px;
line-height: 40px;
width: 40px;
height: 40px;
border-radius: 50px;
background: var(--primary-color-one);
color: var(--color-white);
text-align: center;
display: block;
bottom: -22px;
position: absolute;
left: 0;
right: 0;
margin: auto;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
transform: rotate(0deg);
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.testimonial_box.type_two .upper_content .description {
margin-left: 95px;
}
.testimonial_box.type_two .lower_content {
position: relative;
padding-top: 20px;
margin-top: 25px;
}
.testimonial_box.type_two .lower_content .authour_name {
float: left;
}
.testimonial_box.type_two .lower_content .authour_name h2 {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin-bottom: 3px;
color: var(--heading-dark);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.testimonial_box.type_two .lower_content .authour_name h2:hover {
color: var(--primary-color-one);
}
.testimonial_box.type_two .lower_content .authour_name h6 {
font-family: var(--creote-family-two);
font-size: 16px;
font-weight: 400;
margin: 0px;
color: var(--text-color-dark);
}
.testimonial_box.type_two .lower_content p {
position: absolute;
content: "";
right: 30px;
bottom: 0;
margin-bottom: auto;
margin: auto;
display: block;
}
.testimonial_box.type_two .lower_content p i {
padding-left: 5px;
margin: 0px;
font-size: 16px;
color: var(--primary-color-one);
}
.testimonial_box.type_two .lower_content p i.empty {
opacity: 0.3;
}
.testimonial_box.type_two:hover .upper_content .image_box span {
transform: rotate(360deg);
background: var(--heading-dark);
color: var(--primary-color-one);
} .theme_btn_all_new {
position: relative;
}
.theme_btn_all_new.text_left {
text-align: left;
}
.theme_btn_all_new.text_center {
text-align: center;
}
.theme_btn_all_new.text_right {
text-align: right;
}
.theme_btn_all_new .theme_btn {
position: relative;
font-size: 16px;
color: var(--color-white);
background: var(--primary-color-one);
display: inline-block;
min-width: 180px;
line-height: 50px;
font-weight: 600;
transition: all 0.5s ease;
text-align: center;
font-family: var(--creote-family-one);
transition: all 0.6s ease-in-out;
border-radius: 3px;
padding: 0px 20px;
border: 2px solid var(--primary-color-one);
}
.theme_btn_all_new .theme_btn.type_one.bg_w {
background: var(--color-white);
color: var(--heading-dark);
}
.theme_btn_all_new .theme_btn.type_one span {
margin-left: 10px;
}
.theme_btn_all_new .theme_btn:hover {
background: var(--primary-color-two);
color: var(--color-white);
border-color: var(--primary-color-two);
} .time_line_carousel_box {
position: relative;
}
.time_box.type_one {
position: relative;
}
.time_box.type_one .date_box {
position: relative;
text-align: center;
margin-bottom: 30px;
border-bottom: 1px solid var(--primary-color-three);
transition: all 0.5s ease-in-out;
}
.time_box.type_one .date_box h6 {
position: relative;
display: inline-block;
padding: 10px 20px;
font-size: 14px;
text-transform: uppercase;
color: var(--heading-dark);
margin-bottom: 20px;
background: transparent;
border-radius: 30px;
transition: all 0.5s ease-in-out;
}
.time_box.type_one .date_box h6::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-radius: 50px;
background: var(--primary-color-three);
left: 0;
right: 0;
margin: 0 auto;
bottom: -25px;
transition: all 0.5s ease-in-out;
}
.time_box.type_one .content_box {
position: relative;
background: transparent;
padding: 30px;
text-align: center;
transition: all 0.5s ease-in-out;
}
.time_box.type_one .content_box h2 {
font-size: 22px;
line-height: 30px;
margin-bottom: 10px;
color: var(--heading-dark);
}
.time_box.type_one .content_box small {
font-size: 16px;
color: var(--primary-color-one);
display: block;
font-weight: 600;
margin-bottom: 10px;
}
.time_box.type_one .content_box p {
margin-bottom: 20px;
}
.time_box.type_one .content_box .read_more i {
position: relative;
display: inline-block;
top: 1px;
margin-left: 5px;
}
.time_box.type_one:hover .date_box {
border-bottom: 1px solid var(--primary-color-one);
}
.time_box.type_one:hover .date_box h6 {
background: var(--primary-color-one);
color: var(--color-white);
}
.time_box.type_one:hover .date_box h6::before {
background: var(--primary-color-one);
}
.owl-item.active.center .time_box.type_one .date_box {
border-bottom: 1px solid var(--primary-color-one);
}
.owl-item.active.center .time_box.type_one .date_box h6 {
background: var(--primary-color-one);
color: var(--color-white);
}
.owl-item.active.center .time_box.type_one .date_box h6::before {
background: var(--primary-color-one);
}
.time_box.type_one:hover .content_box {
background: var(--primary-color-one);
}
.owl-item.active.center .time_box.type_one .content_box {
background: var(--primary-color-one);
}
.time_box.type_one:hover .content_box h2 {
color: var(--color-white);
}
.owl-item.active.center .time_box.type_one .content_box h2 {
color: var(--color-white);
}
.owl-item.active.center .time_box.type_one p {
color: var(--color-white);
}
.time_box.type_one:hover .content_box p {
color: var(--color-white);
}
.time_box.type_one .content_box a.read_more {
color: var(--heading-dark);
}
.time_box.type_one:hover .content_box a.read_more {
color: var(--color-white);
}
.owl-item.active.center .time_box.type_one .content_box a.read_more {
color: var(--color-white);
} .contact_info_nbox {
position: relative;
}
.contact_info_nbox.type_one .single {
position: relative;
margin-bottom: 7px;
}
.contact_info_nbox.type_one .single a {
padding-left: 0px;
color: var(--text-color-dark);
}
.contact_info_nbox.type_one h6 {
margin-bottom: 5px;
}
.contact_info_nbox.type_one h6 span {
color: var(--primary-color-one);
margin-right: 6px;
font-size: 22px;
line-height: 22px;
}
.contact_info_nbox.type_one p {
color: var(--text-color-dark);
margin: 0px;
} .product_box.type_four {
position: relative;
margin: 0px 0px 30px;
padding: 20px;
border: 1px solid var(--border-color-dark);
}
.product_box.type_four .inner_box {
background: var(--color-white);
position: relative;
text-align: center;
}
.product_box.type_four .inner_box .image_box {
position: relative;
overflow: hidden;
text-align: inherit;
}
.product_box.type_four .inner_box .image_box img {
display: block;
margin: auto;
width: 100%;
height: auto;
}
.product_box.type_four .inner_box .image_box .overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
right: 0;
overflow: hidden;
z-index: 10;
}
.product_box.type_four .inner_box .image_box .overlay .zoom_btn {
position: absolute;
right: 0px;
bottom: 50px;
transition: all 0.6s ease-in-out;
opacity: 0;
}
.product_box.type_four .inner_box .image_box .overlay .zoom_btn a {
position: relative;
background: var(--color-white);
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
text-align: center;
margin: 0 auto;
transition: all 0.6s ease-in-out;
}
.product_box.type_four .inner_box .image_box .overlay .zoom_btn a i {
font-size: 20px;
color: var(--primary-color-one);
transition: all 0.6s ease-in-out;
display: block;
line-height: 50px;
}
.product_box.type_four .inner_box .image_box .overlay .zoom_btn a:hover a {
background: var(--primary-color-one);
}
.product_box.type_four .inner_box .image_box .overlay .zoom_btn a:hover a i {
color: var(--color-white);
}
.product_box.type_four .inner_box .image_box .cart_btn {
position: absolute;
right: 0px;
bottom: 25px;
}
.product_box.type_four .inner_box .image_box .cart_btn .cart_icon {
position: relative;
width: auto;
height: auto;
margin: 0px !important;
padding: 0px !important;
text-align: center;
line-height: 0px;
min-width: inherit;
height: inherit;
background-color: transparent !important;
border: 0px;
box-shadow: none;
padding: 0;
margin: 0;
height: inherit;
line-height: 1px !important;
}
.product_box.type_four .inner_box .image_box .cart_btn .cart_icon span {
position: relative;
background: var(--primary-color-one);
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
text-align: center;
margin: 0 auto;
font-size: 20px;
color: var(--color-white);
transition: all 0.6s ease-in-out;
}
.product_box.type_four .inner_box .image_box .cart_btn .cart_icon:hover span {
color: var(--color-white) !important;
background: var(--primary-color-one);
}
.product_box.type_four .inner_box .image_box .cart_btn .cart_icon:after {
position: absolute;
top: -18px !important;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
right: 0 !important;
left: 0 !important;
margin-left: 0px !important;
color: var(--color-white);
background: var(--primary-color-one);
}
.product_box.type_four .inner_box .image_box .cart_btn span.icon-flaticon-shopping-cart {
color: var(--primary-color-one);
font-size: 30px;
}
.product_box.type_four .inner_box .image_box .added_to_cart.wc-forward {
position: absolute;
width: 124px;
height: 30px;
line-height: 30px;
font-size: 14px;
top: 11px;
left: -137px;
right: 0;
text-align: center;
color: var(--heading-dark);
font-weight: 500;
border-radius: 5px;
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.06);
background: var(--color-white);
text-transform: uppercase;
display: inline-block;
transition: all 0.6s ease-in-out;
z-index: 100;
opacity: 1;
}
.product_box.type_four .inner_box .image_box .added_to_cart.wc-forward::before {
position: absolute;
content: "";
height: 0px;
border-right: 10px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid var(--color-white);
border-bottom: 13px solid transparent;
bottom: 1px;
right: -15px;
width: 15px;
}
.product_box.type_four .inner_box .content_box {
position: relative;
padding: 20px 10px 0px;
}
.product_box.type_four .inner_box .content_box span.price,
.product_box.type_four .inner_box .content_box .woocommerce-Price-amount.amount {
font-size: 18px;
color: var(--primary-color-one);
}
.product_box.type_four .inner_box .content_box span.price del,
.product_box.type_four .inner_box .content_box .woocommerce-Price-amount.amount del {
margin-right: 5px;
opacity: 0.8;
}
.product_box.type_four .inner_box .content_box span.price ins,
.product_box.type_four .inner_box .content_box .woocommerce-Price-amount.amount ins {
font-weight: 600;
}
.product_box.type_four .inner_box .content_box h2 {
margin: 15px 0px 5px !important;
}
.product_box.type_four .inner_box .content_box h2 a {
font-size: 20px;
line-height: 30px;
margin-top: 5px;
display: block;
}
.product_box.type_four .inner_box .content_box h2 a:hover {
color: var(--primary-color-one);
}
.product_box.type_four:hover .inner_box .image_box .overlay .zoom_btn {
bottom: 80px;
opacity: 1;
}
.product_box.type_four:hover .inner_box .image_box .overlay .zoom_btn span {
right: 20px;
opacity: 1;
} .woocommerce_plugin_on .cart_notice {
position: relative;
z-index: 999;
}
.woocommerce_plugin_on .cart_notice .woocommerce-error, .woocommerce_plugin_on .cart_notice .woocommerce-info, .woocommerce_plugin_on .cart_notice .woocommerce-message {
position: fixed;
bottom: 10px;
right: 0px;
left: 0;
margin: auto;
background: var(--primary-color-one);
border-radius: 10px;
padding: 15px;
box-shadow: var(--box-shadown);
z-index: 999;
max-width: 800px;
line-height: 30px;
min-height: 60px;
padding: 10px 160px 10px 55px !important;
}
.woocommerce_plugin_on .cart_notice .woocommerce-error li, .woocommerce_plugin_on .cart_notice .woocommerce-info li, .woocommerce_plugin_on .cart_notice .woocommerce-message li {
line-height: 26px;
padding-right: 150px;
}
.woocommerce_plugin_on .cart_notice .woocommerce-error a, .woocommerce_plugin_on .cart_notice .woocommerce-info a, .woocommerce_plugin_on .cart_notice .woocommerce-message a {
font-size: 14px !important;
height: 40px;
line-height: 40px !important;
padding: 0px 15px !important;
position: absolute;
right: 10px;
top: 9px !important;
bottom: 0;
width: 130px;
margin: auto;
text-align: center;
}
.woocommerce_plugin_on .cart_notice .woocommerce-message:before {
height: 20px;
line-height: 20px;
top: 0;
bottom: 0;
left: 20px;
margin: auto;
}
.woocommerce_plugin_on .cart_notice .button {
padding: 0px 20px !important;
min-height: auto !important;
}
.woocommerce_plugin_on .cart_notice .button:hover {
color: #fff !important;
}
@media (max-width: 600px) {
.cart_notice .woocommerce-error, .cart_notice .woocommerce-info, .cart_notice .woocommerce-message {
line-height: 26px !important;
padding: 15px 10px 60px !important;
margin: 0px 10px !important;
}
.cart_notice .woocommerce-error:before, .cart_notice .woocommerce-info:before, .cart_notice .woocommerce-message:before {
display: none !important;
}
.cart_notice .woocommerce-error .button, .cart_notice .woocommerce-info .button, .cart_notice .woocommerce-message .button {
top: unset !important;
bottom: 15px !important;
}
}
.quick_view_loading {
position: fixed;
width: 100%;
height: 100%;
left: 0;
opacity: 0;
visibility: hidden;
top: 0;
bottom: 0;
right: 0;
}
.quick_view_loading:before {
content: "";
position: absolute;
width: 16px;
border-radius: 50%;
border: 2px solid var(primary-color-one);
border-top-color: transparent;
height: 16px;
top: 0;
bottom: 0;
left: 0;
right: 0px;
opacity: 0;
animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
-o-animation: spin 2s linear infinite;
-ms-animation: spin 2s linear infinite;
margin: auto;
}
.quick_view_loading.loading {
z-index: 99999999;
opacity: 1;
visibility: visible;
}
.quick_view_loading.loading:before {
opacity: 1;
}
.mfp-bg {
z-index: 99999 !important;
background: var(--primary-color-two) !important;
opacity: 0.4 !important;
}
.mfp-wrap {
z-index: 999999 !important;
}
.quick_view {
position: relative;
max-width: 60%;
background: #fff;
border-radius: 0px;
margin: auto;
transform: translateY(-10%);
transition: all 0.2s ease-out;
}
.quick_view .detail-gallery {
padding: 30px;
}
.quick_view .col-sm-12 {
padding: 0px;
}
.quick_view .mfp-close {
background: var(primary-color-two);
color: var(--bs-dark);
border-radius: 0px 15px;
opacity: 1;
}
.quick_view .zoom-icon {
display: none;
}
.quick_view .quickproduct_content {
position: relative;
padding: 30px;
overflow: auto;
height: 550px;
}
.quick_view .quickproduct_content::-webkit-scrollbar {
width: 4px;
border-radius: 80px;
}
.quick_view .quickproduct_content::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px var(--primary-color-two);
background: var(--primary-color-one);
}
.quick_view .quickproduct_content::-webkit-scrollbar-thumb {
background: var(--primary-color-one);
box-shadow: inset 0 0 6px var(--primary-color-one);
}
.quick_view .quickproduct_content:window-inactive {
background: var(--primary-color-one);
}
.quick_view .summary {
float: unset !important;
width: 100% !important;
clear: none;
}
.quickview_enable .mfp-ready .quick_view {
transform: translateY(0);
} .mfp-fade.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
} .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
} .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
} .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.3s ease-out;
} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
} .footer_default {
position: relative;
background: var(--footer-default-bgcolor);
padding: 15px 0px 15px;
min-height: 70px;
}
.footer_default .copyright {
position: relative;
padding-top: 11px;
font-size: 15px;
color: #fff;
font-family: var(--creote-family-two);
}  .footer_widgets {
position: relative;
margin-bottom: 30px;   }
.footer_widgets .fo_wid_title {
position: relative;
margin-bottom: 16px;
}
.footer_widgets .fo_wid_title:before {
position: absolute;
content: "";
width: 70px;
height: 3px;
background: var(--primary-color-one);
left: 0;
bottom: -15px;
}
.footer_widgets .fo_wid_title h2 {
font-size: 20px;
line-height: 30px;
color: #fff;
font-weight: 700;
margin-bottom: 5px;
}
.footer_widgets.style_two .fo_wid_title {
position: relative;
}
.footer_widgets.style_two .fo_wid_title:before {
display: none;
}
.footer_widgets.style_two .fo_wid_title h2 {
font-size: 20px;
line-height: 30px;
color: #fff;
font-weight: 700;
margin-bottom: 5px;
}
.footer_widgets.about_company {
position: relative;
}
.footer_widgets.about_company .logo {
position: relative;
margin-bottom: 25px;
}
.footer_widgets.about_company .content_in_r {
position: relative;
}
.footer_widgets.about_company .content_in_r p {
color: var(--text-color-light);
margin-bottom: 30px;
}
.footer_widgets.about_company .content_in_r .consulting {
position: relative;
}
.footer_widgets.about_company .content_in_r .consulting .image {
float: left;
width: 60px;
}
.footer_widgets.about_company .content_in_r .consulting .image img {
width: 60px;
height: 60px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.footer_widgets.about_company .content_in_r .consulting .help_con {
position: relative;
margin-left: 70px;
padding: 7px 0px;
}
.footer_widgets.about_company .content_in_r .consulting .help_con h6 {
font-size: 12px;
font-weight: 600;
color: var(--primary-color-one);
line-height: 22px;
text-transform: uppercase;
margin-bottom: 4px;
}
.footer_widgets.about_company .content_in_r .consulting .help_con h2 a {
font-size: 16px;
font-weight: 600;
color: #FFF;
line-height: 26px;
margin-bottom: 0px;
display: block;
}
.footer_widgets.about_company.dark_color .content_in_r p {
color: var(--text-color-dark);
}
.footer_widgets.about_company.dark_color .content_in_r .consulting .help_con h2 a {
color: var(--text-color-dark);
}
.footer_widgets.get_in_touch_foo {
position: relative;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner {
position: relative;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .top, .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom {
position: relative;
margin-bottom: 20px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .top h6, .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom h6 {
font-size: 18px;
line-height: 26px;
color: #fff;
font-weight: 600;
margin-bottom: 8px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .top p, .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom p {
color: var(--text-color-light);
margin-bottom: 0px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .bottom {
margin-bottom: 0px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content {
position: relative;
margin-bottom: 5px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content h5 {
display: inline-block;
font-family: var(--creote-family-two);
font-size: 16px;
font-weight: 400;
color: #fff;
line-height: 26px;
}
.footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content a {
color: var(--text-color-light);
font-size: 16px;
line-height: 26px;
display: inline-block;
}
.footer_widgets.navigation_foo {
position: relative;
}
.footer_widgets.navigation_foo .navigation_foo_inner {
position: relative;
}
.footer_widgets.navigation_foo .navigation_foo_inner ul {
padding: 0;
margin: 0;
position: relative;
}
.footer_widgets.navigation_foo .navigation_foo_inner ul li {
position: relative;
display: block;
list-style: none;
}
.footer_widgets.navigation_foo .navigation_foo_inner ul li a {
display: block;
font-size: 16px;
line-height: 26px;
margin-bottom: 9px;
color: var(--text-color-light);
font-weight: 400;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.footer_widgets.navigation_foo .navigation_foo_inner ul li a:hover {
color: var(--primary-color-one);
}
.footer_widgets.navigation_foo.style_two .fo_wid_title {
position: relative;
margin-bottom: 25px;
}
.footer_widgets.navigation_foo.style_two .fo_wid_title:before {
display: none;
}
.footer_widgets.navigation_foo.style_two .fo_wid_title h2 {
font-size: 20px;
line-height: 30px;
color: #fff;
font-weight: 600;
margin-bottom: 5px;
}
.footer_widgets.navigation_foo.style_two .navigation_foo_inner {
position: relative;
}
.footer_widgets.navigation_foo.style_two .navigation_foo_inner ul {
padding: 0;
margin: 0;
position: relative;
}
.footer_widgets.navigation_foo.style_two .navigation_foo_inner ul li {
position: relative;
display: block;
list-style: none;
}
.footer_widgets.navigation_foo.style_two .navigation_foo_inner ul li a {
display: block;
position: relative;
font-size: 16px;
line-height: 26px;
margin-bottom: 9px;
padding-left: 14px;
color: var(--text-color-light);
font-weight: 400;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.footer_widgets.navigation_foo.style_two .navigation_foo_inner ul li a:hover {
color: var(--primary-color-one);
}
.footer_widgets.navigation_foo.style_two .navigation_foo_inner ul li a::before {
position: absolute;
top: 0px;
left: 0;
content: "\f101";
font-family: "FontAwesome";
font-size: 18px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.footer_widgets.navigation_foo.style_three {
position: relative;
}
.footer_widgets.navigation_foo.style_three .left {
float: left;
width: 50%;
}
.footer_widgets.navigation_foo.style_three .right {
float: left;
width: 50%;
}
.footer_widgets.navigation_foo.style_three .navigation_foo_inner ul li a {
position: relative;
padding-left: 14px;
font-size: 16px;
line-height: 26px;
}
.footer_widgets.navigation_foo.style_three .navigation_foo_inner ul li a::before {
position: absolute;
left: 0;
content: "";
background: rgba(255, 255, 255, 0.5);
width: 6px;
height: 1px;
top: 0;
bottom: 0;
margin: auto;
}
.footer_widgets.navigation_foo.style_three .navigation_foo_inner ul li a:hover {
color: var(--primary-color-one);
}
.footer_widgets.navigation_foo.style_three .navigation_foo_inner ul li a:hover::before {
background: var(--primary-color-one);
} .recent_news_em_wp {
position: relative;
}
.recent_news_em_wp .news_recent.image_s .image {
position: absolute;
left: 0;
top: 0;
bottom: 0;
overflow: hidden;
width: 70px;
height: 70px;
}
.recent_news_em_wp .news_recent.image_s .image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
}
.recent_news_em_wp .news_recent.image_s .image:before {
position: absolute;
content: "";
width: 100%;
top: 0;
left: 0;
bottom: 0;
height: 100%;
opacity: 0;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
background: var(--primary-color-one);
-ms-transition: all 0.5s ease;
border-radius: 50%;
z-index: 1;
}
.recent_news_em_wp .news_recent.image_s:hover .image::before {
opacity: 0.8;
}
.recent_news_em_wp.style_one {
position: relative;
}
.recent_news_em_wp.style_one .news_recent {
position: relative;
margin-bottom: 20px;
}
.recent_news_em_wp.style_one .news_recent .content {
position: relative;
}
.recent_news_em_wp.style_one .news_recent .content h2 a {
font-size: 15px;
line-height: 26px;
font-weight: 600;
margin-bottom: 5px;
color: #fff;
display: block;
}
.recent_news_em_wp.style_one .news_recent .content h2 a:hover {
color: var(--primary-color-one);
}
.recent_news_em_wp.style_one .news_recent .content .date {
position: relative;
display: block;
color: var(--text-color-light);
font-size: 13px;
}
.recent_news_em_wp.style_one .news_recent .content .date span {
margin-right: 5px;
}
.recent_news_em_wp.style_one .news_recent.image_s .content {
min-height: 70px;
margin-left: 84px;
}
.recent_news_em_wp.style_two .news_recent {
position: relative;
margin-bottom: 25px;
}
.recent_news_em_wp.style_two .news_recent .image:before {
border-radius: 5px;
z-index: 1;
}
.recent_news_em_wp.style_two .news_recent .image img {
border-radius: 5px;
}
.recent_news_em_wp.style_two .news_recent .content {
position: relative;
}
.recent_news_em_wp.style_two .news_recent .content h2 a {
font-size: 15px;
line-height: 26px;
font-weight: 600;
color: #fff;
display: block;
}
.recent_news_em_wp.style_two .news_recent .content h2 a:hover {
color: var(--primary-color-one);
}
.recent_news_em_wp.style_two .news_recent .content .date {
position: relative;
display: block;
color: #fff;
margin-bottom: 5px;
font-size: 13px;
}
.recent_news_em_wp.style_two .news_recent .content .date span {
margin-right: 5px;
font-size: 14px;
}
.recent_news_em_wp.style_two .news_recent.image_s .content {
min-height: 70px;
margin-left: 84px;
}
.recent_news_em_wp.style_two .news_recent:last-child {
border-bottom: 0px;
margin-bottom: 0px;
}
.recent_news_em_wp.style_two .dark_color .news_recent .content h2 a {
color: var(--heading-dark);
}
.recent_news_em_wp.style_two .dark_color .news_recent .content .date {
color: var(--text-color-dark);
}
.recent_news_em_wp.style_two .dark_color .news_recent .content .date span {
color: var(--primary-color-one);
} .foo_subscribe {
position: relative;
}
.foo_subscribe.style_one p {
color: var(--text-color-light);
margin-bottom: 15px;
}
.foo_subscribe.style_one .shortcodes {
position: relative;
padding-top: 5px;
}
.foo_subscribe.style_one .shortcodes input {
background: rgba(255, 255, 255, 0.06);
border-radius: 10px;
width: 100%;
border-color: rgba(255, 255, 255, 0.06);
color: #fff;
font-size: 14px;
font-family: var(--creote-family-one);
}
.foo_subscribe.style_one .shortcodes input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
}
.foo_subscribe.style_one .shortcodes input::placeholder {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
}
.foo_subscribe.style_one .shortcodes input[type=submit] {
background: var(--primary-color-one);
position: absolute;
width: auto;
height: 45px;
font-size: 12px;
font-family: var(--creote-family-one);
text-transform: uppercase;
padding: 10px 15px;
text-align: center;
color: #fff;
right: 5px;
min-width: auto;
min-height: auto;
line-height: 29px;
top: 0px;
bottom: 0;
margin: auto;
border-radius: 10px;
}
.foo_subscribe.style_one .social_media_v_one {
padding: 10px 0px 0px;
}
.foo_subscribe.style_one .social_media_v_one ul li {
position: relative;
}
.foo_subscribe.style_one .social_media_v_one ul li a {
margin-right: 0px;
background: rgba(255, 255, 255, 0.05);
}
.foo_subscribe.style_one .social_media_v_one ul li small {
position: absolute;
background: var(--primary-color-one);
color: #fff;
left: 0;
min-width: 100px;
border-radius: 5px;
padding: 8px 10px 6px;
text-align: center;
font-size: 12px;
font-family: var(--creote-family-one);
display: block;
bottom: -50px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
opacity: 0;
}
.foo_subscribe.style_one .social_media_v_one ul li small::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
border-top: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid var(--primary-color-one);
top: -20px;
left: 10px;
margin: auto;
}
.foo_subscribe.style_one .social_media_v_one ul li:hover small {
opacity: 1;
}
.foo_subscribe.dark_color.style_one p {
color: var(--text-color-dark) !important;
}
.foo_subscribe.dark_color.style_one .shortcodes input {
background: #fff !important;
border-color: var(--border-color-dark) !important;
color: var(--text-color-dark) !important;
font-family: var(--creote-family-one) !important;
}
.foo_subscribe.dark_color.style_one .shortcodes input::-moz-placeholder {
color: var(--text-color-dark) !important;
}
.foo_subscribe.dark_color.style_one .shortcodes input::placeholder {
color: var(--text-color-dark) !important;
}
.foo_subscribe.dark_color.style_one .shortcodes input[type=submit] {
background: var(--primary-color-one) !important;
color: #fff !important;
}
.foo_subscribe.dark_color.style_one .social_media_v_one ul li a {
margin-right: 0px;
background: var(--primary-color-three) !important;
color: var(--primary-color-one) !important;
} .footer_copy_right {
position: relative;
}
.footer_copy_right .col-lg-6 {
padding: 0px;
}
.footer_copy_right .footer_copy_content {
position: relative;
color: var(--text-color-light);
margin: 0px;
padding: 8px 0px 0px;
font-family: var(--creote-family-two);
}
.footer_copy_right .footer_copy_content_right {
position: relative;
text-align: right;
}
.footer_copy_right .footer_copy_content_right .nav_link_v_one {
position: relative;
}
.footer_copy_right .footer_copy_content_right .nav_link_v_one ul {
padding: 0px;
margin: 0px;
}
.footer_copy_right .footer_copy_content_right .nav_link_v_one ul li {
list-style: none;
display: inline-block;
margin-left: 10px;
}
.footer_copy_right .footer_copy_content_right .nav_link_v_one ul li a {
color: var(--text-color-light);
font-size: 15px;
font-weight: 400;
font-family: var(--creote-family-two);
}
.footer_copy_right.style_two .footer_copy_content {
padding: 0px;
}
@media (max-width: 992px) {
.footer_copy_right {
text-align: center;
}
.footer_copy_right .footer_copy_content {
margin-bottom: 15px;
}
.footer_copy_right .footer_copy_content_right {
text-align: center;
}
.footer_copy_right .footer_copy_content_right .nav_link_v_one ul li {
margin: 0px;
padding: 0px 8px;
}
} .footer_contact_form {
position: relative;
padding: 20px 30px;
border-radius: 5px;
}
.footer_contact_form.light_c {
background: rgba(255, 255, 255, 0.01);
border-top: 3px solid var(--primary-color-one);
}
.footer_contact_form.light_c .form_box_foo h2 {
position: relative;
margin-bottom: 15px;
font-size: 20px;
line-height: 30px;
color: #fff;
font-weight: 700;
}
.footer_contact_form.light_c .form_box_foo form br {
display: none;
}
.footer_contact_form.light_c .form_box_foo form p {
margin-bottom: 15px;
}
.footer_contact_form.light_c .form_box_foo form input, .footer_contact_form.light_c .form_box_foo form textarea {
margin: 0px;
background: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.05);
border-radius: 0px;
}
.footer_contact_form.light_c .form_box_foo form input::-moz-placeholder, .footer_contact_form.light_c .form_box_foo form textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
font-weight: 400;
font-family: var(--creote-family-one);
}
.footer_contact_form.light_c .form_box_foo form input::placeholder, .footer_contact_form.light_c .form_box_foo form textarea::placeholder {
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
font-weight: 400;
font-family: var(--creote-family-one);
}
.footer_contact_form.light_c .form_box_foo form input[type=submit] {
background: var(--primary-color-one);
}
.footer_contact_form.light_c .form_box_foo form input[type=submit]:hover {
background: #fff;
color: var(--primary-color-one);
}
.footer_contact_form.dark_c {
background: #fff;
box-shadow: var(--box-shadow);
border-top: 3px solid var(--primary-color-one);
}
.footer_contact_form.dark_c .form_box_foo h2 {
position: relative;
margin-bottom: 15px;
font-size: 20px;
line-height: 30px;
color: var(--heading-dark);
font-weight: 700;
}
.footer_contact_form.dark_c .form_box_foo form br {
display: none;
}
.footer_contact_form.dark_c .form_box_foo form p {
margin-bottom: 15px;
}
.footer_contact_form.dark_c .form_box_foo form input, .footer_contact_form.dark_c .form_box_foo form textarea {
margin: 0px;
border-radius: 0px;
}
.footer_contact_form.dark_c .form_box_foo form input::-moz-placeholder, .footer_contact_form.dark_c .form_box_foo form textarea::-moz-placeholder {
color: var(--text-color-dark);
font-size: 14px;
font-weight: 400;
font-family: var(--creote-family-one);
}
.footer_contact_form.dark_c .form_box_foo form input::placeholder, .footer_contact_form.dark_c .form_box_foo form textarea::placeholder {
color: var(--text-color-dark);
font-size: 14px;
font-weight: 400;
font-family: var(--creote-family-one);
} .footer_contact_list {
position: relative;
}
.footer_contact_list .same_contact {
position: relative;
padding-left: 60px;
}
.footer_contact_list .same_contact span {
position: absolute;
width: 30px;
font-size: 25px;
top: 1px;
left: 0;
width: 50px;
height: 50px;
text-align: center;
border-radius: 50px;
background: var(--primary-color-one);
line-height: 50px;
color: #fff;
}
.footer_contact_list .same_contact .content {
position: relative;
}
.footer_contact_list .same_contact .content h6 {
font-size: 16px;
line-height: 28px;
margin-bottom: 0px;
color: #fff;
font-weight: 600;
}
.footer_contact_list .same_contact .content a, .footer_contact_list .same_contact .content p {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: var(--text-color-light);
}
.footer_contact_list.dark_color .same_contact .content h6 {
color: var(--heading-dark);
}
.footer_contact_list.dark_color .same_contact .content a, .footer_contact_list.dark_color .same_contact .content p {
color: var(--text-color-dark);
} .gallery_repeater {
position: relative;
}
.gallery_repeater ul {
position: relative;
padding-left: 0px;
}
.gallery_repeater ul li {
list-style: none;
display: inline-block;
padding-right: 6px;
padding-bottom: 6px;
}
.gallery_repeater ul li span.image {
width: 80px;
height: 80px;
border-radius: 5px;
overflow: hidden;
position: relative;
display: block;
}
.gallery_repeater ul li span.image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}
.gallery_repeater ul li span.image a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
opacity: 0;
}
.gallery_repeater ul li span.image a i {
position: absolute;
width: 30px;
height: 30px;
background: #fff;
color: var(--primary-color-one);
border-radius: 50px;
line-height: 30px;
text-align: center;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.gallery_repeater ul li span.image:hover img {
opacity: 0.5;
}
.gallery_repeater ul li span.image:hover a {
opacity: 1;
}
@media (min-width: 992px) {
.footer_area.footer_sticky_enable_foo {
position: sticky;
left: 0;
bottom: 0;
width: 100%;
clear: both;
}
} .pswp {
z-index: 9999 !important;
}
.post-type-archive-product .row {
--bs-gutter-x: 1.5rem!important;
}
.post-type-archive-product .site-main .col-lg-12 {
padding: 0px 0px;
}
.post-type-archive-product .site-main .col-lg-12 .woocommerce-products-header {
padding: 0px 15px;
}
input[type=checkbox], input[type=radio] {
width: 16px;
height: 16px;
margin-right: 5px;
vertical-align: middle;
}
.wc_payment_method label {
position: relative;
top: 2px;
}
input[type=checkbox]:after {
content: "";
border-bottom: 8px solid var(--primary-color-three);
border-top: 8px solid var(--primary-color-three);
display: block;
opacity: 1;
}
input[type=checkbox]:checked:after {
border-bottom: 8px solid var(--primary-color-one);
border-top: 8px solid var(--primary-color-one);
}
b, strong {
font-family: var(--creote-family-one);
}
.woocommerce span.onsale {
border-radius: 50px;
width: 60px;
height: 60px;
line-height: 60px !important;
font-size: 12px;
font-family: var(--creote-family-one);
background-color: var(--primary-color-one) !important;
}
.woocommerce .product form.cart,
.woocommerce_plugin_on .product form.cart {
margin-bottom: 25px !important;
position: relative;
}
.woocommerce .product button.single_add_to_cart_button,
.woocommerce .product .compare,
.woocommerce_plugin_on .product button.single_add_to_cart_button,
.woocommerce_plugin_on .product .compare {
background-color: var(--primary-color-one) !important;
font-size: 12px !important;
font-weight: 600 !important;
font-family: var(--creote-family-one);
line-height: 55px !important;
padding: 0px 25px !important;
font-weight: 600 !important;
display: inline-block;
color: #fff;
border-radius: 5px !important;
text-transform: uppercase;
max-width: 180px;
margin: auto;
text-align: center;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.woocommerce .product button.single_add_to_cart_button:hover,
.woocommerce .product .compare:hover,
.woocommerce_plugin_on .product button.single_add_to_cart_button:hover,
.woocommerce_plugin_on .product .compare:hover {
background-color: var(--primary-color-two) !important;
color: #fff !important;
}
.woocommerce .product .compare,
.woocommerce_plugin_on .product .compare {
background-color: var(--primary-color-two) !important;
}
.woocommerce .product .compare:hover,
.woocommerce_plugin_on .product .compare:hover {
background-color: var(--primary-color-one) !important;
color: #fff !important;
}
.single-product .added_to_cart {
background: var(--primary-color-two);
position: absolute;
bottom: -42px;
right: 72px;
padding: 5px 10px;
border-radius: 5px;
line-height: 25px;
color: #fff;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edown_key%3C/title%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/18px 20px;
}
.woocommerce-ordering select {
padding: 0px 15px;
width: 250px;
}
@media (max-width: 992px) {
.woocommerce-ordering select {
width: auto;
}
} .products_box_outer .project-wrapper {
position: relative;
padding: 0px 15px;
}
.columns-6 .project-wrapper {
width: 16.66%;
}
.columns-5 .project-wrapper {
width: 20%;
}
.columns-4 .project-wrapper {
width: 25%;
}
.columns-3 .project-wrapper {
width: 33.33%;
}
.columns-2 .project-wrapper {
width: 50%;
}
.columns-1 .project-wrapper {
width: 100%;
}
.up-sells {
position: relative;
margin-bottom: 30px;
}
.up-sells h2 {
text-align: center;
margin-bottom: 30px;
}
.up-sells .columns-1 .project-wrapper, .up-sells .columns-2 .project-wrapper, .up-sells .columns-3 .project-wrapper, .up-sells .columns-4 .project-wrapper, .up-sells .columns-5 .project-wrapper, .up-sells .columns-6 .project-wrapper, .up-sells .columns-7 .project-wrapper, .up-sells .columns-8 .project-wrapper, .up-sells .columns-9 .project-wrapper, .up-sells .columns-10 .project-wrapper {
width: 33.33%;
}
.up-sells .columns-1 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-2 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-3 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-4 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-5 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-6 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-7 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-8 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-9 .project-wrapper .product_box.type_one .content_box h2, .up-sells .columns-10 .project-wrapper .product_box.type_one .content_box h2 {
margin-bottom: 0px !important;
}
.product_box {
position: relative;
margin-bottom: 30px;
}
.product_box .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
}
.product_box .overlay ul {
position: absolute;
right: 0;
top: 0;
}
.product_box .overlay ul li {
display: block;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
opacity: 0;
}
.product_box .overlay ul li a,
.product_box .overlay ul li .add_to_wishlist {
width: 50px;
height: 50px;
font-size: 18px;
display: block;
border-radius: 50px;
text-align: center;
line-height: 50px;
background: #fff;
box-shadow: var(--box-shadow-two);
position: relative;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.product_box .overlay ul li a i,
.product_box .overlay ul li .add_to_wishlist i {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: auto !important;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
top: 0 !important;
}
.product_box .overlay ul li a span,
.product_box .overlay ul li .add_to_wishlist span {
display: none;
}
.product_box .overlay ul li a:hover,
.product_box .overlay ul li .add_to_wishlist:hover {
background: var(--primary-color-one);
color: #fff;
}
.product_box .overlay ul li .add_to_wishlist i {
top: 3px !important;
}
.product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse {
position: relative;
}
.product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse a, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse a {
position: absolute;
top: 11px;
bottom: 0;
left: -12em;
width: 150px;
text-align: center;
background: #fff;
border-radius: 50px;
box-shadow: var(--box-shadow-two);
font-size: 12px;
text-transform: uppercase;
line-height: 30px;
height: 30px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
opacity: 0;
}
.product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse a i, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse a i {
position: absolute;
width: 50px;
height: 50px;
border-radius: 50px;
line-height: 50px;
text-align: center;
}
.product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse span, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse span {
width: 50px;
height: 50px;
font-size: 18px;
display: block;
border-radius: 50px;
text-align: center;
line-height: 50px;
background: var(--primary-color-one);
box-shadow: var(--box-shadow-two);
overflow: hidden;
}
.product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse span i, .product_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse span i {
margin-right: 0px;
position: relative;
top: 2px;
color: #fff;
}
.product_box.type_one {
padding: 25px;
border: 1px solid var(--border-color-dark);
border-radius: 5px;
background: #fff;
text-align: center;
}
.product_box.type_one .inner_box {
position: relative;
}
.product_box.type_one .inner_box span.onsale {
position: absolute;
top: -10px;
left: -10px;
border-radius: 50px;
width: 50px;
height: 50px;
line-height: 50px !important;
font-size: 10px !important;
font-family: var(--creote-family-one) !important;
background-color: var(--primary-color-one) !important;
z-index: 9;
font-weight: 600 !important;
color: #fff !important;
}
.product_box.type_one .inner_box .labels {
position: relative;
}
.product_box.type_one .inner_box .labels p {
color: var(--text-color-dark);
font-size: 12px;
font-weight: 500;
font-family: var(--creote-family-one);
margin-bottom: 10px;
text-decoration: underline;
}
.product_box.type_one .inner_box .image_box {
position: relative;
overflow: hidden;
margin: auto;
border-radius: 5px;
margin-bottom: 30px;
}
.product_box.type_one .inner_box .image_box img {
width: 100%;
height: auto;
margin: auto;
border: 0px !important;
}
.product_box.type_one .product_attributes {
position: relative;
margin-bottom: 5px;
}
.product_box.type_one .product_attributes ul {
padding-left: 0px;
}
.product_box.type_one .product_attributes ul li {
display: inline-block;
position: relative;
font-size: 14px;
line-height: 20px;
padding: 0px;
font-weight: 400;
color: var(--text-color-dark);
font-family: var(--creote-family-one);
}
.product_box.type_one .product_attributes ul li:first-child {
color: var(--primary-color-one);
font-weight: 600;
}
.product_box.type_one .product_attributes ul li:last-child small {
display: none;
}
.product_box.type_one .content_box {
position: relative;
}
.product_box.type_one .content_box h2 {
line-height: normal;
}
.product_box.type_one .content_box h2 a {
font-size: 18px;
line-height: 28px;
color: var(--heading-dark);
display: block;
font-weight: 700;
margin-bottom: 5px;
}
.product_box.type_one .content_box .rating_price {
position: relative;
display: block;
margin-bottom: 20px;
}
.product_box.type_one .content_box .rating_price span del, .product_box.type_one .content_box .rating_price span ins {
display: inline-block;
font-size: 15px;
color: var(--text-color-light);
font-weight: 600;
}
.product_box.type_one .content_box .rating_price span .woocommerce-Price-amount.amount bdi {
display: inline-block;
font-size: 15px;
font-weight: 600;
color: var(--primary-color-one) !important;
}
.product_box.type_one .content_box .rating_price span del .woocommerce-Price-amount.amount bdi {
text-decoration: line-through;
color: var(--text-color-light) !important;
}
.product_box.type_one .content_box .rating_price .star-rating {
margin: 8px auto 27px;
display: block;
}
.product_box.type_one .content_box .pro_cat a {
display: block;
font-family: var(--creote-family-one);
font-size: 12px;
font-weight: 600;
line-height: 22px;
text-transform: uppercase;
margin-bottom: 6px;
}
.product_box.type_one .content_box .cart_btn {
position: relative;
}
.product_box.type_one .content_box .cart_btn a {
background: var(--primary-color-three) !important;
font-size: 12px !important;
line-height: 26px !important;
padding: 0px 25px !important;
font-weight: 600 !important;
min-width: 140px;
display: inline-block !important;
color: var(--heading-dark) !important;
border-radius: 5px !important;
text-transform: uppercase !important;
margin: auto !important;
text-align: center !important;
position: relative;
font-family: var(--creote-family-one) !important;
padding: 10px 25px !important;
}
.product_box.type_one .content_box .cart_btn a::after {
position: absolute;
z-index: 99;
right: 10px;
}
.product_box.type_one .content_box .cart_btn a.added_to_cart {
background: var(--primary-color-two);
position: absolute;
top: 0;
left: 0;
right: 0;
}
.product_box.type_one .content_box .cart_btn a.creote_quick_view_btn {
margin-bottom: 10px !important;
}
.product_box.type_one:hover .inner_box {
position: relative;
}
.product_box:hover .inner_box {
position: relative;
}
.product_box:hover .inner_box .overlay ul li {
opacity: 1;
}
.product_box:hover .inner_box .overlay ul li.whish_list_box .yith-wcwl-wishlistexistsbrowse a, .product_box:hover .inner_box .overlay ul li.whish_list_box .yith-wcwl-wishlistaddedbrowse a {
background: #fff;
color: var(--primary-color-one);
opacity: 1;
}
.product_box.type_two {
position: relative;
padding: 25px;
border-radius: 0px;
background: #fff;
margin-bottom: 25px;
}
.product_box.type_two .inner_box {
position: relative;
}
.product_box.type_two .inner_box .onsale {
display: block;
margin-bottom: 10px;
font-size: 16px;
font-family: var(--creote-family-one);
color: var(--heading-dark);
font-weight: 600;
}
.product_box.type_two .inner_box .image_box {
text-align: center;
}
.product_box.type_two .inner_box .image_box img {
display: block;
margin-bottom: 15px;
margin: auto;
}
.product_box.type_two .inner_box .image_box .cart_btn {
position: relative;
text-align: center;
z-index: 11;
padding-top: 25px;
}
.product_box.type_two .inner_box .image_box .cart_btn a {
padding: 3px 20px;
line-height: 34px !important;
display: inline-block;
border: 1px solid var(--border-color-dark) !important;
border-radius: 5px !important;
font-size: 14px;
font-family: var(--creote-family-one);
color: var(--heading-dark);
font-weight: 600;
}
.product_box.type_two .inner_box .image_box .cart_btn .added_to_cart {
position: absolute;
top: 0;
background: var(--primary-color-one);
display: inline-block;
color: #fff;
left: 0;
right: 0;
margin: auto;
line-height: 40px !important;
}
.product_box.type_two .overlay {
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.product_box.type_two .overlay ul {
padding: 0px;
width: 100%;
height: 70px !important;
bottom: -40px;
left: 0;
right: 0;
margin: auto;
text-align: center;
position: absolute;
}
.product_box.type_two .overlay ul li {
display: inline-block;
margin: 0px 4px;
}
.product_box.type_two .overlay .yith-wcwl-wishlistexistsbrowse a, .product_box.type_two .overlay .yith-wcwl-wishlistaddedbrowse a {
display: none;
}
.product_box.type_two .content_box {
position: relative;
padding: 20px 0px 0px;
}
.product_box.type_two .content_box .pro_cat {
position: relative;
margin-bottom: 10px;
}
.product_box.type_two .content_box h2 a {
font-size: 18px;
font-weight: 700;
line-height: 28px;
display: block;
margin-bottom: 10px;
}
.product_box.type_two .content_box .rating_price {
position: relative;
}
.product_box.type_two .content_box .rating_price .star-rating {
display: block;
margin: 0px 0px 17px !important;
}
.product_box.type_two .content_box .rating_price .star-rating:before {
color: var(--text-color-light) !important;
}
.product_box.type_two .content_box .rating_price .star-rating span:before {
color: var(--primary-color-one) !important;
top: -1px !important;
}
.product_box.type_two .content_box .rating_price .price del {
margin-right: 5px;
text-decoration-color: var(--text-color-light);
}
.product_box.type_two .content_box .rating_price .price del bdi {
color: var(--text-color-light) !important;
}
.product_box.type_two .content_box .rating_price .price ins bdi {
color: var(--primary-color-one);
}
.product_box .star-rating {
float: none !important;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star;
margin: 8px auto 27px !important;
}
.product_box .star-rating::before {
content: "sssss";
color: var(--primary-color-three);
float: left;
top: 0;
left: 0;
position: absolute;
}
.product_box .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.product_box .star-rating span::before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
}
.product_box.type_three {
position: relative;
text-align: center;
padding: 20px;
border: 1px solid var(--border-color-dark);
}
.product_box.type_three .inner_box {
position: relative;
}
.product_box.type_three .inner_box .onsale {
position: absolute;
top: 10px;
right: 10px;
padding: 5px 12px;
background: var(--primary-color-one);
color: #fff;
font-size: 14px;
line-height: 25px;
border-radius: 5px;
font-family: var(--creote-family-one);
display: inline-block;
z-index: 11;
}
.product_box.type_three .inner_box .image_box {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.product_box.type_three .inner_box .image_box img {
width: 100%;
height: auto;
}
.product_box.type_three .inner_box .image_box .cart_btn {
position: absolute;
width: 100%;
left: 0;
bottom: -100px;
opacity: 0;
right: 0;
text-align: center;
height: auto;
padding: 20px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.product_box.type_three .inner_box .image_box .cart_btn a {
display: inline-block;
padding: 0px 25px;
border-radius: 10px 0px 10px 0px;
background: var(--primary-color-one);
color: #fff;
border: 1px solid var(--primary-color-one);
line-height: 46px;
min-height: 46px;
min-width: 160px;
font-weight: 600;
font-size: 14px;
text-align: center;
font-family: var(--creote-family-one);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.product_box.type_three .inner_box .image_box .cart_btn a.ajax_add_to_cart.added {
display: none;
}
.product_box.type_three .inner_box .image_box .cart_btn a:hover {
background: var(--primary-color-two);
border-color: var(--primary-color-two);
}
.product_box.type_three .inner_box .image_box .cart_btn a.creote_quick_view_btn {
margin-bottom: 10px;
}
.product_box.type_three .content_box h2 {
line-height: normal;
}
.product_box.type_three .content_box h2 a {
font-size: 18px;
font-weight: 700;
line-height: 28px;
display: block;
margin-bottom: 5px;
}
.product_box.type_three .content_box .rating_price {
position: relative;
}
.product_box.type_three .content_box .rating_price .star-rating {
display: block;
margin: 0px 0px 17px !important;
}
.product_box.type_three .content_box .rating_price .star-rating:before {
color: var(--text-color-light) !important;
}
.product_box.type_three .content_box .rating_price .star-rating span:before {
color: var(--primary-color-one) !important;
top: -1px !important;
}
.product_box.type_three .content_box .rating_price .price del {
margin-right: 5px;
text-decoration-color: var(--text-color-light);
}
.product_box.type_three .content_box .rating_price .price del bdi {
color: var(--text-color-light) !important;
}
.product_box.type_three .content_box .rating_price .price ins bdi {
color: var(--primary-color-one);
}
.product_box.type_three:hover .inner_box .image_box .cart_btn {
opacity: 1;
bottom: 0;
}
.product_box .button.loading {
opacity: 0.25;
padding-right: 2.618em;
}
.product_box .button.loading::after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
font-weight: 400;
position: absolute;
top: 0.618em;
right: 1em;
animation: spin 2s linear infinite;
}
.product_box .button.added::after {
content: "\e017";
font-family: WooCommerce;
}
.woocommerce .star-rating span::before,
.woocommerce_plugin_on .star-rating span::before {
color: var(--primary-color-one);
}
.woocommerce .star-rating::before,
.woocommerce_plugin_on .star-rating::before {
color: var(--text-color-dark);
}  .woocommerce-error, .woocommerce-info, .woocommerce-message {
line-height: 33px !important;
background-color: var(--primary-color-two) !important;
color: #fff !important;
border: 1px solid var(--primary-color-two) !important;
border-radius: 50px !important;
margin-bottom: 30px !important;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
top: 0 !important;
bottom: 0px;
margin: auto;
height: 20px;
width: 20px;
text-align: center;
font-size: 18px;
color: var(--primary-color-one) !important;
line-height: normal;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
line-height: 35px;
margin-bottom: 0px !important;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button,
.woocommerce_plugin_on .woocommerce-error .button, .woocommerce_plugin_on .woocommerce-info .button, .woocommerce_plugin_on .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
font-size: 12px !important;
line-height: 35px !important;
background: var(--primary-color-one) !important;
font-family: var(--creote-family-one) !important;
padding: 0px 20px !important;
border-radius: 30px !important;
color: #fff !important;
font-weight: 500 !important;
margin: 0 !important;
}
.woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover,
.woocommerce_plugin_on .woocommerce-error .button:hover, .woocommerce_plugin_on .woocommerce-info .button:hover, .woocommerce_plugin_on .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover {
background: var(--primary-color-two) !important;
color: #fff;
}
.default_single_product {
position: relative;
}
.default_single_product .woocommerce-product-gallery__trigger {
position: absolute;
width: 50px !important;
height: 50px !important;
background: #fff;
border-radius: 50px;
box-shadow: var(--box-shadow-two);
}
.default_single_product .woocommerce-product-gallery__trigger::after {
background: var(--primary-color-one) !important;
top: 26px !important;
left: 29px !important;
}
.default_single_product .woocommerce-product-gallery__trigger::before {
border-color: var(--primary-color-one) !important;
top: 15px !important;
left: 15px !important;
}
.default_single_product .summary {
position: relative;
}
.default_single_product .summary .stock {
color: var(--primary-color-one) !important;
display: inline-block;
font-size: 16px;
font-weight: 600;
font-family: var(--creote-family-one);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.default_single_product .summary .stock:hover {
color: var(--primary-color-two) !important;
}
.default_single_product .summary .product_title {
position: relative;
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin-bottom: 8px;
color: var(--heading-dark);
}
.default_single_product .summary .price .woocommerce-Price-amount.amount {
color: var(--primary-color-one);
font-size: 18px;
font-weight: 500;
}
.default_single_product .summary .price del, .default_single_product .summary .price ins {
display: inline-block;
font-size: 18px;
color: var(--text-color-light) !important;
font-weight: 500;
}
.default_single_product .summary .price ins {
color: var(--primary-color-one);
}
.default_single_product .summary .product_meta {
position: relative;
}
.default_single_product .summary .product_meta span.sku_wrapper,
.default_single_product .summary .product_meta span.posted_in {
display: block;
margin-bottom: 12px;
}
.default_single_product .summary .woocommerce-product-details__short-description {
position: relative;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color-dark);
}
.default_single_product .summary .woocommerce-product-details__short-description p {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: var(--text-color-dark);
}
.default_single_product .summary .yith-wcwl-wishlistexistsbrowse, .default_single_product .summary .yith-wcwl-wishlistaddedbrowse {
margin-bottom: 20px;
}
.default_single_product .summary .feedback {
margin-bottom: 10px !important;
position: relative;
font-size: 16px;
font-family: var(--creote-family-one) !important;
font-weight: 600;
display: inline-block !important;
}
.default_single_product .summary .feedback i {
color: var(--primary-color-one);
}
.default_single_product .yith-wcwl-add-button {
position: relative;
margin-bottom: 25px !important;
}
.default_single_product .yith-wcwl-add-button a i {
margin-right: 5px !important;
}
.default_single_product .product_meta {
position: relative;
margin: 25px 0px;
}
.default_single_product .woocommerce-tabs {
position: relative;
padding: 50px;
margin-bottom: 50px;
border-radius: 5px;
border: 1px solid var(--border-color-dark);
}
.default_single_product .woocommerce-tabs .panel {
margin-bottom: 0px !important;
}
.default_single_product .woocommerce-tabs .form-submit {
margin-bottom: 0px !important;
}
.default_single_product .woocommerce-tabs .form-submit .submit {
background: var(--primary-color-one) !important;
color: #fff !important;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
font-size: 12px !important;
font-family: var(--creote-family-one) !important;
font-weight: 600 !important;
text-transform: uppercase;
}
.default_single_product .woocommerce-tabs .form-submit .submit:hover {
background: var(--primary-color-two) !important;
}
.default_single_product .woocommerce-tabs .woocommerce-Reviews-title {
font-size: 24px;
line-height: 34px;
font-weight: 700;
}
.default_single_product .woocommerce-tabs .comment-reply-title {
margin-bottom: 8px;
display: block;
}
.default_single_product .woocommerce-tabs .tabs {
position: relative;
padding: 0px !important;
border: 0px !important;
}
.default_single_product .woocommerce-tabs .tabs li {
border: unset !important;
background: unset !important;
padding: 0px !important;
margin: 0px !important;
border-radius: unset !important;
}
.default_single_product .woocommerce-tabs .tabs li a {
border: 1px solid var(--border-color-dark) !important;
padding: 10px 20px !important;
font-size: 16px;
line-height: 26px;
font-weight: 600;
font-family: var(--creote-family-one);
margin: 0px !important;
background: var(--primary-color-three) !important;
}
.default_single_product .woocommerce-tabs .tabs li::before {
display: none !important;
}
.default_single_product .woocommerce-tabs .tabs li::after {
display: none !important;
}
.default_single_product .woocommerce-tabs .tabs li.active a {
background: var(--primary-color-one) !important;
color: #fff !important;
border-color: var(--primary-color-one) !important;
}
.default_single_product .woocommerce-tabs .tabs::before {
border-bottom-color: var(--border-color-dark) !important;
}
.default_single_product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 24px;
line-height: 34px;
font-weight: 700;
margin-bottom: 15px;
}
.related.products {
position: relative;
text-align: center;
}
.related.products h2 {
position: relative;
font-size: 30px;
line-height: 40px;
margin-bottom: 30px;
}
.related.products .project-wrapper {
padding: 0px 15px;
}
.related.products .project-wrapper .product_box.type_one .content_box h2 {
margin-bottom: 0px;
}
.related.products .project-wrapper .product_box.type_one .cart_btn a {
border: 1px solid var(--border-color-dark);
}
.related.products .owl-nav {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40px;
pointer-events: none;
bottom: 0;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
margin: auto;
-o-transition: 0.5s ease-in-out;
opacity: 0;
}
.related.products .owl-nav .owl-prev, .related.products .owl-nav .owl-next {
position: absolute;
top: 0;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px;
color: #fff;
background: var(--primary-color-one);
border-radius: 40px;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
pointer-events: fill;
}
.related.products .owl-nav .owl-prev {
left: 0;
}
.related.products .owl-nav .owl-next {
right: 0;
}
.related.products:hover .owl-nav {
opacity: 1;
}
.single-product .col-lg-12.pro {
padding: 0px;
}
.single-product .product {
padding: 0px 15px;
}
.woocommerce .woocommerce-cart-form table.shop_table, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table {
border: 1px solid var(--border-color-dark) !important;
border-collapse: collapse !important;
background-color: transparent !important;
}
.woocommerce .woocommerce-cart-form table.shop_table th, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table th, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table th, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table th {
font-size: 18px;
font-weight: 700;
color: var(--heading-dark);
padding: 15px 15px !important;
font-family: var(--creote-family-one) !important;
line-height: 28px !important;
}
.woocommerce .woocommerce-cart-form table.shop_table td, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td {
position: relative !important;
padding: 15px 15px !important;
font-family: var(--creote-family-two) !important;
line-height: 28px !important;
font-size: 16px !important;
font-weight: 400;
border: 1px solid var(--border-color-dark) !important;
}
.woocommerce .woocommerce-cart-form table.shop_table td.product-thumbnail, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td.product-thumbnail, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td.product-thumbnail, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td.product-thumbnail {
min-width: 100px;
}
.woocommerce .woocommerce-cart-form table.shop_table td.product-thumbnail img, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td.product-thumbnail img, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td.product-thumbnail img, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td.product-thumbnail img {
width: 100px;
}
.woocommerce .woocommerce-cart-form table.shop_table td a.remove, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td a.remove, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td a.remove, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td a.remove {
color: var(--primary-color-one) !important;
}
.woocommerce .woocommerce-cart-form table.shop_table td a.remove:hover, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td a.remove:hover, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td a.remove:hover, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td a.remove:hover {
background: var(--primary-color-one) !important;
color: #fff !important;
}
.woocommerce .woocommerce-cart-form table.shop_table td .coupon input, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td .coupon input, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td .coupon input, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td .coupon input {
width: 50% !important;
padding: 0px 20px !important;
border: 1px solid var(--border-color-dark) !important;
}
.woocommerce .woocommerce-cart-form table.shop_table td .coupon button, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td .coupon button, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td .coupon button, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td .coupon button {
float: left !important;
}
.woocommerce .woocommerce-cart-form table.shop_table td button, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td button, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td button, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td button {
font-size: 14px !important;
line-height: 56px !important;
background: var(--primary-color-one) !important;
color: #fff !important;
line-height: 56px !important;
font-weight: 600 !important;
font-family: var(--creote-family-one);
padding: 0px 20px !important;
border-radius: 8px !important;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.woocommerce .woocommerce-cart-form table.shop_table td button:hover, .woocommerce .yith-wcwl-form.wishlist-fragment table.shop_table td button:hover, .woocommerce_plugin_on .woocommerce-cart-form table.shop_table td button:hover, .woocommerce_plugin_on .yith-wcwl-form.wishlist-fragment table.shop_table td button:hover {
background: var(--primary-color-two) !important;
color: #fff;
}
.woocommerce-MyAccount-content table {
border: 1px solid var(--border-color-dark) !important;
border-collapse: collapse !important;
}
.woocommerce-MyAccount-content table th {
font-size: 18px;
font-weight: 700;
color: var(--heading-dark);
padding: 15px 15px !important;
font-family: var(--creote-family-one) !important;
line-height: 28px !important;
}
.woocommerce-MyAccount-content table td {
position: relative !important;
padding: 15px 15px !important;
font-family: var(--creote-family-two) !important;
line-height: 28px !important;
font-size: 16px !important;
font-weight: 400;
border: 1px solid var(--border-color-dark) !important;
}
.woocommerce-MyAccount-content table td.product-thumbnail {
min-width: 100px;
}
.woocommerce-MyAccount-content table td.product-thumbnail img {
width: 100px;
}
.woocommerce-MyAccount-content table td a.remove {
color: var(--primary-color-one) !important;
}
.woocommerce-MyAccount-content table td a.remove:hover {
background: var(--primary-color-one) !important;
color: #fff !important;
}
.woocommerce-MyAccount-content table td .coupon input {
width: 50% !important;
padding: 0px 20px !important;
border: 1px solid var(--border-color-dark) !important;
}
.woocommerce-MyAccount-content table td .coupon button {
float: left !important;
}
.woocommerce-MyAccount-content table td button {
font-size: 14px !important;
line-height: 56px !important;
background: var(--primary-color-one) !important;
color: #fff !important;
line-height: 56px !important;
font-weight: 600 !important;
font-family: var(--creote-family-one);
padding: 0px 20px !important;
border-radius: 8px !important;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.woocommerce-MyAccount-content table td button:hover {
background: var(--primary-color-two) !important;
color: #fff;
}
.woocommerce-MyAccount-content address {
position: relative;
line-height: 30px;
}
.woocommerce-cart-form {
margin-bottom: 50px;
}
.woocommerce form .quantity,
.woocommerce_plugin_on form .quantity {
position: relative;
margin: 0px 15px 0px 0px !important;
width: 100px;
}
.woocommerce form .quantity label,
.woocommerce_plugin_on form .quantity label {
display: none;
}
.woocommerce form .quantity .qty_button,
.woocommerce_plugin_on form .quantity .qty_button {
position: absolute;
background: transparent;
padding: 0px;
border-left: 0;
border-right: 0;
border-top: 0px;
border-bottom: 1px;
width: 30px;
height: 28px;
line-height: 28px;
right: 0;
min-width: 30px;
z-index: 111;
border-left: 1px solid var(--border-color-dark);
border-radius: 0px;
}
.woocommerce form .quantity .qty_button.minus,
.woocommerce_plugin_on form .quantity .qty_button.minus {
bottom: 0;
border-top: 1px solid var(--border-color-dark);
}
.woocommerce form .quantity .qty_button.plus,
.woocommerce_plugin_on form .quantity .qty_button.plus {
top: 0;
}
.woocommerce form .quantity input,
.woocommerce_plugin_on form .quantity input {
min-width: 100px;
border-radius: 5px;
padding: 0px 45px 0px 15px;
margin: 0px !important;
}
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce_plugin_on .cart-collaterals .cart_totals h2 {
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 20px;
}
.woocommerce .cart-collaterals .checkout-button,
.woocommerce_plugin_on .cart-collaterals .checkout-button {
font-size: 14px !important;
line-height: 56px !important;
background: var(--primary-color-one) !important;
color: #fff !important;
line-height: 56px !important;
font-weight: 600 !important;
font-family: var(--creote-family-one);
padding: 0px 20px !important;
border-radius: 8px !important;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.woocommerce .cart-collaterals .checkout-button:hover,
.woocommerce_plugin_on .cart-collaterals .checkout-button:hover {
background: var(--primary-color-two) !important;
color: #fff;
}
.woocommerce .shop_table td::before,
.woocommerce_plugin_on .shop_table td::before {
font-family: var(--creote-family-one);
font-weight: 500;
color: var(--heading-dark);
}
.woocommerce .shop_table th,
.woocommerce_plugin_on .shop_table th {
font-family: var(--creote-family-one);
font-weight: 500;
color: var(--heading-dark);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-size: 14px !important;
line-height: 56px !important;
background: var(--primary-color-one) !important;
color: #fff !important;
line-height: 56px !important;
font-weight: 600 !important;
font-family: var(--creote-family-one);
padding: 0px 20px !important;
border-radius: 8px !important;
transition: 0.5s ease-in-out;
text-align: center;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background: var(--primary-color-two) !important;
color: #fff;
} .woocommerce-checkout {
position: relative;
}
.woocommerce-checkout .woocommerce-additional-fields {
margin-bottom: 50px;
}
.woocommerce-checkout .col-2 {
padding: 0px 0px 40px !important;
}
.woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout .woocommerce-checkout-review-order {
position: relative;
}
.woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout .woocommerce-additional-fields h3, .woocommerce-checkout .woocommerce-checkout-review-order h3 {
font-size: 26px;
line-height: 36px;
font-weight: 600;
margin-bottom: 20px;
}
.woocommerce-checkout input {
height: 56px;
border-radius: 5px;
border: 1px solid var(--border-color-dark) !important;
}
.woocommerce-checkout label {
font-size: 16px;
font-weight: 500;
color: var(--heading-dark) !important;
line-height: 26px;
font-family: var(--creote-family-one);
margin-bottom: 5px;
}
.woocommerce-checkout .form-row {
padding-bottom: 15px !important;
}
.woocommerce-checkout textarea {
height: 300px !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
padding: 0px;
}
.select2-dropdown {
border: 1px solid var(--border-color-dark) !important;
border-radius: 5px;
background: #fff;
}
#customer_details label span, .woocommerce form .form-row span {
width: 100%;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: var(--primary-color-three) !important;
padding: 40px;
margin-top: 40px;
margin-bottom: 30px;
}
#add_payment_method #payment .wc_payment_methods.payment_methods.methods, .woocommerce-cart #payment .wc_payment_methods.payment_methods.methods, .woocommerce-checkout #payment .wc_payment_methods.payment_methods.methods {
padding: 0px !important;
}
#add_payment_method #payment .payment_methods, .woocommerce-cart #payment .payment_methods, .woocommerce-checkout #payment .payment_methods {
border-bottom: 1px solid var(--border-color-dark) !important;
}
#add_payment_method #payment label, .woocommerce-cart #payment label, .woocommerce-checkout #payment label {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: var(--heading-dark);
margin-bottom: 20px;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background: var(--primary-color-one) !important;
color: #fff !important;
border-radius: 8px !important;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: var(--primary-color-one) !important;
}
#add_payment_method #payment #place_order, .woocommerce-cart #payment #place_order, .woocommerce-checkout #payment #place_order {
font-size: 14px !important;
line-height: 56px !important;
background: var(--primary-color-one) !important;
color: #fff !important;
line-height: 56px !important;
font-weight: 600 !important;
font-family: var(--creote-family-one);
padding: 0px 20px !important;
border-radius: 8px !important;
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
}
#add_payment_method #payment #place_order:hover, .woocommerce-cart #payment #place_order:hover, .woocommerce-checkout #payment #place_order:hover {
background: var(--primary-color-two) !important;
color: #fff;
}
#add_payment_method #payment .place-order, .woocommerce-cart #payment .place-order, .woocommerce-checkout #payment .place-order {
padding: 20px 0px !important;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table,
.woocommerce_plugin_on .woocommerce-checkout-review-order table.shop_table {
border: 0px !important;
}
.woocommerce-checkout-review-order .your_order_box {
position: relative;
border-radius: 5px;
border-radius: 10px !important;
padding: 40px 40px 20px;
border: 1px solid var(--border-color-dark);
background: var(--primary-color-three);
}
.woocommerce-checkout-review-order .shop_table {
border-collapse: collapse !important;
border: 0px !important;
margin-bottom: 0px !important;
}
.woocommerce-checkout-review-order .shop_table thead th {
padding: 0px 0px 20px !important;
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: var(--heading-dark);
margin-bottom: 10px;
font-family: var(--creote-family-one);
}
.woocommerce-checkout-review-order .shop_table .product-name img {
margin-right: 8px;
}
.woocommerce-checkout-review-order .shop_table tfoot {
position: relative;
margin-top: 20px;
}
.woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal {
padding: 20px 0px !important;
}
.woocommerce-checkout-review-order .shop_table tfoot th, .woocommerce-checkout-review-order .shop_table tfoot td {
padding: 20px 0px !important;
}
.woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal th, .woocommerce-checkout-review-order .shop_table tfoot .order-total th {
font-size: 18px;
line-height: 28px;
font-weight: 600;
font-family: var(--creote-family-one);
color: var(--heading-dark);
}
.woocommerce-checkout-review-order .shop_table tfoot .woocommerce-Price-amount.amount {
font-size: 16px;
color: var(--primary-color-one);
font-family: var(--creote-family-one);
font-weight: 600;
}
.woocommerce-checkout-review-order .shop_table tbody td {
padding: 20px 0px !important;
}
.woocommerce-checkout-review-order .shop_table tbody td .product-name {
padding: 0px;
}
.woocommerce-checkout-review-order .shop_table tbody td .product-name img {
margin-right: 8px;
}
.select2-container--default .select2-selection--single {
height: 56px !important;
position: relative;
display: block;
padding: 0px 1.25rem !important;
color: var(--text-color-dark) !important;
font-size: 16px !important;
border-radius: 8px !important;
border: 1px solid var(--border-color-dark) !important;
font-weight: 500 !important;
transition: 0.3s !important;
-moz-transition: 0.3s !important;
-o-transition: 0.3s !important;
-ms-transition: 0.3s !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 5px;
bottom: 0;
height: 20px;
margin: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before {
position: absolute;
content: "";
background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edown_key%3C/title%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right 0rem center/29px 20px;
width: 20px;
height: 20px;
top: 0;
right: 0px;
bottom: 0px;
margin: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--text-color-dark);
height: 56px !important;
padding: 0px !important;
line-height: 56px !important;
font-weight: 400 !important;
}
.account_dashboard_cm {
display: table;
width: 100%;
}
.account_dashboard_cm .dash_btn_home {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}
.account_dashboard_cm .woocommerce-MyAccount-navigation {
display: table-cell;
vertical-align: top;
float: none !important;
position: relative;
width: 20% !important;
min-width: 20%;
height: 100%;
background: var(--primary-color-one);
padding: 40px;
}
.account_dashboard_cm .woocommerce-MyAccount-navigation ul {
padding: 0px;
margin: 0px;
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li {
position: relative;
list-style: none;
padding-left: 30px;
margin-bottom: 0px !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li a br {
display: none;
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link::before {
position: absolute;
font-size: 20px;
font-family: "icomoon";
top: 0;
left: 0;
bottom: 0;
margin: auto;
color: #fff;
height: 25px;
line-height: 25px;
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard::before {
content: "\ea21";
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders::before {
content: "\ea26";
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads::before {
content: "\e9aa";
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address::before {
content: "\e9e6";
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account::before {
content: "\ea52";
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout::before {
content: "\e9e3";
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li a {
position: relative;
display: block;
font-size: 18px;
color: #fff;
font-weight: 600;
font-family: var(--creote-family-one);
line-height: 28px;
padding: 16px 0px;
}
.account_dashboard_cm .woocommerce-MyAccount-content {
display: table-cell;
vertical-align: top;
width: auto !important;
float: inherit !important;
margin-left: 0px;
padding: 52px 100px 100px;
min-width: 80%;
width: 80%;
}
.page-template-elementor_canvas .account_dashboard_cm,
.page-template-template-full-empty .account_dashboard_cm {
height: 100vh;
}
.page-template-elementor_canvas .account_dashboard_cm .dash_btn_home,
.page-template-template-full-empty .account_dashboard_cm .dash_btn_home {
display: block;
}
.page-template-elementor_canvas .account_dashboard_cm:before,
.page-template-template-full-empty .account_dashboard_cm:before {
position: absolute;
content: "";
width: 20%;
height: 100%;
left: 0;
bottom: 0;
background: var(--primary-color-one);
}
.page-template-elementor_canvas .account_dashboard_cm .woocommerce-MyAccount-navigation,
.page-template-template-full-empty .account_dashboard_cm .woocommerce-MyAccount-navigation {
height: 100%;
}
.woocommerce-MyAccount-content {
position: relative;
}
.woocommerce-MyAccount-content h3 {
position: relative;
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: var(--heading-dark);
}
.woocommerce-MyAccount-content .woocommerce-address-fields {
position: relative;
margin: 20px 0px;
}
.woocommerce-MyAccount-content .form-row {
position: relative;
margin-bottom: 15px !important;
}
.woocommerce-MyAccount-content .form-row em {
display: block;
padding: 5px 0px 0px;
font-size: 14px;
color: var(--text-color-dark);
line-height: 22px;
}
.woocommerce-MyAccount-content .button {
position: relative !important;
padding: 0px 30px !important;
line-height: 56px !important;
font-size: 16px !important;
font-family: var(--creote-family-one) !important;
font-weight: 600 !important;
color: #fff !important;
background: var(--primary-color-two) !important;
margin-top: 20px !important;
transition: 0.3s !important;
-moz-transition: 0.3s !important;
-o-transition: 0.3s !important;
-ms-transition: 0.3s !important;
}
.woocommerce-MyAccount-content .button:hover {
background: var(--primary-color-one) !important;
}
.woocommerce-MyAccount-content .edit {
padding: 8px 20px;
font-size: 14px;
font-weight: 600;
font-family: var(--creote-family-one);
color: var(--primary-color-one);
color: #fff;
background: var(--primary-color-one);
border-radius: 5px;
}
.woocommerce-MyAccount-content fieldset {
padding: 20px 0px;
}
.woocommerce-MyAccount-content fieldset legend {
position: relative;
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: var(--heading-dark);
margin-bottom: 20px;
font-family: var(--creote-family-one);
}
.woocommerce-MyAccount-content .password-input {
position: relative;
}
.woocommerce-MyAccount-content .password-input .show-password-input {
position: absolute;
right: 20px !important;
width: 20px !important;
height: 20px !important;
text-align: center !important;
color: var(--primary-color-one);
top: 0;
bottom: 0;
margin: auto;
}
.woocommerce-MyAccount-content .password-input .show-password-input:after {
margin-left: 0px !important;
}
.woocommerce-Addresses {
position: relative;
}
.woocommerce-Addresses .title {
margin: 20px 0px 15px;
} .wishlist-title.wishlist-title-with-form h2:hover {
background: inherit !important;
}
.woocommerce-account .woocommerce-notices-wrapper {
position: absolute;
top: 0;
width: 100%;
z-index: 99;
left: 0;
padding: 10px;
}
.woocommerce-account .woocommerce-error, .woocommerce-account .woocommerce-info, .woocommerce-account .woocommerce-message {
background-color: #fff !important;
color: var(--primary-color-one) !important;
}
.whole_login_content {
position: relative;
}
.whole_login_content::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: linear-gradient(88deg, var(--primary-color-two) 42%, rgba(0, 0, 0, 0.09) 298%);
z-index: 1;
}
.whole_login_content .register_login {
position: relative;
overflow: hidden;
width: 100%;
min-width: 100%;
min-height: 100vh;
}
.whole_login_content .register_login .simpleParallax {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.whole_login_content .register_login .simpleParallax img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.whole_login_content .register_login .login_left_side {
position: relative;
z-index: 11;
max-width: 500px;
margin: 50px 0px;
padding: 100px 50px 90px;
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 0px 10px 10px 0px;
background: rgba(255, 255, 255, 0.01);
}
.whole_login_content .register_login .login_left_side p {
color: rgba(255, 255, 255, 0.8);
}
.whole_login_content .register_login .login_left_side .login_logo {
position: relative;
z-index: 11;
padding: 0px 0px 30px;
width: 100%;
height: auto;
}
.whole_login_content .register_login .login_left_side .login_logo img {
width: 200px;
height: auto;
}
.whole_login_content .register_login .login_left_side .login_forms_box {
position: relative;
z-index: 11;
}
.whole_login_content .register_login .login_left_side .login_forms_box h6 {
font-size: 18px;
line-height: 28px;
font-weight: 600;
margin-bottom: 8px;
color: var(--primary-color-one);
}
.whole_login_content .register_login .login_left_side .login_forms_box h2 {
font-size: 30px;
line-height: 40px;
color: #fff;
font-weight: 700;
margin-bottom: 40px;
}
.whole_login_content .register_login .login_left_side .login_forms_box .nav-pills {
display: inline-block;
margin-bottom: 30px !important;
}
.whole_login_content .register_login .login_left_side .login_forms_box .nav-pills .nav-item {
display: inline-block;
margin-bottom: 0px !important;
}
.whole_login_content .register_login .login_left_side .login_forms_box .nav-pills .nav-item .nav-link {
position: relative;
display: inline-block;
font-family: var(--creote-family-one);
padding: 10px 30px;
font-weight: 600;
border-radius: 5px;
color: var(--primary-color-one);
background: #fff;
}
.whole_login_content .register_login .login_left_side .login_forms_box .nav-pills .nav-item .nav-link.active {
background: var(--primary-color-one);
color: #fff;
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form {
position: relative;
padding: 0px;
border: 0px;
margin: 0px;
border: 0px;
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form label {
font-size: 16px;
font-weight: 400;
line-height: 26px;
display: block;
margin-bottom: 8px;
font-family: var(--creote-family-one);
color: #fff;
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form .form-row {
position: relative;
margin-bottom: 15px !important;
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form .form-row input:not(.woocommerce-form__input-checkbox) {
height: 50px;
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form .form-row .show-password-input {
position: absolute;
width: 20px;
text-align: center;
padding: unset !important;
height: 20px;
line-height: 20px;
top: 20px;
bottom: 0;
right: 13px;
margin: auto;
color: var(--text-color-light);
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form .form-row .show-password-input::after {
margin-left: 0px !important;
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form .form-row input, .whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form .form-row textarea {
background: rgba(255, 255, 255, 0.02);
border: 0px;
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form .form-row .woocommerce-form-login__rememberme {
position: relative;
margin-bottom: 30px;
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form .form-row .woocommerce-form-login__rememberme span {
position: relative;
top: 2px;
font-size: 14px;
}
.whole_login_content .register_login .login_left_side .login_forms_box .woocommerce-form .form-row button {
padding: 0px 35px;
font-size: 16px;
font-weight: 600;
line-height: 56px;
background: var(--primary-color-one);
color: #fff;
border-radius: 5px;
}
.whole_login_content .register_login .login_left_side .login_pg_footer {
position: relative;
max-width: 600px;
margin: auto;
} .side_bar_cart {
position: fixed;
right: -100%;
width: 100%;
height: 100%;
top: 0;
transition: 0.6s !important;
-moz-transition: 0.6s !important;
-o-transition: 0.6s !important;
-ms-transition: 0.6s !important;
z-index: 9999999;
overflow: hidden;
}
.side_bar_cart .cart_overlay {
position: absolute;
right: -100%;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
top: 0;
transition: 0.6s !important;
-moz-transition: 0.6s !important;
-o-transition: 0.6s !important;
-ms-transition: 0.6s !important;
z-index: 9999999;
}
.side_bar_cart .cart_right_conten {
position: absolute;
width: 350px;
height: 100%;
background: #fff !important;
z-index: 9999999;
padding: 80px 40px 50px 40px;
top: 0;
right: 0%;
box-shadow: var(--box-shadow);
transition: 0.6s !important;
-moz-transition: 0.6s !important;
-o-transition: 0.6s !important;
-ms-transition: 0.6s !important;
overflow: auto;
}
.side_bar_cart .cart_right_conten .close_btn_mini {
position: absolute;
width: 50px;
cursor: pointer;
height: 50px;
border-radius: 0px 0px 5px 0px;
background: var(--primary-color-one);
color: #fff;
top: 0;
left: 0;
}
.side_bar_cart .cart_right_conten .close_btn_mini i {
position: absolute;
font-size: 16px;
width: 20px;
height: 20px;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height: 20px;
text-align: center;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart__empty-message {
text-align: center;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart__total.total {
padding: 10px;
border-radius: 5px;
background: var(--primary-color-three);
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart__total.total strong {
font-size: 16px;
line-height: 26px;
display: inline-block;
margin-right: 5px;
color: var(--text-color-dark);
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart {
position: relative;
padding-bottom: 30px;
padding-left: 0px !important;
margin-bottom: 0px !important;
padding-right: 0px !important;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item {
position: relative;
display: flex;
margin: 0px !important;
padding: 20px 0px 20px !important;
border-bottom: 1px solid var(--border-color-dark);
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .image_box {
margin-right: 15px;
display: block;
min-width: 30%;
width: 30%;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .image_box img {
float: none !important;
width: 100%;
height: auto;
margin-left: 0px !important;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items {
position: relative;
width: 70%;
min-width: 70%;
padding-right: 35px;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items h2 {
line-height: normal;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items h2 a {
font-size: 16px;
display: block;
line-height: 28px;
font-weight: 600;
margin-bottom: 8px;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items .remove_from_cart_button {
position: absolute;
right: 0px;
top: 11px;
width: 30px;
height: 30px;
border-radius: 50px;
border: 1px solid var(--border-color-dark);
line-height: 27px;
text-align: center;
display: block;
font-size: 16px;
color: var(--primary-color-one) !important;
background: #fff;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item .content_right_car_box_items .remove_from_cart_button:hover {
background: var(--primary-color-one) !important;
color: #fff !important;
border-color: var(--primary-color-one) !important;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item:first-child {
padding-top: 0px !important;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart .woocommerce-mini-cart-item:last-child {
padding-bottom: 0px;
border-bottom: 0px;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart__buttons {
display: block;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart__buttons a {
position: relative;
padding: 6px 25px !important;
line-height: 35px !important;
font-size: 14px;
font-family: var(--creote-family-one);
font-weight: 600;
color: #fff;
background: var(--primary-color-one);
display: inline-block;
border-radius: 5px;
}
.side_bar_cart .cart_right_conten .woocommerce-mini-cart__buttons a:last-child {
float: right;
}
.blockOverlay {
background: rgba(255, 255, 255, 0.95) !important;
}
.side_bar_cart-visible .side_bar_cart {
right: 0;
}
.side_bar_cart-visible .side_bar_cart .cart_overlay {
right: 0;
}
.side_bar_cart-visible .side_bar_cart .cart_right_conten {
right: 0;
}
.flex-control-nav {
position: relative;
}
.flex-control-nav li {
padding: 10px;
}
.comment-respond .comment-form-rating label {
margin-bottom: 10px;
display: block;
}
.comment-respond .comment-form-author, .comment-respond .comment-form-email {
position: relative;
float: left;
width: 50%;
z-index: 99;
margin-right: 0px !important;
}
.comment-respond .comment-form-author {
padding-right: 15px;
}
.comment-respond .comment-form-email {
padding-left: 15px;
}
.comment-respond .comment-form-cookies-consent {
margin: 0px 0px 25px;
}
.comment-respond .form-submit input {
font-size: 12px;
font-family: var(--creote-family-one);
}
@media (max-width: 768px) {
.comment-respond .comment-form-author, .comment-respond .comment-form-email {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
} .product_shop_section .project-wrapper.grid_box {
margin-bottom: 0px !important;
}
.product_shop_section.three_column .product_box.type_one {
padding: 30px 35px;
} @media (max-width: 768px) {
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
width: 100%;
margin-bottom: 8px !important;
text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display: none !important;
}
} .offer.style_one {
position: relative;
}
.offer.style_one .counter_section {
position: relative;
text-align: left;
margin-bottom: 20px;
}
.offer.style_one .counter_section .Countdown-timer .item {
padding: 0px 20px 0px 0px;
margin-right: 20px;
}
.offer.style_one .counter_section .Countdown-timer .item span {
color: var(--heading-dark);
}
.offer.style_one .counter_section .Countdown-timer .item p {
color: var(--heading-dark);
}
.offer.style_one .counter_section .Countdown-timer .item small {
color: var(--heading-dark);
}
.offer.style_one h6 {
font-size: 18px;
line-height: 30px;
padding: 5px 15px;
background: #fff;
color: var(--primary-color-one);
font-weight: 600;
display: inline-block;
margin-bottom: 30px;
}
.offer.style_one h1 {
font-size: 54px;
line-height: 70px;
margin-bottom: 20px;
color: var(--heading-dark);
}
.offer.style_one p {
margin-bottom: 20px;
}
.offer.style_one .bottom_content {
position: relative;
}
.woocommerce-privacy-policy-text {
margin-bottom: 15px;
}
@media (max-width: 992px) {
.columns-1 .project-wrapper, .columns-2 .project-wrapper, .columns-3 .project-wrapper, .columns-4 .project-wrapper, .columns-5 .project-wrapper, .columns-6 .project-wrapper, .columns-7 .project-wrapper, .columns-8 .project-wrapper, .columns-9 .project-wrapper, .columns-10 .project-wrapper {
width: 33.33% !important;
}
}
@media (max-width: 768px) {
.columns-1 .project-wrapper, .columns-2 .project-wrapper, .columns-3 .project-wrapper, .columns-4 .project-wrapper, .columns-5 .project-wrapper, .columns-6 .project-wrapper, .columns-7 .project-wrapper, .columns-8 .project-wrapper, .columns-9 .project-wrapper, .columns-10 .project-wrapper {
width: 50% !important;
}
}
@media (max-width: 480px) {
.columns-1 .project-wrapper, .columns-2 .project-wrapper, .columns-3 .project-wrapper, .columns-4 .project-wrapper, .columns-5 .project-wrapper, .columns-6 .project-wrapper, .columns-7 .project-wrapper, .columns-8 .project-wrapper, .columns-9 .project-wrapper, .columns-10 .project-wrapper {
width: 100% !important;
}
}
.woocommerce-lost-password {
padding: 100px;
text-align: center;
background: var(--primary-color-three);
}
.woocommerce-lost-password .lost_reset_password p {
margin-bottom: 20px;
}
.woocommerce-lost-password .lost_reset_password .woocommerce-Input--text {
margin-bottom: 15px !important;
}
.woocommerce-lost-password .woocommerce {
max-width: 700px;
margin: auto;
background: #fff;
padding: 50px;
border: 1px solid var(--border-color-dark);
}
.woocommerce-lost-password .woocommerce form .form-row-first, .woocommerce-lost-password .woocommerce-page form .form-row-first {
float: unset;
margin: auto;
width: unset !important;
}
@media (max-width: 768px) {
.woocommerce-lost-password {
padding: 50px;
}
.woocommerce-lost-password .woocommerce {
max-width: 95%;
padding: 20px;
}
}
.products_box_outer .products.project_container {
padding-top: 10px;
}
.products_box_outer .products_project_container {
margin: 0px;
padding: 0px;
text-align: center;
}
.products_box_outer .product-category {
position: relative;
display: inline-block;
width: 24%;
padding: 5px 10px 10px;
}
.products_box_outer .product-category a {
border: 1px solid var(--border-color-dark);
padding: 20px 15px;
border-radius: 10px;
text-align: center;
display: block;
}
.products_box_outer .product-category img {
width: 100px;
height: auto;
margin: auto;
display: block;
}
.products_box_outer .product-category .woocommerce-loop-category__title {
font-size: 18px;
line-height: 26px;
color: var(--heading-dark);
margin: 0px;
}
.products_box_outer .product-category .woocommerce-loop-category__title .count {
width: 30px;
height: 30px;
position: relative;
display: inline-block;
background: var(--primary-color-three);
color: var(--primary-color-one);
font-size: 16px;
line-height: 26px;
text-align: center;
border-radius: 30px;
}
@media (max-width: 992px) {
.products_box_outer .product-category {
width: 32%;
}
.products_box_outer .product-category a {
min-height: 200px;
}
}
@media (max-width: 768px) {
.products_box_outer .product-category {
width: 49%;
}
}
@media (max-width: 450px) {
.products_box_outer .product-category {
width: 100%;
}
}
.sold-individually .quantity {
display: none;
}
@media (max-width: 992px) {
.page-template-elementor_canvas .account_dashboard_cm, .page-template-template-full-empty .account_dashboard_cm {
height: unset !important;
}
} .widget_product_tag_cloud {
position: relative;
}
.widget_product_tag_cloud .tag-cloud-link {
padding: 8px 15px;
background: var(--primary-color-three);
border-radius: 5px;
font-size: 15px;
font-weight: 500;
font-family: var(--creote-family-one);
color: var(--text-color-dark);
border: 1px solid var(--border-color-dark);
transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
display: inline-block;
margin-bottom: 5px;
}
.widget_product_tag_cloud .tag-cloud-link:hover {
background: var(--primary-color-one) !important;
color: #fff !important;
}
.woocommerce .widgets_grid_box .product_list_widget,
.woocommerce .widgets_grid_box .cart_list {
overflow: inherit !important;
padding: 0px;
margin: 0px;
position: relative;
padding-inline-start: 0px;
}
.woocommerce .widgets_grid_box .product_list_widget li,
.woocommerce .widgets_grid_box .cart_list li {
display: block;
padding-top: 0px;
min-height: 85px;
margin-bottom: 15px !important;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-color-dark);
padding-left: 0px !important;
}
.woocommerce .widgets_grid_box .product_list_widget li a,
.woocommerce .widgets_grid_box .cart_list li a {
color: car(--heading-dark);
line-height: 22px;
display: block;
width: 100%;
text-align: left;
margin-bottom: 10px;
}
.woocommerce .widgets_grid_box .product_list_widget li a span,
.woocommerce .widgets_grid_box .cart_list li a span {
margin-left: 85px;
text-transform: capitalize;
margin-bottom: 5px;
display: block;
font-weight: 600;
font-size: 16px;
}
.woocommerce .widgets_grid_box .product_list_widget li img,
.woocommerce .widgets_grid_box .cart_list li img {
width: 70px;
height: 70px;
margin-top: 0px;
float: left;
margin-left: 0px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.woocommerce .widgets_grid_box .product_list_widget li .woocommerce-Price-amount.amount,
.woocommerce .widgets_grid_box .cart_list li .woocommerce-Price-amount.amount {
margin-left: 14px;
font-size: 12px;
font-family: var(--creote-family-one);
color: var(--primary-color-one);
}
.woocommerce .widgets_grid_box .product_list_widget li del,
.woocommerce .widgets_grid_box .cart_list li del {
margin-left: 14px;
margin-right: 8px;
text-decoration: line-through;
}
.woocommerce .widgets_grid_box .product_list_widget li del .woocommerce-Price-amount.amount,
.woocommerce .widgets_grid_box .cart_list li del .woocommerce-Price-amount.amount {
color: var(--text-color-light) !important;
}
.woocommerce .widgets_grid_box .product_list_widget li .star-rating,
.woocommerce .widgets_grid_box .cart_list li .star-rating {
margin-left: 75px;
margin-bottom: 10px;
}
.woocommerce .widgets_grid_box .product_list_widget li del, .woocommerce .widgets_grid_box .product_list_widget li ins,
.woocommerce .widgets_grid_box .cart_list li del,
.woocommerce .widgets_grid_box .cart_list li ins {
float: left;
font-size: 12px;
font-family: var(--creote-family-one);
color: var(--primary-color-one);
}
.woocommerce .widgets_grid_box .product_list_widget li del .woocommerce-Price-amount.amount, .woocommerce .widgets_grid_box .product_list_widget li ins .woocommerce-Price-amount.amount,
.woocommerce .widgets_grid_box .cart_list li del .woocommerce-Price-amount.amount,
.woocommerce .widgets_grid_box .cart_list li ins .woocommerce-Price-amount.amount {
margin-left: 0px !important;
margin-right: 0px !important;
}
.woocommerce .widgets_grid_box .wc-block-grid__products {
position: relative;
display: block;
flex-wrap: inherit;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li {
width: 100%;
flex: 100%;
max-width: 100%;
margin-bottom: 15px !important;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-color-dark);
text-align: left;
padding: 0px 0px;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li a {
display: block;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li a .wc-block-grid__product-image {
width: 60px;
height: 70px;
margin-top: 0px;
float: left;
margin-left: 0px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li a .wc-block-grid__product-title {
margin-left: 75px;
font-weight: 600;
text-transform: capitalize;
font-family: var(--creote-family-one);
font-size: 16px;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-price {
margin-left: 75px;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-price del, .woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-price ins {
font-size: 12px;
font-family: var(--creote-family-one);
color: var(--primary-color-one);
}
.woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-price del {
color: var(--text-color-light) !important;
margin-right: 8px;
text-decoration: line-through;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-onsale {
position: absolute;
left: 2px;
top: 2px;
background: var(--primary-color-one);
font-size: 10px;
font-weight: 500;
color: #fff;
border: 0px;
border-radius: 5px;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-rating {
margin: 0px 0px 5px 0px;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-rating::after {
content: "";
clear: both;
display: table;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li .wc-block-grid__product-rating .star-rating {
position: absolute;
float: left;
width: 100%;
margin-left: 75px;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li .wp-block-button.wc-block-grid__product-add-to-cart {
margin-left: 75px;
}
.woocommerce .widgets_grid_box .wc-block-grid__products li .wp-block-button.wc-block-grid__product-add-to-cart a {
font-size: 10px;
border: 0px;
padding: 4px 14px;
border-radius: 30px;
font-weight: 500;
display: inline-block;
text-transform: none;
color: #fff;
background: var(--primary-color-one);
margin: 12px 0px 0px 0px;
}
.woocommerce .widgets_grid_box .wc-block-product-categories-list {
position: relative;
}
.woocommerce .widgets_grid_box .wc-block-product-categories-list li {
position: relative;
padding: 15px 25px 15px 20px;
}
.woocommerce .widgets_grid_box .wc-block-product-categories-list li::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-radius: 20px;
border: 1px solid var(--border-color-dark);
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.woocommerce .widgets_grid_box .wc-block-product-categories-list li:first-child {
padding-top: 0px !important;
}
.woocommerce .widgets_grid_box .wc-block-product-categories-list li:first-child::before {
top: -11px;
}
.woocommerce .widgets_grid_box .wc-block-product-categories-list li:last-child {
padding-bottom: 0px !important;
}
.woocommerce .widgets_grid_box .wc-block-product-categories-list li:last-child::before {
bottom: -11px;
}
.woocommerce .widgets_grid_box .wc-block-product-categories-list li span.wc-block-product-categories-list-item-count {
position: absolute;
right: 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: var(--primary-color-three) !important;
height: 6px !important;
}
.widgets_grid_box .price_slider_wrapper .button {
padding: 10px 20px !important;
line-height: normal !important;
width: 100px;
font-size: 12px;
min-height: 35px;
height: 35px;
}
.widgets_grid_box .price_slider_wrapper .price_label {
margin-left: 110px;
text-align: left;
font-size: 12px;
line-height: 26px;
font-weight: 600;
font-family: var(--creote-family-one);
color: var(--heading-dark);
line-height: 35px;
}
.widgets_grid_box .price_slider_wrapper .price_label span {
color: var(--primary-color-one);
}
.widgets_grid_box .widget_layered_nav_filters ul li {
border: 0px !important;
}
.widgets_grid_box .widget_layered_nav_filters ul li a::before {
color: var(--primary-color-one) !important;
} .wc-block-product-search__label {
position: relative;
margin-bottom: 50px;
font-size: 18px;
margin-left: 60px;
font-weight: 700;
line-height: 26px;
color: var(--heading-dark);
font-family: var(--creote-family-one);
}
.wc-block-product-search__label:before {
position: absolute;
content: "";
width: 50px;
left: -60px;
height: 2px;
background: var(--primary-color-one);
top: 0;
bottom: 0;
margin: auto;
}
.wc-block-product-search__label:after {
position: absolute;
content: "";
width: 10px;
left: -60px;
height: 10px;
border-radius: 10px;
background: var(--primary-color-one);
top: 0;
bottom: 0;
margin: auto;
}
.wc-block-product-search__fields {
position: relative;
}
.wc-block-product-search__fields input {
width: 100%;
padding: 0px 15px;
}
.wc-block-product-search__fields .wc-block-product-search__button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 56px;
height: 56px;
line-height: 56px;
background: transparent;
border: 0px;
}
.wc-block-product-search__fields .wc-block-product-search__button:before {
position: absolute;
content: "\e914";
font-family: "icomoon";
font-size: 20px;
color: var(--primary-color-two);
top: 0px;
right: 20px;
bottom: 0;
margin: auto;
z-index: 1;
height: 56px;
line-height: 56px;
font-weight: 500;
}
.wc-block-product-search__fields .wc-block-product-search__button svg {
display: none;
}
.object_banner_fit img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.job_grid_box {
position: relative;
background: var(--primary-color-three);
border: 1px solid var(--border-color-dark);
padding: 30px 30px;
border-radius: 5px;
margin-bottom: 30px;
}
.job_grid_box .inner_bx {
position: relative;
}
.job_grid_box .inner_bx .logo_bx {
position: absolute;
width: 105px;
top: 0;
left: 0;
}
.job_grid_box .inner_bx .logo_bx img {
width: 80px;
}
.job_grid_box .inner_bx .content_bx {
position: relative;
margin-left: 105px;
}
.job_grid_box .inner_bx .content_bx .meta {
position: relative;
margin-top: 18px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left: 0px;
padding-top: 18px;
border-top: 1px solid var(--border-color-dark);
}
.job_grid_box .inner_bx .content_bx .meta li {
display: inline-block;
margin-right: 18px;
margin-bottom: 0px;
position: relative;
padding-left: 25px;
text-transform: capitalize;
font-size: 15px;
}
.job_grid_box .inner_bx .content_bx .meta li::before {
position: absolute;
font-family: "icomoon";
font-size: 18px;
color: var(--primary-color-one);
left: 0;
top: 0;
bottom: 0;
margin: auto;
line-height: 20px;
}
.job_grid_box .inner_bx .content_bx .meta li:first-child::before {
content: "\e9e6";
}
.job_grid_box .inner_bx .content_bx .meta li.job-type:before {
content: "\e978";
}
.job_grid_box .inner_bx .content_bx .meta li.date:before {
content: "\e98b";
}
.job_grid_box .inner_bx .content_bx h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 7px;
line-height: 32px;
}
.job_grid_box .inner_bx .content_bx .company {
position: relative;
}
.wp-video {
width: 100% !important;
height: 100% !important;
}
.single_job_listing .meta .location::before, .single_job_listing .company .company_twitter::before, .single_job_listing .meta .date-posted::before,
.single_job_listing .company .website::before {
color: var(--primary-color-one) !important;
}
.single_job_listing .meta .full-time {
background-color: var(--primary-color-one) !important;
padding: 10px 20px;
border-radius: 30px;
}
.single_job_listing .company, .single_job_listing .company .company_video {
border-color: var(--border-color-dark) !important;
}
.single_job_listing .com_inner {
display: flex;
}
.single_job_listing .com_inner .company_logo {
position: relative;
float: unset;
margin-right: 30px;
max-width: 3rem;
}
.single_job_listing .com_inner .comp_content .list_meta {
padding: 0px;
margin: 0px 0px 5px;
}
.single_job_listing .com_inner .comp_content .list_meta li {
list-style: none;
display: inline-block;
margin-right: 15px;
}
.single_job_listing .com_inner .comp_content h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 7px;
line-height: 32px;
}
.rp4wp-related-job_listing > ul li.job_listing a:hover, .rp4wp-related-job_listing > ul li.job_listing a:focus, .rp4wp-related-job_listing > ul li.no_job_listings_found a:hover, .rp4wp-related-job_listing > ul li.no_job_listings_found a:focus, ul.job_listings li.job_listing a:hover, ul.job_listings li.job_listing a:focus, ul.job_listings li.no_job_listings_found a:hover, ul.job_listings li.no_job_listings_found a:focus {
background-color: var(--primary-color-three) !important;
}
.job_filters .search_jobs {
background: var(--primary-color-three);
padding: 2rem 2rem 1rem 2rem !important;
}
.job_filters .job_types {
padding: 1rem 0rem !important;
background: #fff !important;
}
.rp4wp-related-job_listing > ul, ul.job_listings, .job_filters .job_types {
border: unset !important;
}
.rp4wp-related-job_listing > ul li.job_listing, .rp4wp-related-job_listing > ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {
border: 1px solid var(--border-color-dark) !important;
margin-bottom: 10px !important;
}
.rp4wp-related-job_listing > ul li.job_listing a img.company_logo, .rp4wp-related-job_listing > ul li.no_job_listings_found a img.company_logo, ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
left: 25px !important;
}
.rp4wp-related-job_listing > ul li.job_listing a div.position, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
padding: 0 0 0 60px !important;
}
.rp4wp-related-job_listing > ul li.job_listing a, .rp4wp-related-job_listing > ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
padding: 2rem 2rem !important;
}
.rp4wp-related-job_listing > ul li.job_listing a .meta .job-type, .rp4wp-related-job_listing > ul li.no_job_listings_found a .meta .job-type, ul.job_listings li.job_listing a .meta .job-type, ul.job_listings li.no_job_listings_found a .meta .job-type {
font-size: 15px;
font-family: var(--creote-family-one) !important;
}
.rp4wp-related-job_listing > ul li.job_listing a div.location, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.location, ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {
text-transform: capitalize;
font-family: var(--creote-family-one) !important;
}
.rp4wp-related-job_listing > ul li.job_listing a div.location strong, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.location strong, ul.job_listings li.job_listing a div.location strong, ul.job_listings li.no_job_listings_found a div.location strong {
color: var(--primary-color-one) !important;
}
.rp4wp-related-job_listing > ul li.job_listing.job_position_featured a, .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured a, ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.no_job_listings_found.job_position_featured a {
opacity: 1 !important;
}
.rp4wp-related-job_listing > ul li.job_listing.job_position_featured, .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured,
ul.job_listings li.job_listing.job_position_featured, ul.job_listings li.no_job_listings_found.job_position_featured {
border-color: #fefee5 !important;
}
.rp4wp-related-job_listing > ul li.job_listing, .rp4wp-related-job_listing > ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {
border-color: var(--primary-color-three) !important;
}
.rp4wp-related-job_listing > ul li.job_listing:hover, .rp4wp-related-job_listing > ul li.job_listing:focus, .rp4wp-related-job_listing > ul li.no_job_listings_found:hover, .rp4wp-related-job_listing > ul li.no_job_listings_found:focus, ul.job_listings li.job_listing:hover, ul.job_listings li.job_listing:focus, ul.job_listings li.no_job_listings_found:hover, ul.job_listings li.no_job_listings_found:focus {
border-color: var(--primary-color-three) !important;
}
.job-manager-form h2 {
margin-bottom: 30px;
margin-top: 20px;
}
.job-manager-form input[type=file] {
padding: 10px 15px 10px 15px;
}
.job-manager-form fieldset label:not(.full-line-checkbox-field label) {
font-size: 16px;
color: var(--heading-dark);
line-height: 28px;
font-weight: 600;
font-family: var(--creote-family-one);
}
.job-manager-form .spinner {
position: absolute;
bottom: -20px;
right: 0;
}
.rp4wp-related-job_listing > ul li.job_listing a div.position h3, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position h3, ul.job_listings li.job_listing a div.position h3, ul.job_listings li.no_job_listings_found a div.position h3 {
margin: 0px 0px 10px !important;
}
.header.header_default.style_nine .header_right_content .search-toggler, .header.header_default.style_nine .header_right_content .theme-btn {
margin-left: 20px;
}
.header.header_default.style_nine.pack_two_style_two, .header.header_default.style_nine.pack_two_style_one {
position: relative;
}
.header.header_default.style_nine.pack_two_style_two .header_right_content, .header.header_default.style_nine.pack_two_style_one .header_right_content {
position: relative;
}
.header.header_default.style_nine.pack_two_style_two .header_right_content .search-toggler, .header.header_default.style_nine.pack_two_style_one .header_right_content .search-toggler {
border: 0px;
background: unset;
color: var(--heading-dark);
font-size: 20px;
line-height: 20px;
}
.sidemenu_area {
position: fixed;
top: 0px;
right: -100px;
z-index: 99999999;
width: 80%;
height: 100%;
text-align: center;
transform: translateX(100%);
transition: transform 500ms ease;
transition: transform 500ms ease;
border-radius: 10px 0px 0px 10px;
}
.sidemenu_area .side_menu_content {
background-color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
margin: auto;
z-index: 99999999999;
box-shadow: var(--box-shadow-two);
overflow: auto;
padding: 40px 0px 0px;
border: 1px solid var(--border-color-one);
}
.sidemenu_area .side_menu_content #side_menu_toggle_btn_close {
position: fixed;
background: var(--primary-color-one);
font-size: 20px;
color: #fff;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
top: 6px;
left: -19px;
border-radius: 50px;
right: 0;
z-index: 999999;
}
.sidemenu_area .side_menu_content::-webkit-scrollbar {
width: 8px;
}
.sidemenu_area .side_menu_content::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px #f1f1f1;
background: #f1f1f1;
}
.sidemenu_area .side_menu_content::-webkit-scrollbar-thumb {
background: var(--primary-color-one);
box-shadow: inset 0 0 6px var(--primary-color-one);
}
.sidemenu_area .side_menu_content::-webkit-scrollbar-thumb:window-inactive {
background: var(--primary-color-one);
}
body.side_menu_toggled .sidemenu_area {
transform: translateX(0%);
right: 0;
}
body.side_menu_toggled #side_menu_toggle_btn {
opacity: 0;
visibility: hidden;
}
body.side_menu_toggled .style-switcher {
z-index: 9999;
}
@media (min-width: 1500px) {
.sidemenu_area {
width: 65%;
}
}
.sidemenu_content_bx {
position: fixed;
top: 20%;
right: 8px;
min-width: 75px;
height: auto;
transition: 500ms;
z-index: 999999;
min-height: 432px;
margin: auto;
transition: 0.5s ease-in-out !important;
}
.sidemenu_content_bx .not_for_mobile_cart {
display: block !important;
}
.sidemenu_content_bx.scrolled {
opacity: 0;
top: 25%;
visibility: hidden;
}
.sidemenu_content_bx li {
text-align: center;
display: block;
position: relative;
padding: 8px 8px;
border-radius: 5px;
z-index: 999999;
font-size: 12px;
color: #fff;
border: 1px solid #fc2158;
background-color: #fc2158;
transition: 0.5s ease-in-out !important;
}
.sidemenu_content_bx li .mini-cart-count {
position: absolute;
width: 25px;
top: 10px;
left: -14px;
height: 25px;
font-size: 12px;
line-height: 25px;
text-align: center;
border-radius: 30px;
background: #fff;
color: var(--text-color-dark);
box-shadow: var(--box-shadow);
font-weight: 600;
}
.sidemenu_content_bx li a {
color: #fff;
line-height: 10px;
}
.sidemenu_content_bx li img {
width: 28px;
display: block;
padding-bottom: 5px;
margin: auto;
}
.sidemenu_content_bx li:hover {
border: 1px solid #fff;
}
@media (max-width: 992px) {
.sidemenu_content_bx {
display: none;
}
}  @media (max-width: 1199px) {
.sidemenu_area {
width: 70%;
}
.account_dashboard_cm {
display: block !important;
}
.account_dashboard_cm .woocommerce-MyAccount-navigation {
width: 100% !important;
display: block !important;
padding: 20px 20px 15px 20px;
}
.account_dashboard_cm .woocommerce-MyAccount-navigation li {
display: inline-block;
border: unset !important;
padding: 0px 20px 0px 35px;
margin-bottom: 0px !important;
}
.account_dashboard_cm .woocommerce-MyAccount-content {
display: block !important;
padding: 20px;
}
.account_dashboard_cm .dash_btn_home a {
padding: 5px 14px !important;
height: unset;
line-height: normal !important;
min-height: unset !important;
}
.page-template-elementor_canvas .account_dashboard_cm:before, .page-template-template-full-empty .account_dashboard_cm:before {
display: none;
}
.page_wapper {
overflow: hidden;
}
.modal_popup {
padding: 50px 20px;
}
.header.style_one.style_two_remade {
position: relative;
}
.header.style_one.style_two_remade .auto-container {
padding: 15px 0px 15px;
border-radius: 0px;
}
.header.style_three .mid_logo_icon {
margin-bottom: 20px;
}
.header.style_three .same_column {
padding: 0px !important;
width: 33.33%;
}
.header.style_three .same_column::before {
display: none !important;
}
.header.style_three .navbar_outer .menu_column {
width: 100% !important;
padding: 0px !important;
}
.header.style_three .navbar_outer .menu_column .hamburger_menu {
float: left !important;
top: 19px;
}
.header.style_three .navbar_outer .menu_column .hamburger_menu .line {
background-color: #fff !important;
}
.header.style_three .navbar_outer .header_content_collapse {
display: block !important;
}
.header.style_three .navbar_outer .header_content_collapse .header_menu_box {
display: none !important;
}
.fixed-header .header.style_three .navbar_outer .menu_column .hamburger_menu .line {
background-color: var(--primary-color-two) !important;
}
.slider.pag_position_one .owl-dots {
position: absolute !important;
top: inherit !important;
left: 0px !important;
transform: inherit !important;
bottom: 20px !important;
right: 0 !important;
margin: auto;
text-align: center;
width: 100% !important;
}
.slider .p_pagination .swiper-pagination .owl-dots .owl-dot {
display: inline-block !important;
margin: 0px 10px !important;
}
br {
display: none;
}
.parallax_cover img {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.area_of_expertise .parallax_cover .simpleParallax img {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.area_of_expertise .shape_enable {
display: none;
}
.testimonial_sec.style_one .icon_quotes {
position: relative;
left: inherit !important;
margin-bottom: 35px;
}
.team_intro_box .image_right, .team_intro_box .image_right img {
height: 250px !important;
width: auto !important;
}
.team_intro_box .image_right {
top: inherit;
bottom: 0px;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode p {
margin-bottom: 15px !important;
}
.slider.style_one:before,
.slider.style_four:before {
display: none;
}
}
@media (max-width: 992px) {
.header_area, .elementor-location-header {
display: none;
}
.not_for_mobile_cart {
display: none;
}
.area_of_expertise .expertise_box:first-child::after {
display: none;
}
.slider_version_v2.style_five .slide-item-content .slider_content {
padding: 100px 0px !important;
}
.header_boxed.style_four {
position: relative;
}
.breadcrumbs ul li {
margin-bottom: 5px;
}
.right-sidebar .all_side_bar .side_bar, .left-sidebar .all_side_bar .side_bar {
padding-right: 0px;
margin-right: 0px;
}
.left-sidebar .all_side_bar .side_bar::after {
display: none;
}
.slider.style_two {
min-height: auto;
}
.grid_show_case .grid_box {
width: 50% !important;
}
.slider.style_one .slide-item-content .slider_content,
.slider.style_four .slide-item-content .slider_content,
.slider.style_two .slide-item-content .auto-container {
padding: 150px 0px !important;
}
.slider.style_two .slide-item-content,
.slider.style_one .slide-item-content {
text-align: center;
}
.slider.style_two .slide-item-content.content_right .slider_image,
.slider.style_two .slide-item-content.content_left .slider_image {
display: none !important;
}
.slider.style_two .slide-item-content .slider_content h1, .slider.style_four .slide-item-content .slider_content h1, .slider.style_one .slide-item-content .slider_content h1 {
font-size: 50px;
line-height: 60px;
padding-left: 0px;
border: 0px;
margin-bottom: 15px;
}
.slider.nav_position_one .owl-next {
position: absolute;
top: inherit;
bottom: 80px;
right: inherit;
display: inline-block;
left: 75px;
}
.slider.nav_position_one .owl-prev {
position: absolute;
top: inherit;
bottom: 82px;
left: 14px;
display: inline-block;
}
.slider.style_two .owl-prev::before, .slider.style_two .owl-next::before {
width: 50px;
height: 50px;
line-height: 50px;
color: var(--primary-color-one);
}
.title_all_box .title_sections h2,
.title_all_box.style_one .title_sections h2,
.title_all_box.style_two .title_sections h2 {
font-size: 36px;
line-height: 46px;
}
.call_to_action.style_one .left_content {
padding: 80px 30px;
}
.call_to_action.style_one .left_content .main_content h1 {
font-size: 40px;
line-height: 50px;
}
.call_to_action.style_one .bottom_content .button_content {
display: block;
}
.call_to_action.style_one .bottom_content .button_content a {
margin-bottom: 15px;
}
.call_to_action.style_one .bottom_content .call_content {
margin-left: 0px;
}
.image_boxes.style_one {
display: block;
}
.image_boxes.style_one .image.one {
width: 100%;
height: 100%;
}
.image_boxes.style_one .image.two {
left: 0;
right: 0;
margin: auto;
}
.project_all.filt_style_one .fliter_group .project_filter li {
margin-bottom: 5px;
}
.slider.style_one .slide-item-content .slider_image {
display: none !important;
}
.newsteller.style_one .content {
margin-bottom: 20px;
}
.image_boxes.style_two .image.one {
width: 100%;
display: block;
margin-bottom: 30px;
}
.image_boxes.style_two {
width: 100%;
display: block;
min-height: auto;
}
.image_boxes.style_two .image.two {
position: relative;
width: 100%;
display: block;
margin-bottom: 30px;
float: none;
right: inherit;
margin-top: 0px;
}
.image_boxes.style_two .authour_quotes {
width: auto;
display: inline-block;
bottom: inherit;
top: 30px;
left: 30px;
}
.image_boxes.style_two .background_image {
display: none;
}
.error_404 {
margin-bottom: 30px;
text-align: center;
}
.team_intro_box .team_intro_inner .team_intro_start .title h6 {
font-size: 26px;
line-height: 36px;
}
.team_intro_box .team_intro_inner .team_intro_start .title h1 {
font-size: 40px;
line-height: 50px;
}
.price_plan_box.style_one, .price_plan_box.style_two {
margin-bottom: 30px;
}
.single-post.right-sidebar .content-area, .single-post.left-sidebar .content-area {
padding: 0px 0px !important;
}
.project_box.style_three .content_inner {
float: none;
width: 100%;
margin-bottom: 30px;
padding: 0px;
}
.project_box.style_three {
padding: 30px;
}
.project_box.style_three .image {
width: 100%;
float: none;
}
.modal_popup .modal-popup-inner .about_company_inner {
padding: 40px;
}
.area_of_expertise .title_and_video .video_box {
position: relative;
margin-bottom: 50px;
}
.area_of_expertise .title_and_video .title_all_box {
text-align: center !important;
}
.top_bar.style_two {
padding: 15px 0px 20px !important;
}
.slider_version_v3.style_one .slide-item-content .slider_content {
padding: 0px 0px 50px !important;
}
}
@media (max-width: 768px) {
.page_header_default .page_header_content .banner_title_inner .title_page {
font-size: 30px;
line-height: 40px;
}
.sidemenu_area {
width: 100%;
}
.heading.type_one .heading_text {
font-size: 30px;
line-height: 40px;
}
.sidemenu_area .side_menu_content #side_menu_toggle_btn_close {
left: unset;
position: absolute;
right: 0px;
top: 0;
border-radius: 0px;
}
.style-switcher {
display: none;
}
.news_box.default_style.list_view {
display: block;
}
.news_box.default_style.list_view .image {
width: 100%;
min-width: 100%;
max-width: 100%;
min-height: auto;
overflow: hidden;
}
.news_box.default_style.list_view .content_box {
padding: 30px 20px;
}
.newsteller.style_two .item_scubscribe {
width: 100%;
}
.newsteller.style_two .item_scubscribe input[type=submit] {
position: relative;
text-align: center;
margin: auto;
margin-top: 10px;
}
.single_banner.style_one .slider_content h1 {
font-size: 40px;
line-height: 52px;
}
.single_banner.style_one .slider_content h6 {
font-size: 15px;
line-height: 28px;
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable {
grid-template-columns: 1fr 1fr 1fr;
}
.modal_popup .modal-popup-inner .post_contet_modal .post_enable .modal_post_grid img {
width: 100px;
height: 100px;
}
.sec_comments .comment-respond form .comment-form-author, .sec_comments .comment-respond form .comment-form-email {
width: 100% !important;
}
.image_boxes .image_box {
position: relative;
margin: 20px 0px !important;
width: 100%;
}
.image_boxes .image_box img {
width: 100% !important;
}
.side_bar_cart .cart_right_conten {
width: 100%;
}
.header_boxed.style_four .top_bar .theme-btn {
padding: 0px 20px;
}
.header.style_three .same_column {
padding: 0px !important;
width: 50%;
margin-bottom: 15px !important;
}
.testimonial_sec.style_v2_one .testimonial_box {
display: block;
}
.testimonial_sec.style_v2_one .testimonial_box .image {
min-width: 100%;
width: 100%;
margin-bottom: 20px;
border-radius: 5px;
}
.testimonial_sec.style_v2_one .testimonial_box .authour_details {
min-width: 100%;
width: 100%;
}
.testimonial_sec.style_v2_one .arrows {
position: relative;
height: 50px;
padding-top: 20px;
left: 0;
}
.testimonial_sec.style_v2_one .arrows .prev-single-one {
left: 10px;
}
.testimonial_sec.style_v2_one .arrows .next-single-one {
right: 10px;
}
.slider.nav_position_one .owl-next,
.slider.nav_position_one .owl-prev {
display: none !important;
}
.tags_and_share {
text-align: center;
}
.tags_and_share .tags_content {
margin-bottom: 15px;
}
.tags_and_share .d-flex {
display: block !important;
}
.tags_and_share .share_content {
text-align: center !important;
}
.previouse_next_post ul li {
float: none;
width: 100%;
padding: 0px;
}
.previouse_next_post ul li .prev_post {
margin-right: 0px;
margin-bottom: 20px;
text-align: center;
}
.previouse_next_post ul li .prev_post .arrow {
position: relative;
left: inherit;
}
.previouse_next_post ul li .prev_post .text {
margin-top: 20px;
margin-left: 0px !important;
}
.previouse_next_post ul li .next_post {
margin-left: 0px;
}
.previouse_next_post ul li .next_post .text {
margin-left: 0px;
margin-bottom: 20px;
text-align: center;
}
.previouse_next_post ul li .next_post .arrow {
position: relative;
right: inherit;
}
.previouse_next_post ul li .next_post .text {
margin-top: 20px;
margin-right: 0px !important;
}
.tabs_all_box.type_one .tab_content .content_image h6 {
font-size: 22px;
line-height: 32px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .left_side {
float: none;
margin-bottom: 20px;
padding: 0px;
}
.blog_single_pageheader.page_header_default .page_header_content,
.blog_single_pageheader.page_header_default .page_header_content .banner_title_inner {
text-align: left !important;
}
.blog_single_pageheader.page_header_default .meta_blog_single {
margin-bottom: 60px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side {
float: none;
margin-bottom: 20px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht {
position: relative;
display: block !important;
text-align: left;
padding-left: 70px;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_content {
text-align: left !important;
}
.blog_single_pageheader.page_header_default .meta_blog_single .right_side .content_box_auht .authour_image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
.blog_single_pageheader.page_header_default .page_header_content {
padding: 100px 0px 60px;
}
.tabs_all_box.type_one .tab_content .content_image h2 {
font-size: 30px;
line-height: 40px;
}
.time_line_section.style_one .time_line_box {
padding-left: 50px;
padding-right: 50px;
}
.tabs_all_box.type_one .tabs_header {
position: relative;
top: inherit;
width: 100%;
bottom: inherit;
left: inherit;
margin-bottom: 30px;
}
.tabs_all_box.type_one .tab_content .content_image {
margin-left: 0px;
padding: 255px 30px 50px;
}
.tabs_all_box.type_one {
padding: 0px 15px;
}
.slider .slide-item-content .slider_content h1 {
font-size: 40px !important;
line-height: 50px !important;
}
.slider .slide-item-content .slider_content h1 span {
font-size: 30px !important;
line-height: 50px !important;
}
.header.style_two .logo_column .header_log_outer .phone_box {
display: none;
}
.header.style_two .logo_column .header_log_outer .header_logo_box {
margin-right: 0px;
}
.grid_show_case .grid_box {
width: 50% !important;
}
.title_all_box .title_sections h2,
.title_all_box.style_one .title_sections h2,
.title_all_box.style_two .title_sections h2,
.title_all_box.style_one .title_sections .title, .title_all_box.style_two .title_sections .title {
font-size: 32px;
line-height: 42px;
}
.job_grid_box .inner_bx .logo_bx {
position: relative;
}
.job_grid_box .inner_bx .content_bx {
margin-left: 0px;
margin-top: 20px;
}
.faqs_accordion.type_one .article-title {
font-size: 18px;
line-height: 28px;
}
.call_to_action.style_one .left_content {
padding: 80px 20px;
}
.call_to_action.style_one .left_content .main_content h6 {
font-size: 18px;
line-height: 28px;
}
.call_to_action.style_one .left_content .main_content h1 {
font-size: 30px;
line-height: 40px;
}
.call_to_action.style_one .left_content .main_content p {
padding-bottom: 25px;
margin-bottom: 25px;
}
.title_all_box .title_sections .before_title,
.title_all_box.style_one .title_sections .before_title,
.title_all_box.style_two .title_sections .before_title {
font-size: 16px;
line-height: 26px;
}
.icon_box_all.style_one .icon_content h3 a {
font-size: 18px;
line-height: 28px;
}
.title_all_box .title_sections p,
.title_all_box.style_one .title_sections p,
.title_all_box.style_two .title_sections p {
font-size: 15px;
line-height: 26px;
}
.testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide {
width: 45% !important;
margin: 0px 5px 18px;
}
.testimonial_sec.style_one.light_color .testimonial_box .comment {
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.team_box.style_one .team_box_outer .about_member .authour_details h6 {
font-size: 20px;
line-height: 30px;
}
.fourntcontent {
text-align: center;
}
.fourntcontent h1 {
font-size: 40px;
line-height: 50px;
}
.fourntcontent h2 {
font-size: 24px;
line-height: 34px;
}
.team_intro_box .team_intro_inner .team_intro_start .title h6 {
font-size: 22px;
line-height: 32px;
}
.team_intro_box .team_intro_inner .team_intro_start .title h1 {
font-size: 32px;
line-height: 42px;
}
.team_intro_box .team_intro_inner .team_intro_start .quotes span {
position: relative;
top: inherit;
left: inherit;
margin-bottom: 20px;
display: block;
}
.team_intro_box .team_intro_inner .team_intro_start .quotes {
padding-left: 0px;
}
.team_intro_box .team_intro_inner .team_intro_start .quotes h5 {
font-size: 18px;
line-height: 28px;
}
.team_intro_box .team_intro_inner .team_intro_start .authour_dtls {
margin-left: 0px;
}
.team_intro_box .team_intro_inner .team_intro_start .left_content {
padding: 80px 60px 270px;
}
.team_intro_box .image_right {
top: inherit;
bottom: 0px;
margin: 0px 0px 0px !important;
left: 0;
right: 0;
text-align: center;
}
.team_intro_box .image_right {
margin: 0px 0px 0px !important;
}
.price_plan_box.style_one .top h2 {
font-size: 24px;
line-height: 34px;
}
.call_to_action.style_two .image_right {
opacity: 0.5;
}
.call_to_action.style_two .left_content h1 {
font-size: 26px;
line-height: 36px;
}
.client_logo_carousel .swiper-slide .image::before {
display: none;
}
.counter_section .logo_sec {
margin-bottom: 30px;
}
.counter_section .title h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
}
.blog.right-sidebar .content-area, .blog.left-sidebar .content-area {
padding-left: 0px !important;
padding-right: 0px !important;
}
.offer.style_one {
text-align: center;
}
.offer.style_one h1 {
font-size: 40px;
line-height: 56px;
}
.newsteller.style_three h2 {
font-size: 40px;
line-height: 56px;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
float: unset !important;
display: inline-block;
width: 100%;
}
}
@media (max-width: 550px) {
.account_dashboard_cm .woocommerce-MyAccount-navigation li {
display: block;
}
.offer.style_one h1 {
font-size: 30px;
line-height: 46px;
}
.newsteller.style_three h2 {
font-size: 30px;
line-height: 46px;
}
.offer.style_one .counter_section .Countdown-timer .item {
padding: 0px 0px !important;
margin: 0px 0px 20px !important;
}
.offer.style_one .counter_section .Countdown-timer .item:last-child {
margin-bottom: 0px !important;
}
.header.style_three .col-lg-9.col-md-12 {
display: none;
}
.header.style_three .mid_logo_icon {
margin-bottom: 0px !important;
text-align: center;
}
.header.style_three .header_right_content ul li:first-child {
display: none !important;
}
.project_all.filt_style_two .fliter_group .project_filter li,
.project_all.filt_style_three .fliter_group .project_filter li,
.project_all.filt_style_four .fliter_group .project_filter li,
.project_all.filt_style_five .fliter_group .project_filter li {
display: block;
margin-bottom: 15px;
}
.team_intro_box .team_intro_inner .team_intro_start .title h6 {
font-size: 18px;
line-height: 28px;
}
.team_intro_box .team_intro_inner .team_intro_start .title h1 {
font-size: 26px;
line-height: 36px;
}
.tabs_all_box.type_one .tab_content .content_image h6 {
font-size: 18px;
line-height: 28px;
}
.tabs_all_box.type_one .tab_content .content_image h2 {
font-size: 20px;
line-height: 30px;
margin-bottom: 12px;
}
.tabs_all_box.type_one .tab_content .content_image h2 p {
font-size: 15px;
line-height: 26px;
}
.slider .slide-item-content .slider_content h1 {
font-size: 28px !important;
line-height: 42px !important;
}
.slider .slide-item-content .slider_content h1 span {
font-size: 20px !important;
line-height: 30px !important;
}
.slider.style_three .slide-item-content .slider_content ul li:last-child {
display: none !important;
}
.slider.style_three .slide-item-content.content_right .slider_content ul li .theme-btn {
margin: 0px !important;
}
.slider .slide-item-content .slider_content p {
font-size: 14px !important;
line-height: 24px !important;
margin-bottom: 20px !important;
}
.grid_show_case .grid_box {
width: 100% !important;
}
.title_all_box .title_sections h2,
.title_all_box.style_one .title_sections h2,
.title_all_box.style_two .title_sections h2 {
font-size: 28px !important;
line-height: 38px !important;
}
p {
font-size: 14px !important;
line-height: 24px !important;
}
.call_to_action.style_one .left_content {
padding: 80px 10px;
}
.call_to_action.style_one .left_content .main_content h1 {
font-size: 28px;
line-height: 38px;
}
.call_to_action.style_one .left_content .main_content p {
padding-bottom: 20px;
margin-bottom: 20px;
font-size: 15px;
line-height: 26px;
}
.title_all_box .title_sections .before_title,
.title_all_box.style_one .title_sections .before_title,
.title_all_box.style_two .title_sections .before_title {
font-size: 16px !important;
line-height: 26px !important;
}
.image_boxes.style_four .image_content_inner h2 {
font-size: 16px;
line-height: 26px;
text-align: left;
}
.image_boxes.style_four .image_box.one {
margin-bottom: 15px;
}
.image_boxes.style_four .image_box .pad_zero_left {
padding: 0px !important;
margin-bottom: 15px;
}
.image_boxes.style_four .image_box .pad_zero_right {
padding: 0px !important;
}
.image_boxes.style_one {
display: block;
}
.image_boxes.style_one .image.two {
position: relative;
margin-top: 20px !important;
width: 100%;
height: 100%;
bottom: inherit;
left: inherit;
right: inherit;
margin: auto;
}
.testimonial_sec.style_two .single_swiper_tab .swiper-wrapper .swiper-slide {
width: 100% !important;
margin: 0px 5px 18px;
}
.testimonial_sec.style_two .testimonial_box .comment {
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
.news_box .content_box h2 a {
font-size: 16px !important;
line-height: 26px !important;
}
.testimonial_sec.style_one.light_color .testimonial_box .comment {
font-size: 15px;
line-height: 26px;
}
.testimonial_sec.style_one.light_color .testimonial_box .authour_details .details h2 {
font-size: 18px;
line-height: 28px;
}
.team_box.style_one .team_box_outer .about_member .authour_details h6 {
font-size: 18px;
line-height: 28px;
}
.newsteller.style_one .content h2 {
font-size: 22px;
line-height: 32px;
}
.fourntcontent h1 {
font-size: 30px;
line-height: 40px;
}
.fourntcontent h2 {
font-size: 18px;
line-height: 28px;
}
.progress_bar.style_two .progress {
float: none;
}
.progress_bar.style_two .content_box {
margin-left: 0px;
margin-top: 15px;
}
.progress_bar.style_two .content_box h3 {
font-size: 20px;
line-height: 30px;
}
.price_plan_box.style_one .top h2 {
font-size: 20px;
line-height: 30px;
}
.price_plan_box.style_one .mid h4 {
font-size: 38px;
line-height: 48px;
}
.call_to_action.style_two .left_content h1 {
font-size: 22px;
line-height: 32px;
}
.call_to_action.style_two .image_right {
margin: 0px !important;
top: inherit;
bottom: 0;
}
.call_to_action.style_two .image_right img {
height: 250px;
width: auto;
}
.call_to_action.style_two .left_content {
padding: 50px 0px;
}
.call_to_action.style_two .left_content .call_content {
display: block;
}
.call_to_action.style_two .left_content .call_content .content_bx {
margin-left: 0px;
margin-top: 15px;
}
.service_box.style_four .service_content .content_inner h2 a {
font-size: 18px;
line-height: 28px;
}
.counter_section .title h2 {
font-size: 40px;
line-height: 50px;
}
.counter_section .title h2 {
font-size: 30px;
line-height: 40px;
}
.counter_section .Countdown-timer .item {
display: block;
}
.counter_section .Countdown-timer .item span {
font-size: 22px;
line-height: 32px;
}
.counter_section .Countdown-timer .item small {
display: none;
}
.service_post.style_one .service_content h2 a,
.service_box.style_two .service_content_two .overlay_content h2 a,
.service_box.style_three .service_content .content_inner h2 a,
.project_post.style_four .project_caro_content h2 a,
.project_post.style_four .project_caro_content h2 a,
.project_box.style_three .content_inner h2 a,
.project_post.style_five .project_caro_content h2 a {
font-size: 18px;
line-height: 28px;
}
.project_information h2 {
font-size: 20px;
line-height: 20px;
}
.project_box.style_three {
padding: 20px;
}
.project_box.style_three .image .text {
position: relative;
bottom: 0;
right: 0;
padding: 10px 15px;
border-radius: 0px;
}
.project_box.style_three .image .text ul li span {
margin-left: 0px;
}
.project_box.style_three .content_inner .share_socail button {
margin-bottom: 5px;
}
.project-wrapper.grid-item {
padding: 0px 8px;
}
.contact_form_box_all.type_one .contact_form_box_inner {
padding: 30px 15px;
}
.contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode p i {
top: 40px;
font-size: 12px;
height: 12px;
}
}
@media (max-width: 550px) {
.modal_popup .modal-popup-inner .form_inner {
padding: 30px;
}
.service_post.style_five .content_box h2 a,
.project_post.style_eight .content_box h2 a {
font-size: 16px;
line-height: 26px;
margin-bottom: 10px;
}
.news_box.style_eight .content_box a.link__go {
font-size: 14px;
}
.project_all.filt_style_eight .fliter_group .project_filter li {
display: block;
margin-bottom: 10px;
}
.service_post.style_five .content_box .read_more {
font-size: 14px;
}
.image_boxes.style_six .image_box .experience {
bottom: 10px;
}
.image_boxes.style_six .image_box .experience .experience_inner h2 {
font-size: 18px;
line-height: 28px;
}
.link_box_contents.style_one .link_content_bx .image_box img,
.link_box_contents.style_two .link_content_bx .image_box img {
height: auto;
}
.time_line_section.style_two .event_box .date_box h6 {
font-size: 14px;
}
.header.style_five .container-fluid {
padding: 0px 0px;
}
.slider.style_two .slide-item-content .slider_content ul li:last-child {
display: none !important;
}
.crt_mobile_menu .menu-box {
width: 100%;
}
.area_of_expertise .title_and_video .col-lg-4 {
text-align: center;
}
.slider_version_v2.style_four .slider_content .thm_btn a {
margin-bottom: 10px !important;
}
.area_of_expertise .expertise_box .step_number h1 {
font-size: 40px;
line-height: 50px;
}
.area_of_expertise .expertise_box .title {
margin-left: 90px;
}
.area_of_expertise .expertise_box .title a {
font-size: 18px;
line-height: 28px;
}
.slider.style_four .slide-item-content .slider_content h6 {
font-size: 13px;
line-height: 23px;
padding: 8px 20px;
border-width: 1px;
}
.theme-btn.one, .theme-btn.two, .theme-btn.three, .theme-btn.five {
height: 46px;
line-height: 48px !important;
min-height: 46px;
font-size: 12px;
padding: 0px 25px;
min-width: auto;
}
.dash_btn_home a {
padding: 5px 14px !important;
height: unset;
line-height: normal !important;
min-height: unset !important;
}
.team_intro_box .team_intro_inner .team_intro_start .left_content {
padding: 60px 30px 280px;
}
.breadcrumbs ul {
display: block;
}
.breadcrumbs ul li {
display: inline-block;
}
}
@media (max-width: 768px) {
body .contact_form_box.type_one .contact_inner_box {
padding: 15px;
}
.contact_form_box.type_one .emergrncy_contact h6 span {
font-size: 16px !important;
line-height: 24px !important;
}
.contact_form_box.type_one .emergrncy_contact h6 a {
font-size: 20px !important;
line-height: 30px !important;
}
.heading.type_two .heading_text {
font-size: 30px;
line-height: 40px;
}
}