.home-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-home-banner.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	text-align:center;
	padding:120px 0px;
}

.home-banner h1
{
	font-family: 'TT Commons';
	font-weight: bold;
	font-size:74px;
	line-height:84px;
	color:#fff;
	margin-top:0px;
	margin-bottom:40px;
}

.home-bt1
{
	background-color: #dfaf4b;
	border:1px solid #dfaf4b;
    padding: 1.2rem 4rem 1rem;
    font-size: 1rem;
    line-height: 1.5 rem;
	color:#fff;
	border-radius: 2.5rem;
	font-family: 'TT Commons';
	font-weight: bold;
	text-transform:uppercase;
	margin:0px 10px;
}

.home-bt1:hover, .home-bt2:hover
{
	background-color: #268750;
	border:1px solid #268750;
	color:#fff;
}

.home-bt2
{
	background-color: transparent;
	border:1px solid #fff;
    padding: 1.2rem 4rem 1rem;
    font-size: 1rem;
    line-height: 1.5 rem;
	color:#fff;
	border-radius: 2.5rem;
	font-family: 'TT Commons';
	font-weight: bold;
	text-transform:uppercase;
	margin:0px 10px;
}

.home-sec1
{
	height: -moz-calc(100vh - 30px);
    height: -webkit-calc(100vh - 30px);
    height: calc(100vh - 30px);
    overflow: visible;
    z-index: 100;
    position: relative;
    width: 100%;
    clear: both;
    float: left;
	background-image:url(../img/scenic-landscaping-seychelles-home-sec1-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}


.home-sec1 h2
{
	font-family: 'TT Commons';
	font-weight: bold;
	font-size: 90px;
	line-height:85px;
	color:#268750;
	margin: 40px 0 30px;
}

.home-sec1 p
{
	font-family: 'TT Commons';
	font-weight: 500;
	font-size: 20px;
	line-height:30px;
	color:#232323;
	margin: 40px 0 30px;
	line-height: 1.5;
    max-width: 75%;
}

.home-sec1-left
{
	width: 66%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 100;
    top: 0;
    background: transparent !important;
}

.home-sec1-left-inner
{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    z-index: 100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.home-sec1-right
{
	width: 34%;
    height: -moz-calc(100% - 120px);
    height: -webkit-calc(100% - 120px);
    height: calc(100% - 120px);
    position: absolute !important;
    right: 0;
    top: 60px;
    background: #7a7a7a !important;
    z-index: 100 !important;
}

.home-sec1-right-img
{
z-index: 100 !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0);
	left: 0px;
    top: 0px;
    position: absolute;
    overflow: hidden;
    z-index: -999998;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}

.home-sec1-right-upper-box
{
	width: 60px;
    height: -moz-calc(100% - 120px);
    height: -webkit-calc(100% - 120px);
    height: calc(100% - 120px);
    position: absolute;
    left: -60px;
    top: 60px;
    background: rgba(0, 0, 0, 0.025);
}

.home-sec1-right-upper
{
	height: 70%;
    width: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 10 !important;
}

.home-sec1-right-img2
{
	z-index: 100 !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0);
	left: 0px;
    top: 0px;
    position: absolute;
    overflow: hidden;
    z-index: -999998;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}

.home-sec1-right-img2 img
{
	position: absolute;
    margin: 0px;
    padding: 0px;
    border: none;
    z-index: -999999;
    width: 60px;
    height: 579.184px;
    left: 0px;
    top: -261.248px;
}

.home-sec1-right-img img
{
position: absolute;
    margin: 0px;
    padding: 0px;
    border: none;
    z-index: -999999;
    width: 459.328px;
    height: 758.925px;
    left: 0px;
    top: -266.962px;
}	

.home-sec1 .circle-button 
{
    position: absolute;
    left: 64%;
    top: 50%;
    z-index: 1000;
    margin-left: 7.5px;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
}

.circle-button 
{
    display: block;
    width: 171px;
    text-align: center;
    line-height: 171px;
    height: 171px;
    background: #268750;
    color: #ffffff;
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-clip: padding-box;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	color:#fff;
}

.circle-button:hover 
{
    background: #268750;
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.5);
    transform: translateX(-50%) translateY(-50%) scale(1.5); 
}

