/* 
  Theme Name:  Twenty Twenty Child 
  Description:  A child theme of Twenty Twenty WordPress theme. 
  Author:       TwentyTwenty-child 
  Template:     twentytwenty 
  Text Domain:  twentytwenty-child 
  Version:      2.0.0 
  License:      GNU General Public License v2 or later License 
  URI:  http://www.gnu.org/licenses/gpl-2.0.html */

@import url("../twentytwenty/style.css");
body {
  background: transparent;
  margin:0 auto;
  max-width:unset;
/* 	max-width:1920px !important; */
}

section {
  padding: 0rem 0;
}
.custom-header {	
    transition: 1s all !important;	
}
.custom-header {	
    position: fixed !important;	
    z-index: 99 !important;	
    transition: 1s all !important;	
/* 	max-width:1920px !important; */
}	
.custom-header.sticky {
    background: #ffffff !important;
    top: 0!important;
    box-shadow: 2px 2px 10px 0 #dbdbdb;
}
.custom-header .head-logo img{	
	transition: .5s all !important;	
}	
.custom-header.sticky .head-logo img {	
    max-width: 250px !important;	
	transition: .5s all !important;	
}

html,body {margin: 0 !important;}
.footer-nav .elementor-nav-menu {display: flex;align-items:center;column-gap: 20px;flex-wrap: wrap;}
.footer-nav .elementor-nav-menu li {margin:0 !important;}
.elementor-widget-icon-list .elementor-icon-list-icon i,
svg path {fill: #000; color: #000 !important;}
.ctm-values .elementor-image-box-title {margin: 0 0 20px 0 !important;}

/* hero slider */
.hero-slider-carousel img {height: 450px !important;object-fit: cover; width: 100%;}
.marbel-slider-carousel .swiper-pagination,
.hero-slider-carousel .swiper-pagination {position: relative !important;bottom:0 !important;padding-top: 40px;}
.marbel-slider-carousel .swiper-pagination .swiper-pagination-bullet,
.hero-slider-carousel .swiper-pagination .swiper-pagination-bullet {background-color: #30373F; width: 50px; border-radius: 0;}
.hero-slider-carousel .slide-content {position: relative;}
.hero-slider-carousel .slide-content::after {content: "";position: absolute;inset: 0;background-color: #30373f;opacity: 0;transition: 0.4s;}
.hero-slider-carousel .slide-content:hover::after {opacity: 0.5;transition: 0.4s;}
.hero-slider-carousel .slide-content .slide-image {overflow: hidden;transition: 0.4s;}
.hero-slider-carousel .slide-content:hover .slide-image {transform:scale(1.1);transition: 0.4s;}
.ctm-heading .elementor-heading-title {color: transparent !important;-webkit-text-stroke: 1px #fff !important;text-shadow: none !important;letter-spacing: 3px;}
.ctm-testimonial .elementor-swiper-button {width: 40px;height: 40px; background-color: #FFCC2A;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.marbel-slider-carousel .slide-content img {height: 370px;object-fit:cover;width: 100%;}

.ctm-testimonial .elementor-testimonial__name {font-size: 20px;}
.ctm-testimonial .elementor-testimonial__title {font-size: 16px;color: #7a7a7a !important;}
.ctm-footer {background-color:#30373f !important;}

.contact-form label {display: none;}
.contact-form .elementor-button {border-radius: 0 !important;min-height: auto !important; padding: 9px 16px !important;font-weight: 700 !important;}
.contact-form .elementor-button:hover {text-decoration: none !important;}
.elementor-icon-list-item .elementor-icon-list-text {transition: 0.4s;}
.elementor-icon {margin-right: 12px !important;}
.elementor-icon-list-item .elementor-icon-list-text:hover {color: #FFCC2A !important;transition: 0.4s;}

.marbel-slider-carousel .slide-image img {width: 100%;height: 500px;object-fit: cover;}
.marbel-slider-carousel .swiper-pagination {position: relative;}

.zigzag-img .elementor-image img,
.zigzag-img .elementor-image,
.zigzag-img .elementor-widget-container,
.zigzag-img .elementor-widget-image {height: 100%;}
.zigzag-img .elementor-image img {width: 100%; object-fit: cover;}

.ctm-icon {opacity: 0.1;}
.blog-list ul {display: flex; align-items: center; gap: 10px;}
.blog-list .pp-info-list-item-inner {margin: 0 !important;}
.blog-list .pp-list-items .pp-info-list-item {position: relative;padding-left: 10px;}
.blog-list .pp-list-items .pp-info-list-item a:hover {color: #FFCC2A;}
.blog-list .pp-list-items .pp-info-list-item::before {content:"";position: absolute; top:0;bottom: 0; width: 2px;background-color: #000;left: 0;}
.blog-list .pp-list-items .pp-info-list-item:first-child{padding-left: 0;}
.blog-list .pp-list-items .pp-info-list-item:first-child::before {display: none;}
.blog-wrp .blog-heading .elementor-heading-title a:hover {color: #FFCC2A;}
.blog-badge .elementor-widget-container:hover {background-color: #000 !important;}
.pp-breadcrumbs .pp-breadcrumbs-separator .fas {color: #fff;}

.core-values .elementor-image-box-title {margin: 0 0 10px 0 !important;}
.ctm-heading {margin: 0 0 10px 0 !important;}

.pp-image-gallery .pp-grid-item-wrap .pp-grid-item .pp-image-gallery-thumbnail-wrap img {width: 100%;height: 350px; object-fit: cover;}
.pp-image-gallery .pp-grid-item-wrap:nth-child(3n+2) {transform: translatey(50px);}
.pp-gallery-filters .pp-gallery-filter {margin: 10px 10px !important;padding: 8px 25px; background-color: transparent; color: #30373F;font-size: 18px;line-height: 22px;border: 1px solid #30373F; font-family: "Montserrat", Sans-serif;letter-spacing: 0.1px;}
.pp-gallery-filters .pp-gallery-filter.pp-active,
.pp-gallery-filters .pp-gallery-filter:hover {background-color: #30373F;color: #fff;}
.pp-gallery-filters {margin-bottom: 50px;}

.pp-image-gallery-item-link:hover .pp-gallery-image-over-content {opacity: 1;}
.pp-gallery-image-over-content {height: 100%;background-color: rgb(48 55 63 / 80%);opacity: 0;justify-content: center !important;align-items: center !important;}
.pp-gallery-image-caption {background-color: transparent !important;font-size: 40px;line-height: 50px;font-weight: 500;font-family: "Montserrat", Sans-serif;}
body .fancybox-button svg path {fill: #fff !important;}

.elementor-sub-item {padding: 7px 20px !important;border: none !important;}
.elementor-sub-item:hover {background:#30373F !important; }

/* product slider start */
.product-slider .pp-showcase-preview-wrap {padding: 0 !important;}
.product-slider .pp-showcase {flex-direction: column !important;}
.product-slider .pp-showcase-preview-wrap img,
.product-slider .pp-showcase-preview-wrap {width: 100% !important;}
.product-slider .pp-showcase {max-width: 800px;width: 100%;margin: 0 auto !important;align-items: center;}
.product-slider .pp-showcase-navigation {width: 100% !important;padding-left: 0 !important;}
.ctm-img-slider .swiper-pagination-bullet-active {background-color: #30373F !important;}
.box-detail .elementor-widget-heading.top-heading {margin-bottom: 10px !important;}

.elementor-field:focus {box-shadow: none !important;outline: none !important;}
.contact-part .elementor-column-wrap:hover .elementor-icon {color: #000 !important;}
.contact-part .elementor-column-wrap:hover .elementor-heading-title {color: #000 !important;}
.elementor-field-type-submit .elementor-button:hover span,
.elementor-field-type-submit .elementor-button:hover,
.elementor-field-type-submit,
.elementor-field-type-submit span {text-decoration: none !important;}

.footer-nav .sub-menu {display: none !important;}


.ctm-detail {margin: 0 auto;}
.ctm-thumb-slider .pp-image-slider-wrap,
.ctm-thumb-slider .pp-image-slider-thumb-pagination {width: 100% !important;padding-left: 0 !important;}
.ctm-thumb-slider .pp-image-slider-container {width: 100% !important;flex-wrap: wrap;}
.ctm-thumb-slider .pp-image-slider-thumb-pagination {padding-top : 30px !important;}
.ctm-thumb-slider .pp-image-slider-image-wrap img {height: 600px;object-fit: cover;width: 100%;}
.ctm-thumb-slider .pp-image-slider-thumb-pagination img {height: 150px;object-fit: cover; width: 100%;}
.ctm-thumb-slider .pp-image-slider-container {margin-left: 0 !important;}

/* .ctm-image-col .elementor-column-wrap {max-width: 650px !important;width: 100% !important;margin: 0 auto !important;}
.ctm-image-col .elementor-column-wrap img {padding-right: 120px; } */
.ctm-image-col .ctm-about-img img {padding-right: 0;}

.sr7-pbar,
#sr7-pbar {display: none !important;}

.sub-heading {margin-bottom: 10px !important;position: relative;}
.sub-heading span::after {content: "";position: absolute;left: 160px;top: 14px;background-color: #000;height: 2px;margin-left: 50px;width: 100px;}
.sub-heading.sub-heading-white span::after {left: 85px;}
.sub-heading span {background-color:#EFEFEF;position: relative;z-index:1;padding-right: 15px !important;position: relative;}
.sub-heading.sub-heading-white span {background-color: #fff;}
/* .sub-heading.sub-heading-white {max-width: 290px;} */

.footer-main-menu ul li {
	position: relative;
	padding-left: 14px;
}
.footer-contact .elementor-icon-list-icon .fas {color: #fff !important;}
.footer-main-menu ul li::before {
	content: '›'; /* Unicode character for right arrow */
	  position: absolute;
	  left: 0;
	top: -2px;
	  color: #ffc107;
	  font-size: 20px;
	  line-height: 1;
}
.footer-contact .footer-social .elementor-inner-column {width: auto !important;padding-right: 20px;}
.footer-contact .footer-social .elementor-social-icon {width: 25px;height: 25px;padding: 0 !important;display: flex;align-items: center;justify-content:center;}
.footer-contact .footer-social .elementor-social-icon .fab {font-size: 16px;}
.footer-contact .elementor-social-icons-wrapper {display: flex;}

.ctm-btn-link .elementor-button-link {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ctm-btn-link .elementor-button-link,
.ctm-btn-link .elementor-button-wrapper,
.ctm-btn-link .elementor-widget-container,
.ctm-btn-link .elementor-widget-button {
	width: 100%;
	height: 100%;
}

.ctm-btn-link .elementor-image img {height: 60px;object-fit: contain;}
.ctm-btn-link .ctm-elixir img  {height: 70px;}

.footer-contact .elementor-icon-list-item .elementor-icon-list-text a:hover {color: #FFCC2A !important;}
.footer-contact .elementor-divider-separator,
.footer-main-menu .elementor-divider-separator {width: 100px !important;}

.career-main .elementor-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left;
}

.career-main .elementor-image,
.career-main .elementor-widget-container,
.career-main .elementor-widget-image {height: 100%;}
.career-detail-top .elementor-widget-container {max-width: 1120px;margin: 0 auto;width: 100%;}
.career-main textarea,
.career-main select {border-radius: 0;padding: 15px 18px;}
.career-main textarea::placeholder,
.career-main input::placeholder,
.career-main input {opacity: 1 !important;}
.ctm-btn-link .kyros-kool-roof img {height: 110px;}
.ctm-btn-link .kyros-pride img {height: 80px;}
.ctm-btn-link .elementor-widget-wrap {justify-content: center;align-content: center;}

.cmn-zigzag-main .swiper-slide-inner img {height: 600px;object-fit: cover;width: 100% !important;}
.product-list .elementor-column .elementor-button-link,
.product-list .elementor-column .elementor-heading-title {
	color: #fff !important;
	border-color: #fff !important;
}
.product-list .elementor-column .elementor-icon svg path {
	fill: #fff;
}
.product-list .elementor-column:hover .elementor-icon svg path {
	fill: #000;
}
.product-list .elementor-column:hover .elementor-button-link,
.product-list .elementor-column:hover .elementor-heading-title {
	color: #000 !important;
	border-color: #000 !important;
}

.about-zigzag-slider .swiper-slide img {
	width: 100% !important;
	object-fit: cover;
	height: 450px;
}



@media (max-width: 1599px) and (min-width: 1025px) {
	.elementor-location-footer .footer-contact {width: 31% !important;}
	.footer-detail .elementor-widget-container {padding: 0 !important;}
	.ctm-blockquote .elementor-absolute {position: relative !important;left: 0 !important; top: 0 !important;bottom: 0 !important;}
}


/* responsive */
@media (max-width: 1399px) and (min-width: 1025px) {
	.ctm-contact .elementor-column-wrap,
	.core-values .elementor-column-wrap,
	.product-list,
	.elementor-element.ctm-zigzag .elementor-container .elementor-element.zigzag-content .elementor-column-wrap {padding-right: 40px !important;padding-left: 40px !important;}
	.hero-slider-carousel img {height: 350px !important;object-fit: cover;}
	.core-values .core-values-inner .elementor-row .elementor-column {width: 33.33%;}
	.core-values .core-values-inner .elementor-row {flex-wrap: wrap;justify-content:center;}
	.core-values .core-values-inner .elementor-row .elementor-column:last-child {margin-top: 50px;}
	.marbel-slider-carousel .slide-image img {height: 350px;}
	.core-values .core-values-inner .elementor-row .elementor-column .elementor-column-wrap {padding-left: 20px !important;padding-right: 20px !important;}
	.elementor .elementor-inner .elementor-element h2.elementor-heading-title {font-size: 30px;line-height: 37px;}
	.elementor .elementor-inner .elementor-element span.elementor-heading-title {font-size: 14px;line-height: 20px;}
	.core-values .ctm-heading {margin: 0 !important;}
	.core-values .ctm-heading h3..elementor-heading-title {font-size: 60px;line-height: 66px;}
	.ctm-image-col .elementor-column-wrap {max-width: 650px !important;width: 100% !important;margin: 0 auto !important;}
	.ctm-image-col .elementor-column-wrap img {padding-right: 60px; }
	.ctm-image-col .ctm-about-img img {padding-right: 0;}
	.ctm-zigzag.elementor-element {padding-left: 30px !important;padding-right: 30px !important;}
	.core-values.key-feature-vaues .core-values-inner .elementor-row .elementor-column:last-child {margin-top: 0 !important;}
	.pp-gallery-filters .pp-gallery-filter {font-size: 16px;line-height: 22px;}
	.cmn-zigzag-main .zigzag-img .elementor-widget-container {    margin: 50px 0px -50px -60px!important;
    padding: 40px 20px 150px 15px!important;}
	.cmn-zigzag-main .zigzag-content .elementor-column-wrap {padding: 40px 100px 40px 70px !important;}
	.sub-heading span::after { left: 90px;top: 8px;}
	.sub-heading.sub-heading-white span::after {left: 45px;}
}

@media (min-width: 1920px) {
	.ctm-image-col .elementor-column-wrap {max-width: 650px !important;width: 100% !important;margin: 0 auto !important;}
	.ctm-image-col .elementor-column-wrap img {padding-right: 60px; }
	.ctm-image-col .ctm-about-img img {padding-right: 0;}
	.ctm-zigzag.elementor-element {padding-left: 30px !important;padding-right: 30px !important;}
}

@media (max-width: 1024px) {
	.elementor-menu-toggle {margin-top: -50px;}
	.hero-slider-carousel img {height: 380px !important;}
	.ctm-image-col {max-width: 590px;width: 100%;margin: 0 auto;}
	.pp-image-gallery .pp-grid-item-wrap:nth-child(3n+2) {transform: translatey(0);}
	.pp-image-gallery .pp-grid-item-wrap {padding: 10px !important;}
	.pp-gallery-filters .pp-gallery-filter {font-size: 16px;line-height: 22px;}
	.pp-gallery-filters {margin-bottom: 20px;}
	.marbel-slider-carousel .slide-image img {height: 330px;}
	.footer-main-menu .elementor-widget-heading,
	.footer-contact .elementor-widget-heading {margin-bottom: 10px !important;}
	.sub-heading span::after { left: 110px;top: 10px;}
	.sub-heading.sub-heading-white span::after {left: 55px;}
	
	.cmn-zigzag-main .swiper-slide-inner img {height: 300px;}
	.ctm-blockquote .elementor-absolute {position: relative !important;left: 0 !important; top: 0 !important;bottom: 0 !important;}
	.marbel-slider-carousel .slide-content img {height: 280px;}
}

@media (max-width: 767px) {
	.marbel-slider-carousel .slide-image img {height: 200px;}

	.elementor-icon {margin-right: 5px !important;}
	sr7-arrow {display: none !important;}
	.hero-slider-carousel .swiper-pagination {padding-top: 20px;}
	.pp-image-gallery .pp-grid-item-wrap {padding-left: 0 !important;padding-right: 0 !important;}
	.ctm-about-img {position: relative !important;}
	.ctm-thumb-slider .pp-image-slider-thumb-pagination img {height: 80px;}
	.ctm-thumb-slider .pp-image-slider-image-wrap img {height: 400px;}
	.ctm-thumb-slider .pp-image-slider-thumb-pagination {padding-top: 10px !important;margin-left: -10px !important;}
	.about-zigzag-slider .swiper-slide img {height: 330px;}
	
	.marbel-slider-carousel .slide-content img {height: 240px;}
}

@media (max-width: 425px) {
	.hero-banner .elementor-widget-container {height: 150px !important;}
	.hero-banner sr7-bg,
	.hero-banner sr7-mask,
	.hero-banner sr7-content,
	.hero-banner sr7-adjuster,
	.hero-banner .elementor-text-editor,
	.hero-banner .rs-ov-hidden,
	.hero-banner .elementor-widget-text-editor,
	.hero-banner canvas {width: 100%;object-fit: cover; height: 100% !important;}
}
body.logged-in #wpadminbar {
	display: block;
}
#wpadminbar {
	display: none;
}