/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 01 2022 | 22:35:01 */
h1.entry-title {
    display: none;
}
.mask-1 {
  -webkit-mask-image: url(/wp-content/uploads/2022/08/m.png);
  mask-image: url(/wp-content/uploads/2022/08/m.png);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.mask-1 .elementor img{
	height: 715px !important;
}
.slider-div:after {
    content: "";
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: bottom center;
	background-image: url('/wp-content/uploads/2022/08/mask-2-1.png');
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.custom-slides .swiper-slide-contents {
    padding: 40px !important;
    background: #bbbbbb !important;
}
/* .service-sec:before {
    content: "";
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: bottom center;
    background-image: url(/wp-content/uploads/2022/08/image_2022_08_09T17_31_19_338Z-copy.png);
    position: absolute;
    top: -64%;
    left: 0;
    z-index: 2;
} */

.service-sec:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('/wp-content/uploads/2022/08/services-right-mask-1-1.png');
}
.mask-2 {
  -webkit-mask-image: url(https://oneawesomeconcretellc.tprwebsupport.com/wp-content/uploads/2022/08/services-right-mask.png);
  mask-image: url(https://oneawesomeconcretellc.tprwebsupport.com/wp-content/uploads/2022/08/services-right-mask.png);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	background: #DEDEDF;
}
.mask-3 {
  -webkit-mask-image: url(https://oneawesomeconcretellc.tprwebsupport.com/wp-content/uploads/2022/08/services-right-mask-1-1.png);
  mask-image: url(https://oneawesomeconcretellc.tprwebsupport.com/wp-content/uploads/2022/08/services-right-mask-1-1.png);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	background: #DEDEDF;
}
.custom-slides:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    z-index: 1;
}

.slider-div .elementor-container.elementor-column-gap-default:after {
       width: 440px;
    height: 440px;
    border-right: 37px solid #c7bea0;
    position: absolute;
    bottom:52px;
    left: 53%;
    margin-left: -258px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    z-index: 100;
    -webkit-transition: border .8s;
    transition: border .8s;
    content: "";
}
.slider-div .elementor-container.elementor-column-gap-default:before{
	width: 424px;
    height: 440px;
    border-bottom: 37px solid #c7bea0;
    position: absolute;
    bottom: 38px;
    left: 50%;
    margin-left: -207px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    -webkit-transition: border .8s;
    transition: border .8s;
    z-index: 100;
    content: "";
}
.section-3:after{
	content: "";
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: bottom center;
	background-image: url('/wp-content/uploads/2022/08/mask-2-1.png');
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.center-box-rotate:after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: white;
    top: -50px;
    left: 22px;
    transform: rotateZ(45deg);
    z-index: 4;
}
.line-col:after {
    content: "";
    position: absolute;
    background: #c77b1d;
    height: 80px;
    width: 1px;
    top: -160px;
    left: 50%;
    z-index: 3;
}
.line-col:before {
    content: "";
    position: absolute;
    height: 27px;
    width: 27px;
    top: -88px;
    left: 48.9%;
    background: transparent;
    border: 1px solid #c77b1d;
    transform: rotateZ(46deg);
}
.bg-triangle:before {
    content: "";
    background-image: url(/wp-content/uploads/2022/08/triangle.png);
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.design-box:after {
       width: 52%;
    height: 90%;
    border: 4.8rem solid rgba(199,190,160,.1);
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    position: absolute;
    top: -170px;
    left: 80%;
    margin-left: -40rem;
    content: "";
    z-index: 3;
}
.design-box2:after {
    width: 550px;
    height: 550px;
    border: 3.6rem solid rgba(31,36,42,.1);
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    position: absolute;
    top: -148px;
    left: 58%;
    margin-left: -40rem;
    content: "";
    z-index: 3;
}
@media only screen and (max-width: 600px){
.design-box2:after {
    width: 250px;
    height: 250px;
    border: 2rem solid rgba(31,36,42,.1);
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    position: absolute;
    top: 24px;
    left: 115% !important;
    margin-left: -40rem;
    content: "";
    z-index: 3;
}
	.line-col:before {
    content: "";
    position: absolute;
    height: 27px;
    width: 27px;
    top: -88px;
    left: 46.9%;
    background: transparent;
    border: 1px solid #c77b1d;
    transform: rotateZ(46deg);
}
.line-col2:after {
    display:none;
}
.line-col2:before {
  display:none;
}
	.service-hide{
display:none !important;
	}
}
.line-col2:after {
    content: "";
    position: absolute;
    background: #e3dfd0;
    height: 12.6rem;
    width: 2px;
    top: -54px;
    left: 50%;
    z-index: 3;
}
.line-col2:before {
    content: "";
    position: absolute;
    height: 27px;
    width: 27px;
    top:42px;
    left: 688px;
	z-index: 99;
    background: transparent;
    border: 2px solid #e3dfd0;
    transform: rotateZ(46deg);
}