.subheading 
{
    font-size: 0.8rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    color: #FFF;
    font-weight: bold;
	font-family: 'TT Commons';
}

.circle-button.subheading:hover
{
	color:#fff !important;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:9999; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content 
{
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
  font-family: 'TT Commons';
    font-weight: 500;
    font-size: 30px;
    line-height: 35px !important;
    color: #232323;
    line-height: 1.5;
	margin-bottom:20px;
}

/* The Close Button */
.close 
{
    color: #000;
    font-size: 60px;
    font-weight: 500;
    position: absolute;
    right: 20px;
    top: 10px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.home-sec2
{
	min-height: 700px;
    height: -moz-calc(75vh - 30px);
    height: -webkit-calc(75vh - 30px);
    height: calc(75vh - 30px);
    background: #ebebeb;
    overflow: visible;
    z-index: 100;
    position: relative;
    width: 100%;
    clear: both;
    float: left;
	padding:0px;
}

.home-sec2-inner:nth-of-type(1)
{
    left: 0;
    width: 25%;
}

.home-sec2-inner:nth-of-type(2) 
{
    left: 25%;
    width: 25%;
}

.home-sec2-inner:nth-of-type(3) 
{ 
    left: 50%;
	width: 25%;
}

.home-sec2-inner:nth-of-type(4) 
{ 
    left: 75%;
	width: 25%;
}

.home-sec2-inner
{
    height: 100%;
    position: absolute !important;
}

.home-sec2-inner-col
{
	background: #232323 !important;
    overflow: hidden;
}

.home-sec2-inner-col .home-sec2-inner-img
{
	left: 0px;
    top: 0px;
    position: absolute;
    overflow: hidden;
    z-index: -999998;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
	z-index: 10 !important;
    opacity: 0.6 !important;
    filter: alpha(opacity=80 !important) !important;
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
}

.home-sec2-inner-img img
{
	position: absolute;
    margin: 0px;
    padding: 0px;
    border: none;
    z-index: -999999;
    width: 700px;
    height: 700px;
    left: -127.086px;
    top: 0px;
}

.home-sec2-text
{
	position:absolute;
	top:19%;
	left:3%;
	z-index:11;
	padding:0px 20px;
}

.home-sec2 h4
 {
    font-family: 'AustinSmallCaps';
    font-size: 45px;
    line-height: 55px;
    color: #fff;
    margin: 40px 0 70px;
	height:250px;
}

.home-sec2 h5
{
    font-family: 'TT Commons';
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin: 0px;
    line-height: 1.5;
	text-transform:uppercase;
	letter-spacing:1.5px;
	height:50px;
}

.home-sec2 .home-bt1
{
	padding:14px 30px 11px;
	margin:0px;
}

.home-sec3
{
	background-color:#FBF9F3;
	position:relative;
	padding-top:1400px;
}

.home-sec3 h2
 {
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #268750;
    margin-top:30px;
	margin-bottom:0px;
}

.home-sec3 p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #232323;
    margin: 10px 0 40px;
    line-height: 1.5;
}

.home-bt3
 {
    background-color:  #268750;
    border: 1px solid  #268750;
    padding: 17px 30px 14px;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    border-radius: 2.5rem;
    font-family: 'TT Commons';
    font-weight: bold;
    text-transform: uppercase;
}

.home-bt3:hover
{
	background-color: #dfaf4b;
	border:1px solid #dfaf4b;
	color:#fff;
}

.home-sec4
{
	margin-bottom:80px;
}

.home-sec4 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #268750;
    margin-top: 0px;
    margin-bottom: 0px;
	text-align:center;
}

.home-sec4 h6 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 30px;
    line-height: 35px !important;
    color: #232323;
    margin: 10px 0 70px;
    line-height: 1.5;
	text-align:center;
}

.home-sec4 ul li
{
	width:28% !important;
	padding-left: 2.5vw;
    padding-right: 2.5vw;
	display: flex;
    align-items: center;
    justify-content: center;
}

.home-sec4 ul li img
{
	border-radius:0px !important;
}

.home-sec4 ul li img.rounded-3
{
	border-radius:0px !important;
}

.splide__arrow 
{
    background: transparent !important;
	bottom: -25% !important;
	top:auto !important;
}

