.twenty20{
margin-bottom: 20px;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px; }
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%; }
.twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity; }
.twentytwenty-before-label, .twentytwenty-after-label {
color: white;
font-size: 13px;
letter-spacing: 0.1em; }
.twentytwenty-before-label, .twentytwenty-after-label {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px; }
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none; }
.twentytwenty-container img {
max-width: 100%;
width: 100%;
position: absolute;
top: 0;
display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0; }
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.twentytwenty-before-label {
opacity: 0; }
.twentytwenty-before-label {
}
.twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-after-label{
opacity: 1;
}
.twentytwenty-after-label {
opacity: 0; }
.twentytwenty-after-label {
}
.twentytwenty-horizontal .twentytwenty-before-label {
left: 1px;
bottom: 0px;
max-width: 50%;
box-sizing: border-box;
line-height: inherit;
padding: 4px; }
.twentytwenty-horizontal .twentytwenty-after-label {
right: 1px;
bottom: 0px;
max-width: 50%;
box-sizing: border-box;
line-height: inherit;
padding: 4px; }
.twentytwenty-vertical .twentytwenty-before-label {
top: 1px;
line-height: inherit;
padding: 6px;
box-sizing: border-box;}
.twentytwenty-vertical .twentytwenty-after-label {
bottom: 1px;
line-height: inherit;
padding: 6px;
box-sizing: border-box; }
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25; }
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1; }
.twentytwenty-before {
z-index: 20; }
.twentytwenty-after {
z-index: 10; }
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px; }
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px; }
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px; }
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px; }.search-results .blog-post-item.type-product {
max-width: 800px;
}
.search-results .blog-post-item.type-product .blog-content:not(.blog__details-content) .post-text {
margin: 0 0;
}
.search-results .blog-post-item.type-product .blog-content .post-text p {
margin: 0 0;
}
.search-results .blog-post-item.type-product .blog-content .title {
margin-bottom: 15px;
}
.mc4wp-alert {
margin: 20px 0 0;
}
.mc4wp-alert p {
margin: 0 0;
color: #fff;
}
.mc4wp-success p {
color: green;
}
.white-wpcf7 form .wpcf7-response-output {
margin: 0 0;
color: #fff;
padding: 0 0;
border: none;
}
.footer__area {
background-color: var(--black-color);
}
.footer-top {
padding: 100px 0 50px;
}
.footer-widget {
margin: 0 0 50px;
}
.footer__bottom {
padding: 18px 0;
border-top: 1px solid #383838;
}
.breadcumb-wrapper.hide-overlay:after {
opacity: 0;
}
.comment-reply-link {
font-size: 14px;
font-weight: 600;
font-family: var(--title-font);
display: inline-block;
line-height: 0.8;
position: relative;
padding-bottom: 6px;
margin-bottom: 0px;
text-transform: uppercase;
color: var(--title-color);
display: inline-flex;
gap: 10px;
text-decoration: none;
}
.comment-reply-link:after,
.comment-reply-link:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: var(--title-color);
transition: all ease 0.4s;
}
.comment-reply-link:after {
width: 0;
left: 0;
transition: all ease 0.8s;
}
.comment-reply-link:hover::before {
width: 0;
}
.comment-reply-link:hover:after {
width: 100%;
}
.comment-reply-link svg {
width: 13px;
height: 17px;
} .error-content {
text-align: center;
}
.error-content svg {
width: 648px;
margin-bottom: 45px;
color: var(--title-color);
}
@media (max-width: 1199.98px) {
.error-content svg {
width: 500px;
}
}
@media (max-width: 991.98px) {
.error-content svg {
width: 400px;
}
}
@media (max-width: 767.98px) {
.error-content svg {
width: 100%;
margin-bottom: 30px;
}
}
.error-content .title {
margin-bottom: 20px;
font-size: 60px;
}
@media (max-width: 1199.98px) {
.error-content .title {
font-size: 48px;
}
}
@media (max-width: 991.98px) {
.error-content .title {
font-size: 40px;
}
}
@media (max-width: 767.98px) {
.error-content .title {
font-size: 40px;
margin-bottom: 15px;
}
}
.error-content p {
margin-bottom: 35px;
}
@media (max-width: 767.98px) {
.error-content p {
margin-bottom: 20px;
}
} .frisk-menu-not-showing {
padding: 25px 0;
}
.image-positon-css {
bottom: 0;
}
.banner-image-positon {
top: 0;
}
.image-positon-css>*,
.image-positon-css .elementor-custom-embed,
.banner-image-positon>*,
.banner-image-positon .elementor-custom-embed {
height: 100%;
}
.image-positon-css img,
.banner-image-positon img {
height: 100%;
object-fit: cover;
width: 100%;
}
@media (max-width: 992px) {
.image-positon-css,
.banner-image-positon {
position: relative !important;
top: 0;
right: 0px;
bottom: 0;
}
.image-positon-css>*,
.banner-image-positon>* {
height: auto;
}
}
.masonary-active .filter-item:nth-child(6n+1) .portfolio-wrap {
width: 526px;
}
.masonary-active .filter-item:nth-child(6n+3) .portfolio-wrap,
.masonary-active .filter-item:nth-child(6n+5) .portfolio-wrap {
width: 636px;
}
.masonary-active .filter-item:nth-child(6n+1) .portfolio-wrap .portfolio-thumb img {
height: 740px;
}
.masonary-active .filter-item:nth-child(6n+2) .portfolio-wrap .portfolio-thumb img {
height: 470px;
}
.masonary-active .filter-item:nth-child(6n+3) .portfolio-wrap .portfolio-thumb img,
.masonary-active .filter-item:nth-child(6n+5) .portfolio-wrap .portfolio-thumb img {
height: 470px;
}
.masonary-active .filter-item:nth-child(6n+4) .portfolio-wrap .portfolio-thumb img {
height: 560px;
}
.masonary-active .filter-item:nth-child(6n+6) .portfolio-wrap .portfolio-thumb img {
height: 740px;
}
.testi-box_img {
margin: 0 0 20px;
}
div.testi-box_img img {
max-width: 80px;
border-radius: 50%;
height: 80px;
object-fit: cover;
}
.no-animation::before,
.no-animation::after {
display: none !important;
}
.counter-left-align .elementor-counter-number-wrapper {
margin-bottom: 18px;
}
.counter-left-align .elementor-counter .elementor-counter-number-prefix {
flex-grow: 0;
}
.counter-left-align .elementor-counter .elementor-counter-title {
text-align: left;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0 0;
padding: 0 0;
border: none;
}
.counter-left-align.counter-small .elementor-counter-number-wrapper {
margin-bottom: 14px;
}
.z-index-2 {
z-index: 2;
}
.blog-card.style01 .blog-img img {
height: 340px;
}
.blog-card.style2 .blog-img img {
height: 460px;
}
.sticky-height-active {
display: block;
height: 112px;
}
.footer-menu-list a {
position: relative;
}
.footer-menu-list a:after {
content: "";
position: absolute;
right: 100%;
left: 0;
bottom: 0;
top: auto;
height: 2px;
background-color: var(--title-color);
transition: all ease 0.4s;
border: 0;
margin: 0;
display: inline-block;
width: auto;
}
.footer-menu-list a:hover:after {
right: 0;
}
.footer-menu-list.white-color a:after {
background: var(--smoke-color);
}
.response-text-center .wpcf7-response-output {
text-align: center;
}
.footer-social-list .elementor-social-icon svg {
width: .8em;
}
.footer-contact textarea.form-control.style-border,
textarea.style-border {
height: 200px;
} @media (max-width: 1500px) {
.masonary-active .filter-item:nth-child(6n+3) .portfolio-wrap,
.masonary-active .filter-item:nth-child(6n+5) .portfolio-wrap {
width: 550px;
}
.masonary-active .filter-item:nth-child(6n+1) .portfolio-wrap .portfolio-thumb img {
height: 640px;
}
.masonary-active .filter-item:nth-child(6n+4) .portfolio-wrap .portfolio-thumb img,
.masonary-active .filter-item:nth-child(6n+6) .portfolio-wrap .portfolio-thumb img {
height: 500px;
}
}
@media (max-width: 1199.98px) {
.masonary-active .filter-item:nth-child(6n+1) .portfolio-wrap {
width: 100%;
}
.masonary-active .filter-item:nth-child(6n+3) .portfolio-wrap,
.masonary-active .filter-item:nth-child(6n+5) .portfolio-wrap {
width: 100%;
}
.masonary-active .portfolio-wrap .portfolio-thumb img {
height: 350px !important;
}
}
@media (max-width: 991.98px){
.masonary-active .portfolio-wrap .portfolio-thumb img {
height: 450px !important;
}
.blog-card.style2 .blog-img img {
height: 360px;
}
.blog-card.style2 .blog-content .blog-title {
letter-spacing: 0px;
}
.blog-card.style01 .blog-img img {
height: auto;
}
.sticky-height-active {
height: 90px;
}
.footer-contact {
text-align: center;
}
}
@media (max-width: 767.98px) {
.masonary-active .portfolio-wrap .portfolio-thumb img {
height: 290px !important;
}
.counter-left-align .elementor-counter,
.counter-left-align .elementor-counter .elementor-counter-title {
text-align: center;
}
.counter-left-align .elementor-counter-number-wrapper {
justify-content: center;
}
.counter-left-align .elementor-counter .elementor-counter-number-suffix {
flex-grow: initial;
}
.counter-left-align .elementor-counter-number-wrapper {
margin-bottom: 10px;
}
.counter-small .elementor-counter,
.counter-small .elementor-counter .elementor-counter-title {
text-align: left;
}
.counter-small .elementor-counter-number-wrapper {
justify-content: flex-start;
}
.counter-small .elementor-counter .elementor-counter-number-suffix {
flex-grow: initial;
}
.sticky-height-active {
height: 84px;
}
div.project-inner-thumb img {
height: 280px;
object-fit: cover;
}
}