/* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb032 {position:absolute;}
        .jssorb032 .i {position:absolute;cursor:pointer;}
        .jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
        .jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;    background: #33333387;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
		
		
		@media (min-width:769px){
.top{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    z-index: 1000;
    padding: 0px 0px 0px 0px !important;
}
.topp{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    z-index: 1000;
    padding: 0px 0px 0px 0px !important;
}
}
@media (max-width:769px){
.top{
	background: #e7e7e7;
	padding:0;
}
.topp{
	background: #e7e7e7;
	padding:0;
}
}


.top .marqq{
	position:relative;
    z-index: 1;
    margin: auto auto;
}
.top .marqq marquee{
	position:relative;
	    width: 100%;
    float: left;
}
.top .marqq marquee span {
	    font-size: 19px;
    line-height: 29px;
    color: #fff;
    margin: 0px 40px 0px 40px;
	position:relative;
}
.top .marqq marquee span a{
	position:relative;
    text-decoration: none;
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    padding: 2px 5px 2px 5px;
	    text-transform: uppercase;
}


/*------------------------------------*/

.slds{
	position:relative;
}

.slds .marqe{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto auto;
	z-index:10;
}
.slds .marqe marquee{
	position:relative;
}
.slds .marqe marquee span{
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
	
}
.slds #jssor_1 {
}

.slds #jssor_1 .h5{
	position:absolute;
    height: max-content;
	left:0;
	top:0;
	bottom:0;
	margin:auto auto;
	z-index:100;
}
.slds #jssor_1 .h5 h5{
    font-size: 30px;
    text-transform: uppercase;
    line-height: 34px;
    color: #fff;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    position: relative;
	font-weight:600;
}
.slds #jssor_1 .h5 h5:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto auto;
	width:100%;
	height:2px;
	background:#fff;
}


.slds .marqq{
	position: absolute;
    z-index: 1;
    bottom: 30%;
    left: 0;
    right: 0;
    margin: auto auto;
}
.slds .marqq marquee{
	position:relative;
}
.slds .marqq marquee span {
	    font-size: 19px;
    line-height: 29px;
    color: #fff;
    margin: 0px 40px 0px 40px;
	position:relative;
}
.slds .marqq marquee span a{
	position:relative;
    text-decoration: none;
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    padding: 2px 5px 2px 5px;
	    text-transform: uppercase;
}

.pro_L{
	background:url(../images/projects/15d-Project%20Locations.webp);
	background-size:cover;
	height: 411px;
	}



/*---------------------------------*/