.splide__arrow--next 
{
    right: 4em !important;

}

.splide__arrow--prev 
{
    right: 8.5em !important;
	left: auto !important;
}

.splide__arrow  span
{
    font-size: 70px !important;
    font-weight: 200;
}

.splide__arrow  span:hover
{
    color:#268750;
}	

.home-sec5
{
	padding:0px;
}

.home-sec5-left
{
	background-color:#268750;
	padding:50px 130px 100px 50px;
}

.home-sec5 h2
 {
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 0px;
}

.home-sec5 p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 10px 0 40px;
    line-height: 1.5;
}

.home-sec5 .home-bt2
{
	margin:0px;
}

.home-sec5 .home-bt2:hover
{
  background-color:#dfaf4b;
  border:1px solid #dfaf4b;
}

.home-sec5 img
{
	margin-top:-40px;
}

.home-sec5-right
{
   background-image:url(../img/scenic-landscaping-seychelles-home-sec5-right-bg.jpg);
   background-size:cover;
   background-repeat:no-repeat;
}

.home-sec-team
{
	padding:100px 30px;
}

.home-sec-team h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #268750;
    margin-top: 0px;
    margin-bottom: 0px;
	text-align:center;
}

.home-sec-team h6 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 30px;
    line-height: 35px !important;
    color: #232323;
    margin: 10px 0 60px;
    line-height: 1.5;
	text-align:center;
}

.home-sec-team h4 
{
    font-family: 'TT Commons';
    font-weight: 600;
    font-size: 22px;
    line-height: 28px !important;
    color: #232323;
    margin: 30px 0px 0px;
    line-height: 1.5;
}

.home-sec-team h5 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 16px;
    line-height: 22px !important;
    color: #666;
    margin: 0px 0px 20px;
    line-height: 1.5;
}

.home-sec-team p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #232323;
    margin: 0px;
    line-height: 1.5;
}

.home-sec6
{
	background-color: #FBF9F3;
}

.home-sec6 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #268750;
    margin-top: 0px;
    margin-bottom: 0px;
	text-align:center;
}

.home-sec6 h6 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 30px;
    line-height: 35px !important;
    color: #232323;
    margin: 10px 0 60px;
    line-height: 1.5;
	text-align:center;
}

.home-sec6-inner
{
	background-color:#fff;
	padding:35px 35px 30px;
	border-radius:50%;
	text-align:center;
	height:300px;
	width:300px;
}

.home-sec6 img
{
	background-color:#dfaf4b;
	border-radius:50%;
	padding:10px;
	width:70px;
	height:70px;
	margin:0px;
}

.home-sec6 h5
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 23px;
    line-height: 28px !important;
    color: #232323;
    margin:20px 0px 30px;
    line-height: 1.5;
	text-align:center;
}

.home-sec6 .home-bt3 
{
    padding: 1.1rem 2rem 0.9rem;
}

.home-sec7
{
	background-image:url(../img/scenic-landscaping-seychelles-home-sec7-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	text-align:center;
	padding:150px 0px;
}

.home-sec7 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 50px;
    text-align: center;
}	

.home-sec7 .home-bt1
{
	padding:18px 40px 15px;
}

.copyright-right
{
	text-align:right;
}


/* About Page */

.inner-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-about-banner.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:470px;
	text-align:center;
	padding-top:150px;
	position:relative;
	z-index:0;
}

.inner-banner:before 
{
    content: "";
    background: color-mix(in srgb, #000, transparent 60%);
    position: absolute;
    inset: 0;
    z-index: 0;
}

.inner-banner h2
{
	font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    margin: 0px;
	z-index: 1;
	opacity:1;
	position:relative;
}

.about-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-about-banner.jpg);
}

.about-sec1
{
	background-image:url(../img/scenic-landscaping-seychelles-about-sec1-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.about-sec1 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #268750;
    margin-top: 30px;
    margin-bottom: 0px;
}

.about-sec1 h5 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 27px;
    line-height: 33px !important;
    color: #232323;
    margin: 20px 0 20px;
    line-height: 1.5;
}

.about-sec1 p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 20px;
    line-height: 30px !important;
    color: #232323;
    margin: 10px 0 40px;
    line-height: 1.5;
	padding-right:20px;
}

.about-sec2
{
	background-color: #FBF9F3;
    position: relative;
}

.about-sec2 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #268750;
    margin-top: 0px;
    margin-bottom: 50px;
	text-align:center;
}

.about-sec2 .col-lg-2
{
	width:20%;
}

.about-sec2-inner
{
    background-image:url(../img/scenic-landscaping-seychelles-about-sec2-bg1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	padding:30px 20px 30px;
}

.about-sec2-inner2
{
    background-image:url(../img/scenic-landscaping-seychelles-about-sec2-bg2.jpg);
}

.about-sec2-inner3
{
    background-image:url(../img/scenic-landscaping-seychelles-about-sec2-bg3.jpg);
}

.about-sec2-inner4
{
    background-image:url(../img/scenic-landscaping-seychelles-about-sec2-bg4.jpg);
}

.about-sec2-inner5
{
    background-image:url(../img/scenic-landscaping-seychelles-about-sec2-bg5.jpg);
}

.about-sec2 h5
 {
    font-family: 'AustinSmallCaps';
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin:0px;
	height:50px;
 }
 
.about-sec2 p 
 {
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 19px;
    line-height: 24px !important;
    color: #fff;
    margin: 20px 0 40px;
	height:220px;
}

.about-sec2 .home-bt1 
{
    padding: 0.6rem 1.1rem;
	margin:0px;
}

.about-sec3
{
	background-image:url(../img/scenic-landscaping-seychelles-about-sec3-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.about-sec3 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 50px;
	text-align:center;
}

.about-sec3-inner
{
	border:1px solid #fff;
	padding:60px 45px 70px;
	margin:15px 0px;
	text-align:center;
}

.about-sec3 h5
 {
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
}

.about-sec3 p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 0px 0 40px;
    line-height: 1.5;
	height:150px;
}

.about-sec3 img 
{
    background-color: #dfaf4b;
    border-radius: 50%;
    padding: 10px;
    width: 70px;
    height: 70px;
    margin: 0px;
}

/* Our Team Page */

.our-team-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-our-team-banner.jpg);
}

.our-team-sec1 h2
 {
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #268750;
    margin-top: 0px;
    margin-bottom: 70px;
    text-align: center;
}

.our-team-sec1-left, .our-team-sec1-right
{
	padding:0px;
}


.our-team-sec1-inner
{
	background-color: #FBF9F3;
	padding:30px 50px;
}

.our-team-sec1 h4 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 35px;
    line-height: 40px;
    color: #268750;
    margin-top: 0px;
    margin-bottom: 0px;
}

.our-team-sec1 h5 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 27px;
    line-height: 33px !important;
    color: #232323;
    margin: 0px 0 15px;
    line-height: 1.5;
}

.our-team-sec1 hr
{
	width:70px;
	border-top:5px solid #268750;
	opacity:1;
}

.our-team-sec1 p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 20px;
    line-height: 28px !important;
    color: #232323;
    margin: 20px 0px 0px;
}

/* Projects Page */

.projects-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-projects-banner.jpg);
}

.projects-sec1 h2
{
	margin:0px;
}

.projects-sec1 h6
 {
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 30px;
    line-height: 35px !important;
    color: #232323;
    margin: 10px 0 70px;
    line-height: 1.5;
    text-align: center;
}

.Projects-inner
{
	position:relative;
	text-align:center;
}

.Projects-inner-text
{
  bottom: 30px; 
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
  position:absolute;
}

.Projects-inner h4 
{
    font-family: 'AustinSmallCaps';
    font-size: 40px;
    line-height: 45px;
    color: #fff;
    margin: 0px 0 30px;
	font-weight:500;
}

.Projects-inner .home-bt1 
{
    padding: 1.1rem 3rem 1rem;
}

/* Landscaping Page */

.landscaping-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-landscaping-banner.jpg);
}

.services-sec1
{
	margin-bottom:50px;
}

.services-sec1 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 70px;
    line-height: 75px;
    color: #268750;
    margin: 60px 0 30px;
}

.services-sec1 h5 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 25px;
    line-height: 30px !important;
    color: #fff;
    margin-left:0px;
	margin-right:0px;
	background-color:#dfaf4b;
	padding:10px 60px 8px;
	width: fit-content;
	
}

.services-sec1 p
{
	font-family: 'TT Commons';
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #232323;
    margin: 40px 0 50px;
    line-height: 1.5;
}

.services-sec1-left
{
	padding-right:80px;
}

.services-sec1-right
{	
	position:absolute;
	right:0px;
	padding-right:0px;
}

.services-sec1 img
{
	width:100%;
}

.services-sec2
{
	position:relative;
	padding:0px;
}

.services-sec2-inner
{
	position:relative;
	padding:0px;

}

.services-sec2-text
{
	position:absolute;
	bottom:0px;
	left:0px;
	padding:40px 40px 40px 40px;
}

.services-sec2 h4
{
    font-family: 'AustinSmallCaps';
    font-weight: 500;
    font-size: 40px;
    line-height: 45px !important;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
}

.services-sec2 p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px !important;
    color: #fff;
    margin: 20px 0 20px;
}

.services-sec2 .home-bt1 
{
    padding: 12px 30px;
	margin:0px;
}

.services-sec3
{
	background-image:url(../img/scenic-landscaping-seychelles-landscaping-sec3-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.services-sec3 ul 
{
    padding-left: 3rem;
	margin-top:50px;
}

.services-sec3 ul li
 {
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 23px;
    line-height: 30px !important;
    color: #232323;
    margin: 0px 0 30px;
	list-style:none;
}

.services-sec3 ul li i
{
	color:#268750;
	margin-right:5px;
}	

.list-space
{
	padding-left:30px;
}

.services-sec3-inner
{
	padding:0px;
}

.services-sec4
{
	text-align: center;
	background-image:url(../img/scenic-landscaping-seychelles-landscaping-sec4-bg.jpg);
}

.services-sec4 h5 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 32px;
    line-height: 42px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}

.services-sec4 p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 20px;
    line-height: 27px !important;
    color: #fff;
    margin: 30px 0 40px;
}

.services-sec5
{
	
}


.lightboxpreview {
   transition: all .3s linear;
padding-top:60%;
  cursor:pointer;
  background-size:cover;
}
   
.lightbox-content {
max-height:75svh;
  height:75svh;
}

.lightbox-close { 
  cursor:pointer;
    margin-left: auto;
  position:absolute;
  right:-30px;
  top:-30px;
  color:white;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;}

.modalscale {transform:scale(0);
opacity:0;}



.lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
.lightbox_img_wrap {padding-top:65%;
  position:relative;
  overflow:hidden;
}
.lightbox-enabled:hover {
  transform:scale(1.1)
}
.lightbox-enabled {width:100%;
height:100%;
  position:absolute;
  top:0;
object-fit:cover;
cursor:pointer;}

.lightbox-container {width:100svw;
height:100svh;
position:fixed;
top:0;
left:0;
  display:flex;
  align-items:center;
  justify-content:center;
background-color:rgba(0,0,0,.8);
z-index:9999;
opacity:0;
pointer-events:none;
}

.lightbox-container.active {
  opacity:1;
  pointer-events:all;
}
.lightbox-image-wrapper {
  display:flex;
  transform:scale(0);
  align-items:center;
  justify-content:center;
  max-width:90vw;
  max-height:90vh;
  position:relative;
}
.lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
.lightbox-btn, #close {
  color:white;
  z-index:9999999;
 cursor:pointer; 
  position:absolute;
  font-size:50px;
}

.left {left:50px;}
.right {right:50px;}
#close 
{
	top:20px;
    right:50px;
}

.lightbox-image {
  width:100%;
  max-height:80vh;
  object-fit:cover;
 }

@keyframes slideleft {
  33% {transform:translateX(-300px);
  opacity:0;
  }
  66% {transform:translateX(300px);
  opacity:0;
  }
}


.slideleft {
   animation-name: slideleft;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
@keyframes slideright {
  33% {transform:translateX(300px);
  opacity:0;}
  66% {transform:translateX(-300px);
  opacity:0;}
}


.slideright{
   animation-name: slideright;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
	

/* Irrigation Page */

.irrigation-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-irrigation-banner.jpg);
}

.irrigation-sec1-left
{
    padding-left: 0px;
	position:relative;
}

.irrigation-sec1-left-img
{
	position: absolute;
    left: -40px;
}

.irrigation-sec1-right
{
   padding-left: 80px;
}

.irrigation-sec2
{
	background-image:url(../img/scenic-landscaping-seychelles-irrigation-sec2-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.irrigation-sec2 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}

.irrigation-sec2 p
 {
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px !important;
    color: #fff;
    margin: 20px 0 40px;
}

.irrigation-sec3 h5
{
	font-size: 20px;
	line-height:25px !important;
}

.irrigation-sec3 .home-sec6-inner 
{
    padding: 35px 35px 30px;
    height: 280px;
    width: 280px;
}

.irrigation-sec3 i
{
   background-color: #dfaf4b;
    color: #fff;
    font-size: 2.5rem;
    padding: 15px 10px;
    border-radius: 50%;
    width: 72px;
    height: 72px;
} 

.irrigation-sec4 
{
    text-align: center;
    background-image: url(../img/scenic-landscaping-seychelles-irrigation-sec4-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}

.irrigation-sec4:before 
{
    content: "";
    background: 
 color-mix(in srgb, #000, transparent 90%);
    position: absolute;
    inset: 0;
    z-index: 0;
}

.irrigation-sec4 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
	z-index: 1;
    opacity: 1;
    position: relative;
}

.irrigation-sec4 p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 23px;
    line-height: 30px;
    color: #fff;
    margin: 20px 0 50px;
	z-index: 1;
    opacity: 1;
    position: relative;
}

.irrigation-sec4 .home-bt1 
{
	z-index: 1;
    opacity: 1;
    position: relative;
}

/* Environmental Rehabilitation Page */

.environmental-rehabilitation-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-environmental-rehabilitation-banner.jpg);
}

.environmental-rehabilitation-sec2
{
	background-image:url(../img/scenic-landscaping-seychelles-environmental-rehabilitation-sec2-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.environmental-rehabilitation-sec2 h4 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 38px;
    line-height: 40px !important;
    color: #fff;
    margin: 0px 0 40px;
}

.environmental-rehabilitation-sec3 .home-sec6-inner 
{
    padding: 35px 30px 30px;
}

.environmental-rehabilitation-sec3 i
 {
    background-color: #dfaf4b;
    color: #fff;
    font-size: 2.5rem;
    padding: 15px 10px;
    border-radius: 50%;
    width: 72px;
    height: 72px;
}

.environmental-rehabilitation-sec3 h5
 {
    font-size: 20px;
    line-height: 28px !important;
}

.environmental-rehabilitation-sec4
{
	background-image:url(../img/scenic-landscaping-seychelles-environmental-rehabilitation-sec4-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.environmental-rehabilitation-sec4 h5
 {
    font-size: 60px;
    line-height: 65px !important;
}

.environmental-rehabilitation-sec4 p
 {
    font-size: 24px;
    line-height: 30px !important;
    margin: 20px 0 40px;
}

/* Consultancy Page */

.consultancy-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-consultancy-banner.jpg);
}

.consultancy-sec2-bg
{
	background-image:url(../img/scenic-landscaping-seychelles-consultancy-sec2-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.consultancy-sec2-bg h4 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 24px;
    line-height: 34px !important;
    color: #fff;
    margin: 0px 0 40px;
}

.consultancy-sec3-bg
{
	background-image:url(../img/scenic-landscaping-seychelles-consultancy-sec3-bg.jpg);
}

.consultancy-sec4
{
	background-image:url(../img/scenic-landscaping-seychelles-consultancy-sec4-bg.jpg);
}

.gallery .row .col-md-4
{
	display:inline-block;
	width:33%;
	padding: 0px 5px;
	margin: 7px 0px;
}

.block 
{
    display: none;
	margin-bottom:15px;
}

#load 
{
	text-align: center;
    margin-top: 50px;
    width: fit-content;
    background-color: #268750;
    border: 1px solid #268750;
    color: #fff;
    padding: 1rem 3rem;
    font-size: 1rem;
    color: #fff;
    border-radius: 2.5rem;
    font-family: 'TT Commons';
    font-weight: bold;
    text-transform: uppercase;
	cursor:pointer;
}

/* wetland specialist */

.wetland-specialist-banner
{
	background-image:url(../img/scenic-land-scsping-seychelles-wetland-specialist-banner.jpg);	
}
.wetland-specialist-sec2 h2 
{
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 50px;
    line-height: 60px;
    color: #268750;
    margin-top: 0px;
    margin-bottom: 50px;
	text-align:center;
}

.wetland-specialists-footer-above
{
	background-image:url(../img/scenic-land-scsping-seychelles-wetland-specialist-footer-above.jpg);
}

/* Contact Page */

.contact-banner
{
	background-image:url(../img/scenic-landscaping-seychelles-contact-banner.jpg);
}

.contact-sec1 h2
 {
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #268750;
    margin-top: 0px;
    margin-bottom: 30px;
}

.contact-sec1-left
{
	padding-right:50px;
}

.contact-sec1 i
{
	background-color: #dfaf4b;
    color: #fff;
    font-size: 2rem;
    padding: 16px 21px;
    border-radius: 50%;
    width: 65px;
    height: 65px;
	text-align:center;
}

.contact-sec1 h5
 {
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    color: #268750;
    margin-top: 5px;
    margin-bottom: 0px;
}

.contact-sec1 p 
{
    font-family: 'TT Commons';
    font-weight: 500;
    font-size: 27px;
    line-height: 32px !important;
    color: #232323;
    margin: 0px;
}

.contact-sec1 p a
{
    color: #232323;
}

.contact-sec1-row
{
	border-bottom:1px solid #eee;
	padding:20px 0px;
}

.contact-sec2
{
	background-image:url(../img/scenic-landscaping-seychelles-contact-sec2-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.contact-sec2 h2
 {
    font-family: 'TT Commons';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 70px;
	text-align:center;
	text-transform:capitalize;
}

.contact-sec2 input[type="text"], .contact-sec2 textarea, .contact-sec2 select 
{
    font-family: 'TT Commons';
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #b4b3b3;
    border-radius: 0px;
    padding: 10px 0px;
}

.contact-sec2 textarea
{
	height:100px;
}

.contact-sec2 input[type="text"]::placeholder, .contact-sec2 textarea::placeholder, .contact-sec2 select::placeholder
{
	color: #fff;
}

.contact-sec2 input[type="text"]:focus, .contact-sec2 textarea:focus, .contact-sec2 select:focus
{
	outline: none;
}

.contact-sec2 select option
{
	color:#333;
}

.con-bt
{
    background-color: #dfaf4b;
    border: 1px solid #dfaf4b;
    padding: 0.8rem 3.5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    border-radius: 2.5rem;
    font-family: 'TT Commons';
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 30px;
}


.map-sec
{
	padding:0px;
	line-height:0px;
}

.map-sec iframe
{
	padding:0px;
	margin:0px;
}

/* Home Slider */


.home-slider
{
	padding:0px;
}

.home-slider button
{
	position:relative;
	z-index: 100;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:900&display=swap');

.slider-container 
{
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	height: 90vh;
	width: 100vw;
}

.slider-container h1 
{
	font-family: 'TT Commons';
    font-weight: bold;
    font-size: 74px;
    line-height: 84px;
    color: #fff;
    margin-top: 100px;
    margin-bottom: 40px;
	position: relative;
	z-index: 100;
	text-align: center;
	width:100%;
}

.slider-container::after {
	background-color: #000;
	content: '';
	position: absolute;
	opacity: 0.3;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	transform: scale(1.15);
	transition: opacity .6s ease;
}

.slide.active {
	animation: grow 6s linear forwards;
	opacity: 1;
}

@keyframes grow {
	0%, 20% {
		transform: scale(1);
	}
	
	75%, 100% {
		transform: scale(1.15);
	}
}

.controls-container {
	position: absolute;
	top: 50%;
	right: 20px;
	display: flex;
	flex-direction: column;
	transform: translateY(-50%);
	z-index: 2;
}

.control 
{
	background-color: #fff;
	cursor: pointer;
	opacity: 0.5;
	margin: 6px;
	height: 20px;
	width: 7px;
	transition: opacity 0.3s, background-color 0.3s, transform 0.3s;
}

.control.active, .control:hover {
	background-color: #fff;
	opacity: 1;
	transform: scale(1.2);
}